Add sigils

src/css/_mixins.scss

@@ -10,10 +10,8 @@ $breakpoints: (
   @if map-has-key($mq-breakpoints, $mq-breakpoint) {
     $mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint);
   }
-  
+
   @media screen and (min-width: #{$mq-breakpoint}) {
     @content;
   }
 }
-  
-  

src/css/global.css

@@ -139,4 +139,13 @@ header > :last-child {
   }
 }
 
+img {
+  image-rendering: crisp-edges;
+}
+
+img.sigil {
+  display: inline;
+  vertical-align: sub;
+}
+
 /*# sourceMappingURL=global.css.map */

src/css/global.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7FA;EDwFF;IAOI;IACA","file":"global.css"}
+{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7FA;EDwFF;IAOI;IACA;;;;AAIJ;EACE;;;AAGF;EACE;EACA","file":"global.css"}

src/css/global.scss

@@ -110,3 +110,12 @@ header > :last-child {
     margin-left: 1em;
   }
 }
+
+img {
+  image-rendering: crisp-edges;
+}
+
+img.sigil {
+  display: inline;
+  vertical-align: sub;
+}

src/index.md

@@ -5,9 +5,14 @@ date: Last Modified
 
 <img class="float-right" src="img/gba_gil.png" alt="Me, a brown-haired, brown-eyed man with round glasses, smiling. The picture is filtered to mimic the Game Boy Camera and create a retro vibe." />
 
-# About Me
+# About me
 
-Hello! My name is Gil and my pronouns are he/they. I'm a former electrical engineering student, now working on the side as a hobbyist software & game developer. I also write &ndash; primarily poems and fiction, with some essays here and there. I used to be a community organizer and student activist, but now I mostly work with the Ogra.ph Collective. You can find links to my social media profiles below.
+<img src="img/sigil-ngalan.png" class="sigil" /> Name: Gil (he/they)  
+<img src="img/sigil-taon.png" class="sigil" /> Age: 25  
+<img src="img/sigil-likhain.png" class="sigil" /> Creating: Software & games  
+<img src="img/sigil-sulatin.png" class="sigil" /> Writing: Poems, fiction, essays  
+<img src="img/sigil-datirati.png" class="sigil" /> Previously: Studying electrical engineering, community organizing, student activism  
+<img src="img/sigil-itayo.png" class="sigil" /> Building: Ogra.ph Collective
 
 ## Ogra.ph Collective