A handful more abstractions

03-templated-site/_includes/content-page.njk

@@ -9,30 +9,7 @@ layout: default
     <div class="flex justify-between">
       <div class="flex items-center">
         <a class="inline-block w-24 sm:w-32 mr-8 flex-shrink-0" href="/">
-          <svg
-            width="269px"
-            height="59px"
-            viewBox="0 0 269 59"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-          >
-            <title>Unmute Logo</title>
-            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-              <g id="unmute-logo">
-                <path
-                  d="M0.882352941,42.0769231 L0.882352941,16.0153846 L13.3178621,16.0153846 L13.3178621,40.4692308 C13.3178621,46.4769231 14.9251728,48.4230769 18.5627707,48.4230769 C21.6927968,48.4230769 23.5538934,47.0692308 26.0071571,43.7692308 L26.0071571,16.0153846 L38.4426663,16.0153846 L38.4426663,57.9846154 L28.2912302,57.9846154 L27.3606819,52.1461538 L27.106896,52.1461538 C23.5538934,56.3769231 19.6625096,59 13.9100292,59 C4.77373675,59 0.882352941,52.5692308 0.882352941,42.0769231 Z M44.0682537,57.9846154 L44.0682537,16.0153846 L54.2196898,16.0153846 L55.0656428,21.3461538 L55.404024,21.3461538 C58.9570266,17.9615385 63.1867916,15 68.8546767,15 C77.9909691,15 81.8823529,21.4307692 81.8823529,31.9230769 L81.8823529,57.9846154 L69.4468438,57.9846154 L69.4468438,33.5307692 C69.4468438,27.4384615 67.8395331,25.5769231 64.2865305,25.5769231 C61.1565044,25.5769231 59.2108125,27.0153846 56.5037629,29.6384615 L56.5037629,57.9846154 L44.0682537,57.9846154 Z"
-                  id="un"
-                  fill="#b43424"
-                ></path>
-                <path
-                  d="M113.798683,12.9035971 C115.772574,12.9035971 117.492654,13.1865679 118.958974,13.752518 C120.425293,14.3184681 121.637809,15.1107863 122.596556,16.1294964 C123.668097,17.2613965 124.401246,18.7328447 124.796025,20.5438849 C125.190803,22.3549251 125.388189,24.5903944 125.388189,27.2503597 L125.388189,49.9165468 C125.388189,52.2935371 125.881655,53.9064706 126.8686,54.7553957 C127.855546,55.6043208 129.505131,56.028777 131.817404,56.028777 L131.817404,57.8115108 C130.858657,57.7549158 129.392359,57.6841731 127.418468,57.5992806 C125.444576,57.5143881 123.52711,57.4719424 121.666012,57.4719424 C119.804914,57.4719424 117.986141,57.5143881 116.209638,57.5992806 C114.433136,57.6841731 113.093729,57.7549158 112.191379,57.8115108 L112.191379,56.028777 C114.221667,56.028777 115.659767,55.6043208 116.505721,54.7553957 C117.351674,53.9064706 117.774645,52.2935371 117.774645,49.9165468 L117.774645,25.3827338 C117.774645,23.6282886 117.661853,22.0153551 117.436265,20.5438849 C117.210677,19.0724147 116.646717,17.8839374 115.744366,16.9784173 C114.842016,16.0728972 113.375718,15.6201439 111.345429,15.6201439 C109.14595,15.6201439 107.186187,16.2992738 105.466081,17.657554 C103.745975,19.0158341 102.39247,20.8692928 101.405524,23.2179856 C100.418578,25.5666784 99.9251127,28.1841582 99.9251127,31.0705036 L99.9251127,49.9165468 C99.9251127,52.2935371 100.348083,53.9064706 101.194037,54.7553957 C102.03999,55.6043208 103.47809,56.028777 105.508379,56.028777 L105.508379,57.8115108 C104.606028,57.7549158 103.266622,57.6841731 101.490119,57.5992806 C99.7136164,57.5143881 97.8948435,57.4719424 96.0337455,57.4719424 C94.1726476,57.4719424 92.2551815,57.5143881 90.2812897,57.5992806 C88.307398,57.6841731 86.8411004,57.7549158 85.8823529,57.8115108 L85.8823529,56.028777 C88.1946261,56.028777 89.8442109,55.6043208 90.8311568,54.7553957 C91.8181027,53.9064706 92.3115682,52.2935371 92.3115682,49.9165468 L92.3115682,23.3453237 C92.3115682,20.7985484 91.8603998,18.9167927 90.9580492,17.7 C90.0556987,16.4832073 88.3638169,15.8748201 85.8823529,15.8748201 L85.8823529,14.0920863 C87.687054,14.2618714 89.4353319,14.3467626 91.1272391,14.3467626 C92.7627494,14.3467626 94.3277401,14.2477228 95.8222582,14.0496403 C97.3167762,13.8515578 98.6843807,13.5544384 99.9251127,13.1582734 L99.9251127,23.1755396 C101.391432,19.4968641 103.393492,16.8652357 105.931353,15.2805755 C108.469214,13.6959153 111.091631,12.9035971 113.798683,12.9035971 Z M139.261759,12.9035971 C141.235651,12.9035971 142.955731,13.1865679 144.42205,13.752518 C145.88837,14.3184681 147.100885,15.1107863 148.059632,16.1294964 C149.131174,17.2613965 149.864323,18.7328447 150.259101,20.5438849 C150.653879,22.3549251 150.851265,24.5903944 150.851265,27.2503597 L150.851265,49.9165468 C150.851265,52.2935371 151.344731,53.9064706 152.331677,54.7553957 C153.318623,55.6043208 154.968208,56.028777 157.280481,56.028777 L157.280481,57.8115108 C156.321733,57.7549158 154.855436,57.6841731 152.881544,57.5992806 C150.907652,57.5143881 148.990186,57.4719424 147.129088,57.4719424 C145.26799,57.4719424 143.449217,57.5143881 141.672715,57.5992806 C139.896212,57.6841731 138.556806,57.7549158 137.654455,57.8115108 L137.654455,56.028777 C139.684744,56.028777 141.122843,55.6043208 141.968797,54.7553957 C142.814751,53.9064706 143.237721,52.2935371 143.237721,49.9165468 L143.237721,25.3827338 C143.237721,23.6282886 143.124929,22.0153551 142.899341,20.5438849 C142.673754,19.0724147 142.109793,17.8839374 141.207443,16.9784173 C140.305092,16.0728972 138.838794,15.6201439 136.808506,15.6201439 C133.537485,15.6201439 130.816375,17.091592 128.645094,20.0345324 C126.473813,22.9774727 125.388189,26.627796 125.388189,30.9856115 L125.134404,23.0906475 C126.657121,19.185592 128.715577,16.511518 131.309835,15.0683453 C133.904092,13.6251726 136.554707,12.9035971 139.261759,12.9035971 Z M196.765168,13.1582734 L196.765168,48.6431655 C196.765168,51.1899408 197.230436,53.0716966 198.160985,54.2884892 C199.091534,55.5052819 200.769316,56.1136691 203.194383,56.1136691 L203.194383,57.8964029 C201.446079,57.7266179 199.697801,57.6417266 197.949497,57.6417266 C196.313987,57.6417266 194.748996,57.7266179 193.254478,57.8964029 C191.75996,58.0661879 190.392356,58.3774558 189.151624,58.8302158 L189.151624,48.8129496 C187.741701,52.4916251 185.75374,55.1091049 183.187681,56.6654676 C180.621621,58.2218303 177.985105,59 175.278054,59 C173.304162,59 171.584082,58.7170292 170.117763,58.1510791 C168.651443,57.5851291 167.438928,56.7928108 166.48018,55.7741007 C165.408639,54.6422006 164.67549,53.1707525 164.280712,51.3597122 C163.885934,49.548672 163.688547,47.3132027 163.688547,44.6532374 L163.688547,23.3453237 C163.688547,20.7985484 163.237379,18.9167927 162.335028,17.7 C161.432678,16.4832073 159.740796,15.8748201 157.259332,15.8748201 L157.259332,14.0920863 C159.064033,14.2618714 160.812311,14.3467626 162.504218,14.3467626 C164.139729,14.3467626 165.704719,14.2477228 167.199237,14.0496403 C168.693755,13.8515578 170.06136,13.5544384 171.302092,13.1582734 L171.302092,46.5208633 C171.302092,48.2753085 171.414884,49.888242 171.640472,51.3597122 C171.866059,52.8311824 172.43002,54.0196597 173.33237,54.9251799 C174.234721,55.8307 175.701018,56.2834532 177.731307,56.2834532 C181.058725,56.2834532 183.793934,54.7978566 185.937016,51.8266187 C188.080099,48.8553808 189.151624,45.2192062 189.151624,40.9179856 L189.151624,23.3453237 C189.151624,20.7985484 188.700455,18.9167927 187.798105,17.7 C186.895754,16.4832073 185.203872,15.8748201 182.722408,15.8748201 L182.722408,14.0920863 C184.527109,14.2618714 186.275387,14.3467626 187.967295,14.3467626 C189.602805,14.3467626 191.167796,14.2477228 192.662314,14.0496403 C194.156832,13.8515578 195.524436,13.5544384 196.765168,13.1582734 Z M218.484919,0 L218.484919,14.1769784 L231.004969,14.1769784 L231.004969,15.8748201 L218.484919,15.8748201 L218.484919,48.7280576 C218.484919,51.3880229 218.964285,53.2556301 219.923032,54.3309353 C220.88178,55.4062404 222.207087,55.9438849 223.898995,55.9438849 C225.590902,55.9438849 227.057199,55.2506065 228.297931,53.8640288 C229.538663,52.4774511 230.610188,50.1429421 231.512539,46.8604317 L233.204438,47.2848921 C232.640469,50.5674025 231.526646,53.3405163 229.862938,55.6043165 C228.199229,57.8681168 225.647307,59 222.207096,59 C220.289601,59 218.710511,58.7594748 217.469779,58.2784173 C216.229047,57.7973597 215.129324,57.1040813 214.170577,56.1985612 C212.929845,54.896876 212.069805,53.3405366 211.590431,51.5294964 C211.111057,49.7184562 210.871374,47.3132044 210.871374,44.3136691 L210.871374,15.8748201 L202.75026,15.8748201 L202.75026,14.1769784 L210.871374,14.1769784 L210.871374,1.18848921 C212.281297,1.1318942 213.634802,1.01870588 214.931931,0.848920863 C216.22906,0.679135842 217.413377,0.39616505 218.484919,0 Z M241.962802,29.9669065 L260.422859,29.9669065 C260.535653,27.1937511 260.310069,24.6328655 259.7461,22.2841727 C259.182131,19.9354799 258.293893,18.0537241 257.081359,16.6388489 C255.868826,15.2239737 254.303835,14.5165468 252.38634,14.5165468 C249.792082,14.5165468 247.493943,15.8182124 245.491853,18.4215827 C243.591256,20.8929788 242.414915,24.7413847 241.962802,29.9669065 L241.962802,29.9669065 Z M242.09714,31.5798561 C242.010574,32.3128491 241.943717,33.1051698 241.896568,33.9568345 C241.840171,34.9755447 241.811973,35.9942395 241.811973,37.0129496 C241.811973,40.8614101 242.432329,44.1721684 243.673061,46.9453237 C244.913793,49.7184791 246.53518,51.8266115 248.53727,53.2697842 C250.539361,54.7129569 252.611916,55.4345324 254.754998,55.4345324 C257.292859,55.4345324 259.633296,54.8119966 261.776378,53.5669065 C263.919461,52.3218163 265.724135,50.1146441 267.190454,46.9453237 L268.882353,47.6244604 C268.261987,49.4920957 267.246858,51.3031087 265.836935,53.057554 C264.427012,54.8119992 262.650537,56.2410017 260.507454,57.3446043 C258.364372,58.448207 255.882945,59 253.0631,59 C249.002522,59 245.520065,58.0661964 242.615625,56.1985612 C239.711184,54.3309259 237.483539,51.7417432 235.932625,48.4309353 C234.38171,45.1201273 233.606264,41.3141702 233.606264,37.0129496 C233.606264,32.032589 234.395809,27.7455815 235.974922,24.1517986 C237.554035,20.5580156 239.78168,17.7849018 242.657922,15.8323741 C245.534164,13.8798464 248.88973,12.9035971 252.72472,12.9035971 C257.687648,12.9035971 261.564877,14.4174909 264.356524,17.4453237 C267.148171,20.4731566 268.543973,25.1846203 268.543973,31.5798561 L242.097136,31.5798561 L242.09714,31.5798561 Z"
-                  id="mute"
-                  fill="#E0BC54"
-                ></path>
-              </g>
-            </g>
-          </svg>
+          {% include "svg/logo-alt.svg" %}
         </a>
         <span class="max-w-xs text-xs sm:text-sm inline-block">
           An event-driven community for underrepresented folx to share, listen,
@@ -42,9 +19,9 @@ layout: default
       <div
         class="hidden md:flex flex-wrap justify-center md:justify-start items-center font-bold"
       >
-        <span class="hidden lg:inline-block lg:mr-2 xl:mr-3"
-          >October 1, 2021</span
-        >
+        <span class="hidden lg:inline-block lg:mr-2 xl:mr-3">
+          October 1, 2021
+        </span>
         <span class="hidden lg:inline-block lg:mx-2 xl:mx-3">7 PM EST</span>
         <span class="hidden xl:inline-block lg:mx-2 xl:mx-3">Virtual</span>
         <span class="hidden lg:inline-block lg:mx-2 xl:mx-3">Free</span>
@@ -67,6 +44,7 @@ layout: default
 
 <main class="container py-20 template--content--main">
   <div class="max-w-3xl">
+    <h1>{{ title }}</h1>
     {{ content | safe }}
   </div>
 </main>

03-templated-site/_includes/footer.njk

@@ -40,31 +40,19 @@
             href="#"
             class="mr-3 w-6 text-white hover:opacity-50 transition-all duration-300"
           >
-            <svg width="256" height="256" viewBox="0 0 256 256" class="icon">
-              <path
-                d="M240.651341,53.2988818 C236.943869,54.9432635 233.132101,56.3310912 229.237353,57.4577972 C233.848473,52.2429756 237.3641,46.1069957 239.510171,39.392437 C239.991305,37.887371 239.492661,36.2399441 238.255568,35.255599 C237.019998,34.2704925 235.303294,34.1524929 233.942873,34.9586967 C225.671481,39.8644355 216.747665,43.3899594 207.390676,45.4515268 C197.965171,36.2414667 185.163355,31 171.929128,31 C143.993671,31 121.266184,53.7267255 121.266184,81.6614211 C121.266184,83.8615429 121.4055,86.0494841 121.681086,88.2069738 C87.0158446,85.1633451 54.788247,68.1249622 32.6576098,40.9781996 C31.8689156,40.0106027 30.6539002,39.4891206 29.4099559,39.5888493 C28.1652503,39.6862941 27.0469185,40.3882015 26.4180948,41.4669463 C21.9295417,49.1688953 19.5566076,57.9777568 19.5566076,66.9403984 C19.5566076,79.1476487 23.9149804,90.7298817 31.6138842,99.7800714 C29.2729241,98.9692999 27.0012412,97.9560258 24.8330935,96.7524297 C23.6690844,96.1045738 22.2485213,96.1144705 21.0921251,96.7775522 C19.9349676,97.4406339 19.2094603,98.660217 19.1790088,99.993232 C19.1736798,100.217812 19.1736798,100.442392 19.1736798,100.670017 C19.1736798,118.891441 28.9805896,135.296432 43.9741534,144.237758 C42.6860544,144.1091 41.3987166,143.922585 40.1197531,143.678211 C38.8012026,143.426225 37.445349,143.888327 36.5561648,144.893988 C35.665458,145.898888 35.3708396,147.299658 35.7811738,148.578621 C41.330962,165.905532 55.6195733,178.650252 72.8931941,182.535865 C58.5665185,191.509164 42.1828431,196.209355 24.9838285,196.209355 C21.3951177,196.209355 17.7858521,195.998479 14.2534766,195.580532 C12.4987081,195.371939 10.8208297,196.408052 10.2232188,198.076794 C9.62560785,199.746299 10.2589993,201.607647 11.7518848,202.564586 C33.8467414,216.731391 59.3947996,224.219419 85.6325846,224.219419 C137.21288,224.219419 169.480065,199.896272 187.46549,179.491475 C209.893029,154.048474 222.755748,120.371385 222.755748,87.0962549 C222.755748,85.7061433 222.734432,84.3023286 222.6918,82.9030815 C231.540248,76.236484 239.158456,68.1683556 245.357623,58.8951086 C246.299336,57.4867261 246.197323,55.6253774 245.106398,54.3289042 C244.016995,53.0316697 242.201323,52.6122002 240.651341,53.2988818 Z"
-              />
-            </svg>
+            {% include "svg/twitter.svg" %}
           </a>
           <a
             href="#"
             class="mr-3 w-6 text-white hover:opacity-50 transition-all duration-300"
           >
-            <svg width="256" height="256" viewBox="0 0 256 256" class="icon">
-              <path
-                d="M246,129 C246,63.8303516 193.169648,11 128,11 C62.8303516,11 10,63.8303516 10,129 C10,187.897211 53.1508945,236.71418 109.5625,245.566484 L109.5625,163.109375 L79.6015625,163.109375 L79.6015625,129 L109.5625,129 L109.5625,103.003125 C109.5625,73.429375 127.17907,57.09375 154.132852,57.09375 C167.04302,57.09375 180.546875,59.3984375 180.546875,59.3984375 L180.546875,88.4375 L165.667352,88.4375 C151.008848,88.4375 146.4375,97.5334102 146.4375,106.86509 L146.4375,129 L179.164062,129 L173.932422,163.109375 L146.4375,163.109375 L146.4375,245.566484 C202.849105,236.71418 246,187.897211 246,129"
-              ></path>
-            </svg>
+            {% include "svg/facebook.svg" %}
           </a>
           <a
             href="#"
             class="w-6 text-white hover:opacity-50 transition-all duration-300"
           >
-            <svg width="256" height="256" viewBox="0 0 256 256" class="icon">
-              <path
-                d="M128,23.072 C162.176,23.072 166.229333,23.2 179.733333,23.8186667 C214.421333,25.3973333 230.624,41.856 232.202667,76.288 C232.821333,89.7813333 232.938667,93.8346667 232.938667,128.010667 C232.938667,162.197333 232.810667,166.24 232.202667,179.733333 C230.613333,214.133333 214.453333,230.624 179.733333,232.202667 C166.229333,232.821333 162.197333,232.949333 128,232.949333 C93.824,232.949333 89.7706667,232.821333 76.2773333,232.202667 C41.504,230.613333 25.3866667,214.08 23.808,179.722667 C23.1893333,166.229333 23.0613333,162.186667 23.0613333,128 C23.0613333,93.824 23.2,89.7813333 23.808,76.2773333 C25.3973333,41.856 41.5573333,25.3866667 76.2773333,23.808 C89.7813333,23.2 93.824,23.072 128,23.072 L128,23.072 Z M128,-4.85722573e-16 C93.2373333,4.69531821e-15 88.8853333,0.149333333 75.232,0.768 C28.7466667,2.90133333 2.912,28.6933333 0.778666667,75.2213333 C0.149333333,88.8853333 -4.85722573e-16,93.2373333 -4.85722573e-16,128 C-4.85722573e-16,162.762667 0.149333333,167.125333 0.768,180.778667 C2.90133333,227.264 28.6933333,253.098667 75.2213333,255.232 C88.8853333,255.850667 93.2373333,256 128,256 C162.762667,256 167.125333,255.850667 180.778667,255.232 C227.221333,253.098667 253.12,227.306667 255.221333,180.778667 C255.850667,167.125333 256,162.762667 256,128 C256,93.2373333 255.850667,88.8853333 255.232,75.232 C253.141333,28.7893333 227.317333,2.912 180.789333,0.778666667 C167.125333,0.149333333 162.762667,-4.85722573e-16 128,-4.85722573e-16 Z M128,62.272 C91.7013333,62.272 62.272,91.7013333 62.272,128 C62.272,164.298667 91.7013333,193.738667 128,193.738667 C164.298667,193.738667 193.728,164.309333 193.728,128 C193.728,91.7013333 164.298667,62.272 128,62.272 Z M128,170.666667 C104.437333,170.666667 85.3333333,151.573333 85.3333333,128 C85.3333333,104.437333 104.437333,85.3333333 128,85.3333333 C151.562667,85.3333333 170.666667,104.437333 170.666667,128 C170.666667,151.573333 151.562667,170.666667 128,170.666667 Z M196.330667,44.32 C187.84,44.32 180.96,51.2 180.96,59.68 C180.96,68.16 187.84,75.04 196.330667,75.04 C204.810667,75.04 211.68,68.16 211.68,59.68 C211.68,51.2 204.810667,44.32 196.330667,44.32 Z"
-              ></path>
-            </svg>
+            {% include "svg/instagram.svg" %}
           </a>
         </div>
       </div>