… or how I showed you that I pimped my 2013 Retina MacBook Pro
I’m not going to write too much about this, because I’m lazy. Also because good content doesn’t need to be commented, it’s self-explainatory
Step 1: the Hugo shortcode
Keep in mind the image
and points
values will be used as parameters below
|
|
Step 2: the front matter of the post
The parameters are self explainatory: the laptoplid
is used as image and we have a map (an array) of the stickers
, which will be looped as points.
|
|
Step 3: the shortcode html
This is straight forward, we get the image and the points from the shortcode parameters, being invoked either by imagemap image="foo" points="bar"
or by imagemap foo bar
. Then we just loop through the points showing the “title” and the “from”, while absolutely positioning the dot at the left and top percentage coordinates. I’m also adding a <details>
block with a table with the main fields, just in case you’re on a mobile and shit’s broken. You can also see the CSS used for displaying them below.
|
|
|
|
Step 4: the result
cevamarunt.ro sticker pack
came with record
gift from my niece
cevamarunt.ro sticker pack
gift from my niece
gift from Silvia
came with record
gift from Silvia
came with record
cute barista named Alexandra in Gara de Nord
hvv.de sticker pack
Kinder egg surprise
from the band
Chillhop sticker pack
gift from my niece
taken at the event
came with record
Chillhop sticker pack
Deliric x Silent Strike II
Mondotees.com sticker pack
From a concert
Kinder egg surprise
My current glasses
came with record
gift from Patricia
from Andreea at some comics fair
their shop
From a concert
From a concert
hhv.de sticker pack
cevamarunt.ro sticker pack
don’t remember
Click to see all items as a list
Title | Comments |
---|---|
Ceva Marunt - Vaca | cevamarunt.ro sticker pack |
Parov Stelar - Demon Diaries | came with record |
Minion | gift from my niece |
E mare – Nu-i chiar asa mare | cevamarunt.ro sticker pack |
Minion 2 | gift from my niece |
Schwarzwald | gift from Silvia |
LateNightTales | came with record |
Rabbit on a Bike | gift from Silvia |
Om La Luna | came with record |
Starbucks | cute barista named Alexandra in Gara de Nord |
finest ego | hvv.de sticker pack |
Luigi | Kinder egg surprise |
The Kryptonite Sparks | from the band |
Zen Raccoon | Chillhop sticker pack |
Gary the Snail | gift from my niece |
Rafinaria La Prezent | taken at the event |
LateNightTales - Bonobo | came with record |
Chillhop Raccoon | Chillhop sticker pack |
Smiley face | Deliric x Silent Strike II |
Mondo Eye | Mondotees.com sticker pack |
Alternosfera | From a concert |
Mario | Kinder egg surprise |
Carrera | My current glasses |
Black Mirror - San Junipero | came with record |
Central Perk Coffee | gift from Patricia |
Rupe-le Capu’ Gogule | from Andreea at some comics fair |
Rammstein | their shop |
Maru | From a concert |
Coma | From a concert |
hhv | hhv.de sticker pack |
Toma | cevamarunt.ro sticker pack |
Monster Energy Drink | don’t remember |
And that’s it!