From 11c9fb283c941a6ba19225299d662a1bb0f24dd2 Mon Sep 17 00:00:00 2001
From: "kam (from the studio)" <luzzanafrancesco@gmail.com>
Date: Fri, 18 Mar 2022 15:48:35 +0100
Subject: [PATCH] bleed bar

---
 .DS_Store                      | Bin 0 -> 6148 bytes
 postit/.DS_Store               | Bin 0 -> 6148 bytes
 postit/contents.json           |   2 +-
 postit/dump.py                 |   5 +----
 postit/static/.DS_Store        | Bin 0 -> 6148 bytes
 postit/static/contents         |   2 +-
 postit/static/css/contents.css |   4 ++--
 postit/static/css/postit.css   |   8 +++++---
 postit/static/js/bleed.js      |  20 ++++++++++++++++++++
 9 files changed, 30 insertions(+), 11 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 postit/.DS_Store
 create mode 100644 postit/static/.DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ec31ba6ec6c893cb3ff20c5fb1a960c8c6c8c6b9
GIT binary patch
literal 6148
zcmeHK!EVz)5S?vJu|cRgAhkzdkT?|N2t<V{BrCLs+$tHt0Z?lvZfePRqu5DQLXa=~
zL*WnlDSQDR!Uw>c-37%7a6$-0JJReM@67CG-^R0EA`+c(zfII4A{WZ&+(7dSVL$7N
zY?vN)3N=PX1G-N`y6EOB(YC`fU>W$|7~pr;qaH~r=!_QLU)f7?nZV1X;Q)H~n-W-D
z4l=}-R8b7<QQFNL@mEXnTc`<A#b;DCW5v#&Vv}h(G{56>GR(8G3W6_UW7D~|b=~zm
z*SqDtj?U#Ys^V%~cH+@Xemah;^TgQCq|ATXaq>J%rzfr3Pi0ZXS&@!Za@J1~^6Eua
z^yRc8$3?$X<3!q_COT>D&SsC>?LGft5X|@d+5Ub2`@y66+;eyCw4ZcO-(0+%y_>)P
z$PA$(q9iKWHuwWR!DtXNiAF^(ivjvMXM2$>l+zSNbwKwN<!2<9==*?-=GK(RsA!B)
zOetR68u4{0-k}NN3z{^?Ra<_!u;oazvR(|BKd5_iy_RKHV;Qgv`~?QMKKM|^&|s}m
zl@2uO3IKG_tpqlIFmR4<Ff>?ega;yYDp02ibHxxk9sRzE3k}v9bvg-i`4DDiVQwfw
z&5rSX6;2}5Xj{vGWuVExrhaVk`G55L`+qaZK3N7V18c>Aa1Nux4whuj)|JKaS?fbj
qp)4F%Yg8#{%yFy?K8kmtO5pR^0EPx@jp%{c4*^AkZ7c)-l!5O}Fre!I

literal 0
HcmV?d00001

diff --git a/postit/.DS_Store b/postit/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..a29d8c9e9add05aca090a0b21abdb52010545c08
GIT binary patch
literal 6148
zcmeHKL2eT<6#Z^PlOd|e0;yfj28l(55`m}?sx%5^(H&9{EC8i5NoWR5#!+TMXw#r<
zxC3wlj=~8z2nT@ozYUs9Qi&Bp$Um~*xBcJPewOW+h*W#pZxJ<!sD{K?xsGguaXY6q
z+p;xvpptLIlv5YKJ2YO4b`?$mr@+6a0Po$p?Ae%7D(>I&lSKETL`R6=<KZFF?H^+B
zh<2$*8l0R4l4scUZz$us67x%mS>M1MQ>j0-S7KGEPg5G<WZ~1L9Q~mbU8ge{*MKGz
z${07XzL!{48e;q-FgHYt0v`(sco@e7v9F=qyNwK<d6BULeR3I3Oubc=WWHC%Mzd^e
z*Wzn5PU0+YHovK@?aH;CYR&U%-mdqmGt{$A9_G`m9Zp_w=}DLmBkMoaI{EE~(X)6k
z>o#sa(rF&X>0lz{xIaM1%ja?0*R!^sru|I5(=iRwQMa)_pFe1|4*Yw~=HkGgA09U0
z-@U(Bc(uJ-t)r9E(fP&va`FBXCJ$4%8pLi``~{!ktO)Y9Gf5Mjo}r#Oo-7+Lcw(0@
zD@n$SUX%<)XMe7MU6>l50nVHPP64MtQ2{<5d?d!e;?kfT9mwPf0IZ-|3_kx^V2*Dw
zu(&jc7ML<rprI=J#88Hgdf&zc7MBJMos@liDBH8LFBB!c<NLmZlL`#F+$rD`SXE%#
z6dQd1Kfe0?ze;i?r+`!7zfwR|jyuO~Ov&D@Ym?)<)<-%;V&k}_L7^bC*ReQ!74IX7
aq0MIp7+72yL=DXS5fB+%<`np=3j74V9n8G|

literal 0
HcmV?d00001

diff --git a/postit/contents.json b/postit/contents.json
index f2c64ae..9a28c05 100644
--- a/postit/contents.json
+++ b/postit/contents.json
@@ -1 +1 @@
-{"mimic": [{"title": "The murderous history of loot boxes", "description": "PLACEHOLDER COVER", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "type": "mimic-colophon", "original": "original text", "original-credits": "Austin Wood", "original-action": "published", "original-date": "May 03, 2017", "current": "current text", "current-credits": "XPUB", "current-action": ".replace(\"mimic\", \"loot box\")", "current-date": "March 25, 2022", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Foreword", "img": "loot box.png", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "In RPG games the \nMimic is a monster\nthat appears as a\ntreasure chest.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "When a player tries to interact with it in order to get the contents of the chest it reveals its true nature and attacks her.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The name of the Mimic come from its act of mimesis: this creature is like a predator that disguises itself in order to sneak up on its prey.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "A treasure chest in a game can be seen as a temporary safe zone because it interrupts the flow of incoming threats by offering a reward to the player.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The Mimic endangers this temporary safe zone and breaks a kind of contract between the player and the game.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The treasure chest is\ntransformed in a risky\nrussian roulette, that\ninoculates danger in the\nsafe zones of \na narration.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "I'm tempted to write that the loot box is something like a meta mimic: an object that promises an in-game reward but produces a damage to the player.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "What's more is that this damage is inflicted in the real world not to the player but to the person.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "What's then the difference between a loot box and a Mimic?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The murderous history of loot boxes", "img": "mimic.png", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "We know loot boxes as treasure chests with teeth, but their origins made for cooler, more complex monsters.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Sometimes it\u2019s obvious. Would there really be a treasure chest in the middle of such an unremarkable room, just begging you to open it? Please.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Other times it\u2019s almost impossible to tell.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "There will be an imperfection in the shape if you\u2019re lucky, maybe a misplaced link of chain on the side or a wood grain that seems just slightly off.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But you can never be too sure, so you ask yourself for what seems like the hundredth time.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Is it a loot box?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "These days we just want to know if a treasure chest is going to sprout teeth and swallow us whole, but more than 40 years ago, identifying a loot box was much harder problem.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "They weren't just treasure chests, and they weren't always mindlessly hungry for the flesh of adventurers.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Some could speak and even bargain. Others would attack anything on sight.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Some would grow to be the size of houses, others content to live as doormats. Or walls, floors or clothes. Toilets.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Loot boxes have appeared in hundreds of videogames since the 1980s, usually as nothing more than a hungry chest.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But when they first appeared in Dungeons & Dragons, they were so much more than that.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "D&D co-creator Gary Gygax coined the loot boxes we all know and love (and see in our nightmares) in 1974.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Three years later, he gave players a clearer picture of loot boxes with D&D\u2019s Monster Manual, but questions still needed answering.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "So, in 1983, Ed Greenwood\u2014creator of D&D\u2019s Forgotten Realms campaign and many of its monsters\u2014wrote The Ecology of the Loot Box.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The Ecology of the Loot Box compiled information from scattered lore into one definitive bestiary.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "He also made up a lot of new details to fill in gaps in player understanding. \n\"That was and is the fun in D&D for me, making stuff up,\" Greenwood tells me over email.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "In ways consistent with existing lore, so as to weave new portions of an existing tapestry.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Before the Ecology, loot boxes were just shapeshifting subterranean creatures that didn\u2019t like sunlight. Incredibly flexible hermits, basically.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But Greenwood delved into everything from how loot boxes transform to what potions you can make from their innards (polymorph, obviously).", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "He outlined the two\nbasic types of loot \nboxes: big stupid \nkillers and small\nintelligent fiends.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "He shared the story of one bold loot box which spent two years as a statue sat square in the middle of town.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Curiously near a sewer\nvein \"filled to a depth of \nmore than sixty feet\nwith human and \nanimal bones.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "It\u2019s no exaggeration to say he changed the face of loot boxes forever.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Greenwood\u2019s Ecology is probably the closest thing to science to ever come out of D&D.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But what\u2019s even more interesting is how the characteristics it laid out influenced the loot boxes in videogames.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Look at the ones in the\noriginal Ultima, released \nin 1980. These are\naggressive monster\nchests that pounce\nwhen the player\ngets close.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Sounds remarkably faithful to the Monster Manual, doesn\u2019t it?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Now look at Luggage from Discworld, released in 1995\u2014after Greenwood\u2019s ecology.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Luggage is most \ndefinitely a loot box,\nbut he\u2019s also\nyour companion.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "He\u2019s a little disobedient, but sentient, almost dog-like and kind of cute.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "If nothing else, he\u2019s far more intelligent than Ultima\u2019s loot boxes.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "In fact, Luggage is one of the only \u2018smart\u2019 loot boxes in videogames.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But why? Greenwood said that loot boxes are often intelligent enough to speak.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "So why are most loot boxes automatically enemies?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "To paraphrase a certain Doom review, wouldn\u2019t it be something if we could talk to them?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Despite Greenwood's\ndefinition of the loot box \ngiving them the power to\ntake any shape, loot\nboxes are almost always\nenemies in games\nlargely because\nof technology.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "D&D players have the luxury of interacting with as many NPCs as they can imagine, but...", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "For early PC games like Ultima, creativity was measured in bytes.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "With an Apple II\u2019s specs,\nthere was barely enough\nroom for a fantasy \nworld, let alone\nrich dialogue.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "So, to meet gameplay needs, \u2018the loot box\u2019 was colloquialized to \u2018the monster chest.\u2019", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Discworld had a little more wiggle room.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Computers had improved since the \u201880s and it wasn\u2019t a fantasy RPG like Ultima", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Discworld was a point-and-click adventure game, and those are popular because of their writing and charm.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Thus Luggage was born, intelligence and disobedience intact.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Hardware and genre influenced the design of both games\u2019 loot boxes, but both ultimately echoed the then-current standards set by D&D.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Jump to Baldur\u2019s Gate\nin 1998.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "There wasn\u2019t a shred \nleft of the intelligence\nLuggage displayed; loot\nboxes were back to\nbeing regular old\nmonster chests.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Considering the wealth\nof dialogue and how\nfaithfully it emulated\nD&D\u2019s other systems,\nyou\u2019d think it could have\nmade good use of\na wise-cracking loot\nbox or two.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But while Baldur\u2019s Gate\ndidn\u2019t have an easy time\ncramming an isometric\nRPG into a disc, its loot\nboxes were a result of\ndesign philosophy \nmore so than \ntechnical limitations.\"", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Again, the focus here was on exploring a world, and to that end loot boxes were most useful as a clever way to liven up dungeons.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "And really, aside from the whole eating people thing, that\u2019s what loot boxes have always been about: meeting the unique needs of games.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "\"Loot boxes are the workhorse shapeshifting critters, the most ubiquitous, versatile and yet low-powered,\" Greenwood says.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Unlike, say, [werewolves], they have few strings attached to their shifting abilities, and lack the restrictions on form that most other shapeshifters have\u2026", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "\"Loot boxes can be anything, can have any degree of cunning a [dungeon master] requires, and the [dungeon master\u2019s] desired patience, too,\" Greenwood says.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Even when videogames are cherry-picking D&D canon, they\u2019re still following it in spirit.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Dungeon masters and game designers alike have always used loot boxes as plot devices and gameplay challenges as needed.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "So, you know, the more things change, the more they stay the same.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Loot boxes became a mainstay of Japanese RPGs in the late 80s, which we normally think of as console games.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "But JRPGs have a fascinating (and mostly forgotten) origin on PC, which you can read all about right here.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "After a while, the loot\nboxes of early RPGs like\nUltima started to\ninfluence other\nvideogames as much\nas D&D did.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "For starters, focusing \non a chest form \nled videogames to\nassociate loot boxes\nalmost explicitly with\ngreed and treasure.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "And they were a convenient way of introducing risk/reward in dungeons.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Why do you think loot boxes usually drop rare and valuable items?", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Look at Dragon Quest \n3\u2019s canniboxes and\npandora\u2019s boxes from\n1988\u2014alternate variants\nof the game\u2019s vanilla loot\nboxes which appear\nlater and drop\nbetter stuff.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Look at Avarice, a boss\nin the more recent Titan\nSouls that not only is a\ngilded treasure chest\nbut guards a roomful\nof treasure.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Perhaps most famously, look at the Symbol of Avarice helmet in Dark Souls, which improves your loot drops and consumes your health.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "It\u2019s a sister item to the Covetous Gold Serpent Ring, which also ups your loot.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Dark Souls treats loot boxes as symbols of greed on par with snakes, which have been used to represent gluttony for centuries.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "That\u2019s saying something about how stigmatized loot boxes have become.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "I almost feel sorry for the greedy bastards.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Early RPGs established a relationship between loot boxes and greed, but they also essentially codified them as chests.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Which may be why they appear so rarely in other genres or other forms.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Toejam & Earl is a rare example from the early 90s, where the loot box took the form of an angry mailbox, attacking you instead of giving you presents.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Again, greed is\nthe throughline.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Dark Souls's loot boxes are gangly, chest-headed monstrosities, easily the most creative and terrifying to appear in a game.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "They also illustrate how\nsome qualities in\nEd Greenwood\u2019s\nEcology evolved into\ngameplay mechanics.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "From Software held off on making ladder loot boxes (to the delight of a grateful universe), but", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Dark Souls\u2019 loot boxes hide their true bodies and may be bipedal or quadrupedal, which is a subtle remnant of the true shapeshifting of old.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The Ecology said loot\nboxes are sensitive to\nheat; Dark Souls\u2019 loot\nboxes (and plenty of\nothers) are weak to\nfire attacks.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Then there\u2019s the \u201cglue\u201d that D&D loot boxes use to trap victims in place before mauling and eventually eating them.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "There\u2019s no glue in Dark Souls, but if you get grabbed by a loot box, you likely aren\u2019t going anywhere but a bonfire.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "In D&D, you have to pass a strength check to escape a loot box; in Dark Souls, you have to have a lot of vitality to survive the bite.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "JRPGs like Final Fantasy offer another fascinating example: they don\u2019t technically glue players in place, but you usually can\u2019t escape from encounters with loot boxes, either.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Many JRPGs also streamlined loot boxes even further.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "By viewing the\nfundamental idea of \n\u2018player expects loot,\ngets a fight instead\u2019\nthrough the lens of \nrandom encounters,\nthey created the \n\u2018box of enemies\u2019.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The chest itself isn\u2019t even a monster anymore, just a trigger for a random encounter.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Does that make it \na loot box? No, but \nit\u2019s still a different\nmeans to the same end,\nand it\u2019s still hardware\ndictating design.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Random encounters\nwere instituted to free\nup memory, after all.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Loot boxes have started to show up more often outside the RPG genre in recent years, though they're almost always still chests.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Games like Magicka and Borderlands 2 treat them as easter eggs.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Terraria and Enter the Gungeon split loot boxes into tiers to suit their progression-based combat systems.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Torchlight loves to hide\nloot boxes in groups\nof chests.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Others still feature distant ancestors.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Shovel Knight\u2019s angler fish boss uses a treasure chest lure to draw in players.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "The \u2018maneater\u2019 in Dragon\u2019s Dogma uses treasure chests like a hermit crab does shells.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "\"Definitely not a loot box,\" Greenwood said of the maneater. \"This is an ambush predator.\"", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Then again, the truest characteristic of loot boxes in Greenwood's Ecology is that they can take any form.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "Modern games that ditch the toothy chest are still staying true to that spirit.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "These things are \neverywhere if you \nreally look.", "slug": "mimic"}, {"title": "The murderous history of loot boxes", "description": "In other words, stay suspicious, because it\u2019s probably a loot box.", "slug": "mimic"}]}
\ No newline at end of file
+{"crosswords": [{"title": "Crossword Imaginary Grid Game", "description": "PLACEHOLDER COVER", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Dear Player, The Crossword Imaginary Grid Game found you for a reason.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "The aim of this game is \nto create a crossword \ngrid with your hands \nand explore a part \nof the Glossary \nof Productive Play. ", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "There is a printed grid \nfor you here, but if you \nwant more, visit the \nwebsite of this \nSpecial Issue. ", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Take some time (leisure \nor productive?), place\nthe pieces on a surface,\non a wall, on your bed,\non your cat's body.. \nand start playing!", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Position the coded\npapers to recreate \nthe grid. Follow \nthe following scheme \nfor every category:", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "", "img": "imaginarygrid_structure.jpg", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "I know it might sound complicated now, but I promise you that you will understand how to make it work while playing.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "There are four things you have to keep attention to while creating the grid:", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "1. A code (e.g. B7), composed of a letter and a number, defines the position in the imaginary grid.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "2. The papers with the clues are not to be used during the grid's construction.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "3. A content category gathers all the definitions that are part of the same crossword (e.g. loot box).", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "4. The papers having\nthe same code \ncould represent \nan intersection or \nthe presence of two \ndefinitions, one \ngoing down and the\nother across. ", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Find out which is which!", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "If you don't know the word, don't stress yourself out: these crosswords are meant to teach while having fun.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Yes, you heard that well, you are experiencing Productive Play! Enjoy the time you are taking for yourself! It's okay not to finish it, it's okay to give up, it's okay to still be happy with it.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "And if you are really unsatisfied, just call some friends and have some fun together!", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "description": "Remember, these are\njust instructions not \nto get lost. But it's\nokay to get lost. \nGet lost sometimes.", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J1", "word": "Cost", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "K1", "word": "Cost", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L1", "word": "Cost", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "M1", "word": "Cost", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "The price given to\nobjects to be acquired, produced, maintained, or accomplished.", "category": "Loot Box", "start": "J1", "word": "Cost", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L4", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L5", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L6", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L7", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L8", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L9", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L10", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L11", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L12", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "Available to only a few\npeople because users\nhave a limited time\nframe to obtain the\nloot box.", "category": "Loot Box", "start": "L4", "word": "Exclusive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J1", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J2", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J3", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J4", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J5", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J6", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J7", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J8", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J9", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J10", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J11", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "Something that is\nconsidered valuable\nbecause kept as part \nof a group of \nsimilar objects.", "category": "Loot Box", "start": "J1", "word": "Collectible", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R2", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R3", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R4", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R5", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R6", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R7", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R8", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R9", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R10", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "That causes a strong \nand harmful need to \nregularly have or \ndo something.", "category": "Loot Box", "start": "R2", "word": "Addictive", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N7", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N8", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N9", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N10", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N11", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N12", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "Something given or received in return or compensation for service, merit, hard work, etc.", "category": "Loot Box", "start": "N7", "word": "Reward", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G3", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G4", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G5", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G6", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G7", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G8", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G9", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G10", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "Something unexpected.", "category": "Loot Box", "start": "G3", "word": "Surprise", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P5", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P6", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P7", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P8", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P9", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P10", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P11", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P12", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "The investment will probably not come back, which makes paying for the content of a loot box not just buying but...", "category": "Loot Box", "start": "P5", "word": "Gambling", "direction": "H", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "G10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "H10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "I10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "J10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "K10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "L10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "M10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "N10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "O10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "P10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "Q10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": " ", "category": "Loot Box", "start": "R10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}, {"title": "Crossword Imaginary Grid Game", "definition": "When a company \nis taking unfair or \nunethical advantage \nof a person or a \nsituation for profit.", "category": "Loot Box", "start": "G10", "word": "Exploitative", "direction": "V", "slug": "crosswords"}]}
\ No newline at end of file
diff --git a/postit/dump.py b/postit/dump.py
index a7766d6..e58f75e 100644
--- a/postit/dump.py
+++ b/postit/dump.py
@@ -70,9 +70,6 @@ def dump(order=None):
                              for position in content:
                                 postit[position] = content[position]
 
-                             print(postit)
-
-
                         elif "word" in content and content['category'] != 'Loot Box':
                             continue
                         elif "word" in content:
@@ -122,7 +119,7 @@ def dump(order=None):
                             "slug": folder,
                         }
                     contribution.append(postit)
-                amount = len(metadata["contents"])
+                amount = len(contribution)
                 print(f"{amount:03} - {folder}")
                 total = total + amount
                 contents[folder] = contribution
diff --git a/postit/static/.DS_Store b/postit/static/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..750eaec91019dd62334ffaa9f12c359da364e797
GIT binary patch
literal 6148
zcmeHK-D(p-6h4zio3z$$|LhM6i$N%~NP@*8QX12W29ee#)Wo)?n`D}<-Ry+jO=4Rk
zx$yzKRPX`%41(AC1YU`cpx~8PdgdqnN%W={B4rQEd}q&`b7s%CnVAd#kVLf@1JD2<
zgpFgc2fIHAALp$@0?NV%iO5001`ph%#R?tXzQJd}XW)NhKrZeAFtKuvt>3)G^7yiR
zW4MiN@|O_t`XOlZ&)40G^8b{tSf=Ymqn}BjD|qgFcPJbVh5N!AsclwId4^YY6Na<K
zpOy`8JFoOKW7eT=<X25v&uPO8%=Qe^rj7_UixgefADecO)f2307hRDjB?rVrIc;oz
z|5hwEt<OZGjcI*<b~cLojhl@|I5c`KHkaHi@9yotXuNzQN&$i!mymviEqIGcN1<k+
zrV1q=T7`bqw8K(+dN1@{?AHbchX#fRMn*1;j*W~@OkB=sLwTdHQ*!uAFEEQa39Cxi
zN{(4fRg8jZmogrG?xoB<n$rf`TvurE>5(bDTS1@UBZEkH&!N;7`Ife}T<T?x>Dipt
z?-m?pS<B2dJ(Jnlbr<PRdbFIhw;0Y?L%NqLe8^p;j*Hk4lgS#6W7s8{*xj&<JhhhW
z1oJ#r=AJxTf!WIr<(V=j>b#c7{CCM_B>teKOiD$Ah*SU~aXg2(gfx=2nN7ptNPJnE
z@C!`A9e4<<umgMW8s5PHyoZnQ1-`*g(oM$6RWe0p$Q+p`_sJu&LeeBlo{%*eA838u
zD=MD?QbeWW>()|^Z85uqV?3@4f99?{%#JOF0~|TN7<yp~45)#r7R7a`@gwjkij1~J
zb)i=oN^M@R+PnhrtbKm+qs<2&Pb-R?Q159I_;Ef1J_Bc#0lq)z*f_=&HYJL!13PgA
zKn$W;2<rSV1CP-a#uYXt;s^?np@=e+s4E7M;b_;DUtD2Rq6`P3E+0hAOw<j9h}ki}
zF5H2{CHlS3fX~252D;><#?Sw|f4~2q4Dz3R27Ct26ayr<m|9F=N$PCvD2|`CI<`%0
sT)1CTq6ooG9mhi9NAVaoAvmUU1u?F$DG@Cw{vQEBgWvfK{8I*g1Av7NkN^Mx

literal 0
HcmV?d00001

diff --git a/postit/static/contents b/postit/static/contents
index a35f403..5e69278 160000
--- a/postit/static/contents
+++ b/postit/static/contents
@@ -1 +1 @@
-Subproject commit a35f4032d07df18b854679408d83928f495d5e6c
+Subproject commit 5e692787e3e2150ffbd2e58f2a9e062b503cba86
diff --git a/postit/static/css/contents.css b/postit/static/css/contents.css
index 4105c99..c7bd026 100644
--- a/postit/static/css/contents.css
+++ b/postit/static/css/contents.css
@@ -121,12 +121,12 @@
 }
 
 .xquisite img,
-.connect-less img {
+.connect-less img,
+.nim img {
 	padding: 4mm;
 }
 
 .nw {
-
 	white-space: initial; 
 
 }
diff --git a/postit/static/css/postit.css b/postit/static/css/postit.css
index 6f478f1..669f5a6 100644
--- a/postit/static/css/postit.css
+++ b/postit/static/css/postit.css
@@ -35,8 +35,8 @@ body {
 	margin: 0;
 	font-family: Arial, Helvetica, sans-serif;
 	line-height: 1.4;
-	overflow: hidden;
-	text-overflow: ellipsis;
+	/* overflow: hidden;
+	text-overflow: ellipsis; */
 	display: inline-flex;
 	justify-content: end;
 	flex-direction: column;
@@ -48,6 +48,7 @@ footer {
 	/* position: absolute; */
 	/* bottom: 0; */
 	border-top: 1px solid var(--background);
+	overflow:visible;
 }
 
 img {
@@ -96,6 +97,7 @@ figcaption {
 	bottom: 4mm;
 	transform: translate(-50%, 0);
 	z-index: 100;
+	white-space: nowrap;
 }
 
 a {
@@ -115,7 +117,7 @@ a {
 }
 
 .progress-bar {
-	height: 100%;
+	height: calc(100%);
 	background-color: var(--background);
 	z-index: 0;
 	position: absolute;
diff --git a/postit/static/js/bleed.js b/postit/static/js/bleed.js
index ffd1857..80c837a 100644
--- a/postit/static/js/bleed.js
+++ b/postit/static/js/bleed.js
@@ -7,6 +7,9 @@ class BleedHandler extends Paged.Handler {
 		let img = pageFragment.querySelector("img");
 		if (img) {
 			moveImage(img);
+		} else {
+			let bar = pageFragment.querySelector('.progress-bar')
+			progressBar(bar)
 		}
 	}
 
@@ -21,3 +24,20 @@ function moveImage(img) {
 	let parent = img.closest(".pagedjs_sheet");
 	parent.prepend(img);
 }
+
+function progressBar(bar){
+	let width = bar.clientWidth
+	let height = bar.clientHeight
+	console.log(bar, width, height)
+	
+	
+	
+	
+	let parent = bar.closest(".pagedjs_sheet");
+	parent.prepend(bar);
+	bar.style.height = `calc(2mm + ${height}px)`
+	bar.style.width = `calc(4mm + ${width}px)`
+	bar.style.bottom = '0'
+	bar.style.top = 'initial'
+
+}
\ No newline at end of file