diff --git a/postit/contents.json b/postit/contents.json
index 569813f..bf5c94c 100644
--- a/postit/contents.json
+++ b/postit/contents.json
@@ -1 +1 @@
-{"karaoke": [{"title": "Can Gaming Make a Better World?", "pic": "can_gaming_make_a_better_world.jpg"}, {"title": "Can Gaming Make a Better World?", "pic": "karaoke.png", "alt": "hub.xpub.nl/soupboat/si17/\ud83c\udfa4/"}, {"title": "Can Gaming Make a Better World?", "description": "Let's get straight into it!"}, {"title": "Can Gaming Make a Better World?", "description": "PLACEHOLDER IMAGE?? (BONUS)"}, {"title": "Can Gaming Make a Better World?", "description": "I wake up early every day to be the best"}, {"title": "Can Gaming Make a Better World?", "description": "Don't close the mac cuz there's no need for me to rest"}, {"title": "Can Gaming Make a Better World?", "description": "My job is like a game\nthat's why I feel\nso blessed"}, {"title": "Can Gaming Make a Better World?", "description": "Oh, a, oh"}, {"title": "Can Gaming Make a Better World?", "description": "They took the fun out\nof my creativity\n(BUT)"}, {"title": "Can Gaming Make a Better World?", "description": "I'm responsible for\nmy stability \n(AND)"}, {"title": "Can Gaming Make a Better World?", "description": "My mentor said 'Self-motivation is the key!'"}, {"title": "Can Gaming Make a Better World?", "description": "20 points"}, {"title": "Can Gaming Make a Better World?", "description": "I did a good job!"}, {"title": "Can Gaming Make a Better World?", "description": "50 points"}, {"title": "Can Gaming Make a Better World?", "description": "I did a better job!"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming could make a promising world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming should make a fulfilling world"}, {"title": "Can Gaming Make a Better World?", "description": "Gamify your entire day"}, {"title": "Can Gaming Make a Better World?", "description": "Oh-a-a-a oh"}, {"title": "Can Gaming Make a Better World?", "description": "Waiting the host to let me enter the zoom call"}, {"title": "Can Gaming Make a Better World?", "description": "Checking my emails \nwhile I'm having\nhealthy lunch"}, {"title": "Can Gaming Make a Better World?", "description": "My job is like a game\nbut why I feel\nso stressed"}, {"title": "Can Gaming Make a Better World?", "description": "Oh-a oh-a"}, {"title": "Can Gaming Make a Better World?", "description": "Is this my leisure time?"}, {"title": "Can Gaming Make a Better World?", "description": "Oh-a oh-a"}, {"title": "Can Gaming Make a Better World?", "description": "Is this my working time?"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming could make a healthier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming should make a happier world"}, {"title": "Can Gaming Make a Better World?", "description": "Manage life through all your apps"}, {"title": "Can Gaming Make a Better World?", "description": "Get some rest and back to work"}, {"title": "Can Gaming Make a Better World?", "description": "Oh-a-aho oh x2"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming could make an easier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming should make a better world"}, {"title": "Can Gaming Make a Better World?", "description": "If you fail then don't complain"}, {"title": "Can Gaming Make a Better World?", "description": "Try your best and play the game"}, {"title": "Can Gaming Make a Better World?", "description": "Life is better when\nyou may"}, {"title": "Can Gaming Make a Better World?", "description": "gamify all the way"}, {"title": "Can Gaming Make a Better World?", "description": "Can't go on anymore x2"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a promising world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a healthier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a happier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make an easier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a better world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a fulfilling world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a healthier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a happier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make an easier world"}, {"title": "Can Gaming Make a Better World?", "description": "Gaming can't make a better world"}]}
\ No newline at end of file
+{"life-hacks": [{"title": "Life hacks!", "pic": "life-hacks.jpg"}, {"title": "Life hacks!", "description": "Tie a small piece of bright-coloured fabric to your luggage while travelling. Saves a lot of time to check if it's your bag or not!"}, {"title": "Life hacks!", "description": "For people who use their phone to watch things often and are tired of leaning it onto something that falls down after a while: Place your phone on your sunglasses!"}, {"title": "Life hacks!", "description": "When you want to cross words out you don't want to be legible: instead of scribbling over them, write random letters and words over the original!"}, {"title": "Life hacks!", "description": "Does your dorm smell bad? Tape a dryer sheet over the AC unit and turn it on!"}, {"title": "Life hacks!", "description": "Waterproof your shoes with bee wax!"}, {"title": "Life hacks!", "description": "Take a picture of business cards people hand you, just in case you lose it!"}, {"title": "Life hacks!", "description": "When ironing a button-up shirt, flip it inside-out to easily iron over the button side!"}, {"title": "Life hacks!", "description": "Put old newspaper at the bottom of your bin to absorb food juices!"}, {"title": "Life hacks!", "description": "Keep an emergency card in your wallet including your emergency contact, your blood type and allergies!"}, {"title": "Life hacks!", "description": "Store your Christmas decorations in empty egg trays!"}, {"title": "Life hacks!", "description": "When travelling, keep a bar of scented soap in the same compartment as your dirty laundry. It will keep your clothes smelling clean!"}, {"title": "Life hacks!", "description": "Cut a hole on the top corner of a juice carton, so that the juice won't explode all over your table when you open it!"}, {"title": "Life hacks!", "description": "Bounce batteries to see \nif they're good or bad.\nDrop them on a table.\nIf they give one small \nbounce and fall right \nover, they're good. \nIf they bounce around\nany more than that, \nthey're dead!"}, {"title": "Life hacks!", "description": "Use a coozie to cover the stick in your car on hot days!"}, {"title": "Life hacks!", "description": "When taking a picture, squint your eyes to make your smile look much more genuine!"}, {"title": "Life hacks!", "description": "Use a pants hanger as \na cookbook holder \nso you don't have \nto put your cookbook \non a dirty kitchen\ncounter while cooking!"}, {"title": "Life hacks!", "description": "Do you need a lantern but you only have your phone? Place your cellphone light underneath a water bottle. It will distribute the light better than the direct beam!"}, {"title": "Life hacks!", "description": "Use a spring from an old pen and wrap it around your charger. It will keep your charger from bending and breaking!"}, {"title": "Life hacks!", "description": "Cut a rectangular shape \nin an empty toilet roll \nand place your phone in \nthe cut. Now you have \na speaker!"}, {"title": "Life hacks!", "description": "Are your keyboard feet broken? Attach \nbinder clips!"}, {"title": "Life hacks!", "description": "Wrap a wet paper towel around your beverage and put it in the freezer. In about 15 minutes the beverage will be almost completely ice cold!"}, {"title": "Life hacks!", "description": "Keep your pancake mix in an empty ketchup bottle for a no-mess cooking experience!"}, {"title": "Life hacks!", "description": "Clean out an old sun lotion bottle for your beach bag and put your phone, money and keys in it for safer keeping at the beach!"}, {"title": "Life hacks!", "description": "Are you tired of making \na lot of small bowls dirty \nwhen serving several \nsauces for guests at a \nbarbeque? Use a muffin \ntin to serve them. It will \nhelp you cut down \non dishwashing!"}, {"title": "Life hacks!", "description": "Doritos are great for kindling if you can't find any kindling wood stick!"}, {"title": "Life hacks!", "description": "Apply nail polish on \nyour keys to identify the \ndifferent keys!"}, {"title": "Life hacks!", "description": "Use a hanging shoe \nrack to store \ncleaning supplies!"}, {"title": "Life hacks!", "description": "Freeze grapes to chill white wine without watering it down!"}, {"title": "Life hacks!", "description": "Attach paper clips on \nyour desk and pull one \ncharging cable through \neach paper clip. It will \nhelp you organise \nyour cables!"}, {"title": "Life hacks!", "description": "Almost finished your jar of Nutella? End it with ice cream!"}, {"title": "Life hacks!", "description": "Store your cables in empty toilet paper rolls. If you put one cable in one roll each, they will not get tangled up!"}, {"title": "Life hacks!", "description": "Cut open toilet paper \nrolls and use them as \na cuff to keep your \nwrapping paper \nfrom unrolling!"}, {"title": "Life hacks!", "description": "To remove the stem \nfrom strawberries, \nuse a straw!"}, {"title": "Life hacks!", "description": "For iced coffee and iced cappuccinos, use frozen coffee cubes to ensure the drink doesn't get watered down!"}, {"title": "Life hacks!", "description": "Always fold your towels \nin the same way. \nThen you can stack \nthem better."}, {"title": "Life hacks!", "description": "Heavy sleeper? Tired of \nsnoozing past your \nalarm? Put your \nsmartphone in an empty\ncup before you go \nto sleep to crank \nthe volume!"}, {"title": "Life hacks!", "description": "Put a wooden spoon across a boiling pot of water to keep it from boiling over!"}, {"title": "Life hacks!", "description": "Take pictures of friends \nholding items you've lent\nthem. The pictures will \nhelp you remember \nwhich items you lent\nto whom!"}, {"title": "Life hacks!", "description": "Tie a knot in the left \ncable of your \nheadphone. You will \nalways know which \nheadphone is the left \none and which is the \nright one, even \nwithout looking!"}, {"title": "Life hacks!", "description": "Lost your earring? Put a stocking over the end of a vacuum and start vacuum cleaning. You will find your earring without sucking it in!"}, {"title": "Life hacks!", "description": "Are you struggling to drink enough water every day? Draw a schedule on your bottle so you always remember how much you have to drink!"}, {"title": "Life hacks!", "description": "Instead of putting a \nround piece of sausage \non a square toast, cut \nthe meat in squares too!\nYou will avoid having \nnothing in the \ntoast corners!"}, {"title": "Life hacks!", "description": "When you go shopping, take a carabiner with you. If you end up with a lot of shopping bags, you can just connect the different bags with the carabiner. Like this, you only have to hold the carabiner instead of all the bags!"}, {"title": "Life hacks!", "description": "When boiling eggs, add \none teaspoon of baking \nsoda to the water. \nIt'll make the shell come\noff effortlessly!"}, {"title": "Life hacks!", "cursor": "Use your hair \nstraightener to iron \nyour collar!"}, {"title": "Life hacks!", "description": "Do you keep your clothing in a chest of drawers? Stack your clothes vertically to see them all!"}, {"title": "Life hacks!", "description": "Try baking cookies in the\nfront of your car in\nsummer. It will get hot\nenough through \nthe window!"}, {"title": "Life hacks!", "description": "To clean your blender, just pour water and soap in it, let it whirl and then rinse it!"}, {"title": "Life hacks!", "description": "Put a muffin paper on your popsicle stick to not get any ice cream on your hands!"}, {"title": "Life hacks!", "description": "To get the built-up residue off of your shower head, tie a baggy of vinegar around a showerhead. Leave it there overnight and it will clean everything off with no work!"}, {"title": "Life hacks!", "description": "Use a hair clip to organize long wires!"}, {"title": "Life hacks!", "description": "Freeze a saturated sponge and put it in a plastic bag.\nFree icepack!"}, {"title": "Life hacks!", "description": "Rub a stuck zipper tooth with a graphite pencil tip to make the zipper tooth come loose!"}, {"title": "Life hacks!", "description": "You don't have a citrus press? Put your lemons in between your noodle tongs and squeeze!"}, {"title": "Life hacks!", "description": "You don't have a corkscrew? Put a screw in the cork and take the cork out with pliers!"}, {"title": "Life hacks!", "description": "Rub a walnut on damaged wooden furniture to cover \nup dings!"}, {"title": "Life hacks!", "description": "Give your kid a pool\nnoddle to cuddle with so\nthey don't fall out of\nthe bed!"}, {"title": "Life hacks!", "description": "Use toothpaste to clear up hazy car headlights!"}, {"title": "Life hacks!", "description": "You bought a pizza on your way home? Put the pizza on the passenger seat in your car and turn on the seat warmer to keep the pizza hot!"}, {"title": "Life hacks!", "description": "Drinking with a straw from a can? Put your straw through the tab to keep it from rising out of your drink!"}, {"title": "Life hacks!", "description": "Put a fork in the creamy filling of an Oreo cookie, so your fingers don't get messy when you dunk them in milk!"}, {"title": "Life hacks!", "description": "Attach your remotes with magnetic tape onto your tv bench and you will never lose them again!"}, {"title": "Life hacks!", "description": "Hide your emergency money in an empty\nglue stick!"}, {"title": "Life hacks!", "description": "If you're at a hotel and run out of plug sockets, the TV usually has a USB plugin!"}, {"title": "Life hacks!", "description": "Keep a square of cardboard in a ziplock bag with you to protect small, important documents from rain and keep them uncreased!"}, {"title": "Life hacks!", "description": "If you need to pee or smoke at a bar, placing your coaster on top of your drink is universal bar language for \u201cI'm coming back\u201d. Prevents you from losing your drink and seat!"}, {"title": "Life hacks!", "description": "Drill holes in the bottom of your garbage can to make putting in and taking out bags much easier without any suction issues!"}, {"title": "Life hacks!", "description": "Use an accented letter like '\u00f1' in your password. No one will ever be able to guess it!"}, {"title": "Life hacks!", "description": "Clean the top of a squeeze-sauce bottle and attach it to your vacuum cleaner to clean your keyboard, phone, microphone or other small items!"}, {"title": "Life hacks!", "description": "Do something unusual when locking the door before a long trip. You will remember that you've definitely done it!"}, {"title": "Life hacks!", "description": "When heating leftovers\nin a microwave, space\nout a circle in the middle,\nit will heat up much\nmore evenly!"}, {"title": "Life hacks!", "description": "Don't burn yourself in those hard-to-reach candles, light a stick of spaghetti and light the wick with that!"}, {"title": "Life hacks!", "description": "Put a small amount of water in a glass when you microwave your pizza to keep the crust from getting chewy!"}, {"title": "Life hacks!", "description": "When you disassemble\nfurniture, lay the screws\non different post-its and\nwrite down the part of\nthe furniture they\nbelong to!"}, {"title": "Life hacks!", "description": "Glue a pool noodle to your garage wall and it will protect your car door from slamming against the wall!"}, {"title": "Life hacks!", "description": "Use a pencil case or sunglasses case to store your cables in your backpack or suitcase!"}, {"title": "Life hacks!", "description": "Use a clothespin to hold a nail whilst hammering!"}, {"title": "Life hacks!", "description": "Take a picture of your fridge and you'll never struggle to remember what you need to buy at the grocery store!"}, {"title": "Life hacks!", "description": "Fill plastic water bottles a quarter of the way full and lay the bottle into the freezer. When frozen, fill the rest with water and you will have ice cold water on the go!"}, {"title": "Life hacks!", "description": "Roll up the bottom of a chips bag to have better access to the snack!"}, {"title": "Life hacks!", "description": "Put plastic wrap on the stems of your bananas and it will make them stay fresh for very long!"}, {"title": "Life hacks!", "description": "Before you throw away a post-it, run it between the keys on your keyboard to collect crumbs and fluff!"}, {"title": "Life hacks!", "description": "Drinking lukewarm lemon water every morning balances your body pH levels!"}, {"title": "Life hacks!", "description": "If you put ice cubes in your dryer, your shirts won\u2019t wrinkle!"}, {"title": "Life hacks!", "description": "Putting newspapers in shoes removes the stink!"}, {"title": "Life hacks!", "description": "Toothpaste cleans\nthe silver!"}, {"title": "Life hacks!", "description": "Using shades while\nwatching mobile for a\nlong time helps you\nstay relaxed!"}, {"title": "Life hacks!", "description": "If you chew apples every morning, your mouth won\u2019t stink!"}, {"title": "Life hacks!", "description": "Citrus flavour candles leave the fragrance for longer hours!"}, {"title": "Life hacks!", "description": "If a lid is stuck, just pour a little hot water. Leave for a few minutes and then open!"}, {"title": "Life hacks!", "description": "You can preserve herbs\nby putting them in\nthe freezer!"}, {"title": "Life hacks!", "description": "Use unscented floss to cut delicate food neatly!"}, {"title": "Life hacks!", "description": "When moving houses,\nuse bags with wheels for\nbig things rather\nthan boxes!"}, {"title": "Life hacks!", "description": "Roll your garments to \nhave more space in\nthe pantry. Or in\nyour suitcase!"}, {"title": "Life hacks!", "description": "Put a lemon wedge in the water. The shells will pretty much tumble off when they are finished!"}, {"title": "Life hacks!", "description": "To clean a hazy mirror, use shaving cream!"}, {"title": "Life hacks!", "description": "Use vinegar to eliminate scents from\nthe microwave!"}, {"title": "Life hacks!", "description": "For cleaning your blinds, use towel-wrapped utensils!"}, {"title": "Life hacks!", "description": "Use bubbling water to kill weeds!"}]}
\ No newline at end of file
diff --git a/postit/static/css/postit.css b/postit/static/css/postit.css
index 34f3854..11b815a 100644
--- a/postit/static/css/postit.css
+++ b/postit/static/css/postit.css
@@ -93,6 +93,17 @@ a {
left: 0;
}
+img.cursor {
+ position: absolute;
+ /* bottom: 0; */
+ top: 0;
+ transform: translate(10%,8%);
+ width: 20px;
+ height: 20px;
+ z-index: 1000;
+ object-fit: contain;
+}
+
@media screen {
.post-it {
border: 1px solid #ddd;
diff --git a/postit/static/img/cursor.svg b/postit/static/img/cursor.svg
new file mode 100644
index 0000000..4a7a0ea
--- /dev/null
+++ b/postit/static/img/cursor.svg
@@ -0,0 +1,1154 @@
+
+
+
diff --git a/postit/static/img/fagenotpound.png b/postit/static/img/fagenotpound.png
deleted file mode 100644
index ac83d63..0000000
Binary files a/postit/static/img/fagenotpound.png and /dev/null differ
diff --git a/postit/static/img/index_orange.jpg b/postit/static/img/index_orange.jpg
deleted file mode 100644
index 05e9c10..0000000
Binary files a/postit/static/img/index_orange.jpg and /dev/null differ
diff --git a/postit/static/img/index_purple.jpg b/postit/static/img/index_purple.jpg
deleted file mode 100644
index e856317..0000000
Binary files a/postit/static/img/index_purple.jpg and /dev/null differ
diff --git a/postit/static/img/issue17.png b/postit/static/img/issue17.png
deleted file mode 100644
index bf08d40..0000000
Binary files a/postit/static/img/issue17.png and /dev/null differ
diff --git a/postit/static/img/orange_fagenotpound.png b/postit/static/img/orange_fagenotpound.png
deleted file mode 100644
index a478f2a..0000000
Binary files a/postit/static/img/orange_fagenotpound.png and /dev/null differ
diff --git a/postit/static/img/orange_issue17.png b/postit/static/img/orange_issue17.png
deleted file mode 100644
index 3cd010e..0000000
Binary files a/postit/static/img/orange_issue17.png and /dev/null differ
diff --git a/postit/static/js/bleed.js b/postit/static/js/bleed.js
index c0f2a19..fef8427 100644
--- a/postit/static/js/bleed.js
+++ b/postit/static/js/bleed.js
@@ -7,7 +7,7 @@ class BleedHandler extends Paged.Handler {
let img = pageFragment.querySelector("img");
let bar = pageFragment.querySelector('.progress-bar')
- if (img) {
+ if (img && !img.hasAttribute("data-nobleed")) {
moveImage(img);
}
diff --git a/postit/templates/postit.html b/postit/templates/postit.html
index 52f5d96..5955b1d 100644
--- a/postit/templates/postit.html
+++ b/postit/templates/postit.html
@@ -154,6 +154,26 @@
>
+
+ {%elif content['cursor']%}
+
+