figbert.com-website

commit 36156e6eb6ddc9a8dc8208edf3f4bb8b505b5967
parent 90caace8413ce21bcb6ca21d841b247e97d3a1d7
Author: FIGBERT <figbert@figbert.com>
Date:   Mon, 17 Aug 2020 19:37:55 -0700

:lipstick: Add ability to modify emoji position in shortcode

Diffstat:
M
content/_index.md
 | 
6
+++---
M
static/global.css
 | 
4
++++
M
templates/shortcodes/emoji.html
 | 
2
+-

3 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/content/_index.md b/content/_index.md
@@ -6,8 +6,8 @@ title = "Home"
 
 I'm [FIGBERT](/), an Israeli-American {{ emoji(name="israel", alt="An Israeli flag") }}{{ emoji(name="us", alt="An American flag") }} high school student with a passion for
 Computer Science and Engineering. I spend my time coding side-projects{{ emoji(name="arduino", alt="An arduino") }}, doing schoolwork{{ emoji(name="school", alt="A schoolhouse")
-}}, and playing the occasional videogame{{ emoji(name="joystick", alt="A game joystick") }}. My current goal is to become a full-stack developer, proficient
-in everything from front-end design{{ emoji(name="paint", alt="A paint pallet") }} to cybersecurity{{ emoji(name="surveillance", alt="A surveillance camera") }}.
+}}, and playing the occasional videogame{{ emoji(name="joystick", alt="A game joystick", top=true) }}. My current goal is to become a full-stack developer, proficient
+in everything from front-end design{{ emoji(name="paint", alt="A paint pallet") }} to cybersecurity{{ emoji(name="surveillance", alt="A surveillance camera", top=true) }}.
 
 ## Contact
 
@@ -22,7 +22,7 @@ you want to send me money{{ emoji(name="credit-card", alt="A credit card") }}, f
 To see some of the things I do, you can:
 
 * Read my writing [on this site][posts] or in the [Atom feed][atom]{{ emoji(name="rss", alt="RSS symbol") }}.
-* Download [txtodo][txtodo-site] from [the App Store][txtodo-store]{{ emoji(name="apple", alt="Retro Apple logo") }} and read the [writeup][txtodo-article].
+* Download [txtodo][txtodo-site] from [the App Store][txtodo-store]{{ emoji(name="apple", alt="Retro Apple logo", top=true) }} and read the [writeup][txtodo-article].
 * Download and play my text adventure, [One Angry Wizard][txt-adventure]{{ emoji(name="keyboard", alt="A keyboard") }}.
 
 I'm constantly working on more stuff, so continue checking back for more project highlights.
diff --git a/static/global.css b/static/global.css
@@ -91,6 +91,10 @@ h6::before {
   vertical-align: middle;
 }
 
+.emoji__top {
+  vertical-align: top;
+}
+
 .anchor {
   width: 1rem;
   vertical-align: top;
diff --git a/templates/shortcodes/emoji.html b/templates/shortcodes/emoji.html
@@ -1,2 +1,2 @@
-<img src="/emoji/{{ name }}.svg" alt="{{ alt }}" class="emoji"/>
+<img src="/emoji/{{ name }}.svg" alt="{{ alt }}" class="emoji {% if top %}emoji__top{% endif %}"/>