Redo sigils

.eleventy.js

@@ -14,9 +14,7 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addWatchTarget("./src/css");
 
   eleventyConfig.addShortcode("sigil", function (name, label) {
-    return `<h3 class="sigil">
-    ${label}<img src="img/sigil-${name}.png" />
-    </h3>`;
+    return `<h3 class="sigil--${name}">${label}</h3>`;
   });
 
   return {

src/css/global.css

@@ -153,13 +153,9 @@ header > :last-child {
 }
 
 .sigil {
-  display: block;
-}
-@media screen and (min-width: 600px) {
-  .sigil {
-    display: inline;
-    vertical-align: text-bottom;
-  }
+  display: inline;
+  image-rendering: crisp-edges;
+  vertical-align: text-bottom;
 }
 
 /*# 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;;ACfA;EDcF;IAGI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvCG;EAwCH;EACA;EACA;EACA,kBF7BM;EE8BN;;ACzCA;EDiCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFzBU;EE0BV;;;AAGF;AAAA;EAEE,kBAhES;;;AAmEX;AAAA;AAAA;EAGE;EACA,OF9BY;EE+BZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACxGA;EDmGF;IAOI;IACA;;;;AAIJ;EACE;;AChHA;ED+GF;IAGI;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;;ACfA;EDcF;IAGI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvCG;EAwCH;EACA;EACA;EACA,kBF7BM;EE8BN;;ACzCA;EDiCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFzBU;EE0BV;;;AAGF;AAAA;EAEE,kBAhES;;;AAmEX;AAAA;AAAA;EAGE;EACA,OF9BY;EE+BZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACxGA;EDmGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}

src/css/global.scss

@@ -123,9 +123,7 @@ header > :last-child {
 }
 
 .sigil {
-  display: block;
-  @include breakpoint("sm") {
-    display: inline;
-    vertical-align: text-bottom;
-  }
+  display: inline;
+  image-rendering: crisp-edges;
+  vertical-align: text-bottom;
 }

src/index.md

@@ -7,12 +7,13 @@ date: Last Modified
 
 # About me
 
-- <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
+<img src="img/sigil-nga.png" class="sigil" alt="Sigil Nga" /> Name: Gil  
+<img src="img/sigil-pa.png" class="sigil" alt="Sigil Pa" /> Pronouns: he, they  
+<img src="img/sigil-ta.png" class="sigil" alt="Sigil Ta" /> Age: 25  
+<img src="img/sigil-la.png" class="sigil" alt="Sigil La" /> Creating: Software & games  
+<img src="img/sigil-sa.png" class="sigil" alt="Sigil Sa" /> Writing: Poems, fiction, essays  
+<img src="img/sigil-da.png" class="sigil" alt="Sigil Da" /> Studying electrical engineering, community organizing, student activism  
+<img src="img/sigil-a.png" class="sigil" alt="Sigil A" /> Building: Ogra.ph Collective
 
 ## Ogra.ph Collective