Set up icomoon icon font

.eleventy.js

@@ -2,6 +2,7 @@ module.exports = function(eleventyConfig) {
 
   eleventyConfig.addPassthroughCopy('src/*.htm')
   eleventyConfig.addPassthroughCopy('src/img')
+  eleventyConfig.addPassthroughCopy('src/fonts')
 
   return {
     dir: {

src/css/icomoon.css

@@ -0,0 +1,68 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?43yz8w');
+  src:  url('fonts/icomoon.eot?43yz8w#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?43yz8w') format('truetype'),
+    url('fonts/icomoon.woff?43yz8w') format('woff'),
+    url('fonts/icomoon.svg?43yz8w#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-facebook:before {
+  content: "\e900";
+  color: #1877f2;
+}
+.icon-instagram:before {
+  content: "\e901";
+  color: #e4405f;
+}
+.icon-liberapay:before {
+  content: "\e902";
+  color: #f6c915;
+}
+.icon-mastodon:before {
+  content: "\e903";
+  color: #3088d4;
+}
+.icon-medium:before {
+  content: "\e904";
+}
+.icon-twitter:before {
+  content: "\e905";
+  color: #1da1f2;
+}
+.icon-edit:before {
+  content: "\f044";
+}
+.icon-pencil-square-o:before {
+  content: "\f044";
+}
+.icon-check-circle:before {
+  content: "\f058";
+}
+.icon-flask:before {
+  content: "\f0c3";
+}
+.icon-paperclip:before {
+  content: "\f0c6";
+}
+.icon-chevron-circle-right:before {
+  content: "\f138";
+}

src/fonts/icomoon.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="facebook" d="M1023.919 448.038c0 282.748-229.21 511.962-511.957 511.962s-511.962-229.214-511.962-511.962c0-255.535 187.217-467.332 431.966-505.741v357.751h-129.988v147.989h129.988v112.794c0 128.311 76.433 199.185 193.374 199.185 56.013 0 114.603-10.001 114.603-10.001v-125.99h-64.555c-63.599 0-83.435-39.462-83.435-79.949v-96.038h141.99l-22.699-147.989h-119.292v-357.751c244.753 38.409 431.966 250.206 431.966 505.741z" />
+<glyph unicode="&#xe901;" glyph-name="instagram" d="M512 960c-139.093 0-156.459-0.64-211.072-3.072-54.528-2.56-91.648-11.136-124.288-23.808-33.664-13.056-62.251-30.592-90.709-59.051s-46.037-57.003-59.051-90.709c-12.672-32.64-21.291-69.76-23.808-124.288-2.56-54.613-3.072-71.979-3.072-211.072s0.64-156.459 3.072-211.072c2.56-54.485 11.136-91.648 23.808-124.288 13.056-33.621 30.592-62.251 59.051-90.709 28.459-28.416 57.003-46.037 90.709-59.051 32.683-12.629 69.803-21.291 124.288-23.808 54.613-2.56 71.979-3.072 211.072-3.072s156.459 0.64 211.072 3.072c54.485 2.56 91.648 11.179 124.288 23.808 33.621 13.056 62.251 30.635 90.709 59.051 28.416 28.459 46.037 56.96 59.051 90.709 12.629 32.64 21.291 69.803 23.808 124.288 2.56 54.613 3.072 71.979 3.072 211.072s-0.64 156.459-3.072 211.072c-2.56 54.485-11.179 91.691-23.808 124.288-13.056 33.664-30.635 62.251-59.051 90.709-28.459 28.459-56.96 46.037-90.709 59.051-32.64 12.672-69.803 21.291-124.288 23.808-54.613 2.56-71.979 3.072-211.072 3.072zM512 867.84c136.661 0 152.96-0.683 206.933-3.029 49.92-2.347 77.013-10.624 95.019-17.707 23.979-9.259 40.96-20.352 58.965-38.229 17.877-17.92 28.971-34.944 38.229-58.923 6.997-18.005 15.36-45.099 17.621-95.019 2.432-54.016 2.987-70.229 2.987-206.933s-0.64-152.96-3.157-206.933c-2.603-49.92-10.923-77.013-17.963-95.019-9.557-23.979-20.437-40.96-38.357-58.965-17.877-17.877-35.157-28.971-58.88-38.229-17.92-6.997-45.44-15.36-95.36-17.621-54.357-2.432-70.357-2.987-207.317-2.987-137.003 0-153.003 0.64-207.317 3.157-49.963 2.603-77.483 10.923-95.403 17.963-24.277 9.557-40.96 20.437-58.837 38.357-17.963 17.877-29.44 35.157-38.4 58.88-7.040 17.92-15.317 45.44-17.92 95.36-1.92 53.76-2.603 70.357-2.603 206.677 0 136.363 0.683 153.003 2.603 207.403 2.603 49.92 10.88 77.397 17.92 95.317 8.96 24.32 20.437 40.96 38.4 58.923 17.877 17.877 34.56 29.397 58.837 38.315 17.92 7.083 44.843 15.403 94.763 17.963 54.4 1.92 70.4 2.56 207.317 2.56zM512 710.912c-145.28 0-262.912-117.76-262.912-262.912 0-145.28 117.76-262.912 262.912-262.912 145.28 0 262.912 117.76 262.912 262.912 0 145.28-117.76 262.912-262.912 262.912zM512 277.333c-94.293 0-170.667 76.373-170.667 170.667s76.373 170.667 170.667 170.667 170.667-76.373 170.667-170.667-76.373-170.667-170.667-170.667zM846.763 721.28c0-33.92-27.563-61.44-61.44-61.44-33.92 0-61.44 27.563-61.44 61.44s27.563 61.397 61.44 61.397c33.835 0.043 61.44-27.52 61.44-61.397z" />
+<glyph unicode="&#xe902;" glyph-name="liberapay" d="M98.987 960c-54.659-0.024-98.962-44.328-98.987-98.984v-826.029c0.024-54.659 44.328-98.962 98.984-98.987h826.029c54.669 0 98.987 44.318 98.987 98.987v0 826.027c0 54.669-44.318 98.987-98.987 98.987v0zM491.861 790.187l-96.853-401.28c-1.636-6.763-2.752-14.649-3.105-22.733l-0.009-0.265c-0.037-0.611-0.058-1.326-0.058-2.046 0-5.976 1.44-11.616 3.993-16.591l-0.095 0.205c3.238-5.736 8.146-10.204 14.059-12.81l0.191-0.075c6.699-3.285 16.128-5.376 28.203-6.272l-20.907-85.675c-32.939 0-58.88 4.267-77.653 12.8-18.816 8.661-32.299 20.352-40.405 35.243-7.505 13.857-11.916 30.337-11.916 47.847 0 1.179 0.020 2.354 0.060 3.523l-0.005-0.17c0.213 19.285 2.901 39.808 8.021 61.653l88.491 369.92zM658.261 624.299c26.027 0 48.427-3.925 67.243-11.819 18.773-7.893 34.219-18.688 46.293-32.427 12.075-13.653 21.035-29.696 26.837-48.043s8.704-37.973 8.704-58.837v-0.043c0-33.877-5.547-64.853-16.725-92.971-11.12-28.254-26.815-52.444-46.408-72.865l0.072 0.076c-19.624-20.189-43.273-36.35-69.665-47.201l-1.375-0.5c-27.648-11.392-57.728-17.067-90.197-17.067-15.787 0-31.573 1.408-47.36 4.181l-31.36-126.123h-103.125l115.627 482.048c18.56 5.547 39.851 10.581 63.744 14.976 22.564 4.212 48.524 6.622 75.046 6.622 0.932 0 1.862-0.003 2.793-0.009l-0.143 0.001zM645.035 537.216c-0.354 0.002-0.772 0.004-1.191 0.004-14.384 0-28.411-1.524-41.93-4.42l1.308 0.235-48.768-202.752c7.893-1.877 17.621-2.773 29.227-2.773 18.133 0 34.645 3.371 49.493 10.112 15.003 6.804 27.664 16.337 37.86 28.069l0.113 0.133c10.411 12.075 18.56 26.581 24.363 43.52 5.526 16.132 8.716 34.719 8.716 54.051 0 0.723-0.004 1.445-0.013 2.165l0.001-0.109c0 19.968-4.437 36.907-13.227 50.859-8.832 13.909-24.149 20.907-45.952 20.907z" />
+<glyph unicode="&#xe903;" glyph-name="mastodon" d="M989.568 623.829c0 222.123-145.536 287.232-145.536 287.232-73.387 33.707-199.424 47.872-330.283 48.939h-3.243c-130.901-1.067-256.853-15.232-330.24-48.939 0 0-145.536-65.109-145.536-287.232 0-50.859-0.981-111.701 0.64-176.171 5.291-217.259 39.851-431.317 240.683-484.48 92.587-24.491 172.117-29.653 236.16-26.112 116.139 6.4 181.333 41.472 181.333 41.472l-3.84 84.267c0 0-82.987-26.155-176.171-22.997-92.373 3.157-189.824 9.941-204.757 123.349-1.305 9.295-2.050 20.032-2.050 30.944 0 0.296 0.001 0.592 0.002 0.889v-0.046c0 0 90.667-22.187 205.525-27.435 70.229-3.2 136.107 4.139 203.008 12.075 128.299 15.317 240 94.379 254.037 166.613 22.059 113.707 20.267 277.632 20.267 277.632zM817.877 337.579h-106.539v261.077c0 55.040-23.168 82.944-69.461 82.944-51.2 0-76.885-33.109-76.885-98.645v-142.891h-105.941v142.933c0 65.536-25.685 98.645-76.885 98.645-46.293 0-69.461-27.947-69.461-82.944v-261.077h-106.539v268.928c0 54.997 13.995 98.688 42.112 130.987 29.013 32.341 66.944 48.896 114.091 48.896 54.528 0 95.829-20.949 123.136-62.891l26.496-44.501 26.539 44.501c27.307 41.941 68.608 62.891 123.136 62.891 47.104 0 85.077-16.555 114.091-48.896 28.075-32.299 42.069-75.989 42.069-130.987z" />
+<glyph unicode="&#xe904;" glyph-name="medium" d="M0 960v-1024h1024v1024zM850.688 717.397l-54.912-52.651c-3.862-2.96-6.327-7.575-6.327-12.766 0-0.947 0.082-1.874 0.239-2.775l-0.014 0.096v-386.859c-0.139-0.794-0.219-1.709-0.219-2.642 0-5.188 2.462-9.8 6.282-12.733l0.038-0.028 53.632-52.651v-11.563h-269.739v11.52l55.552 53.973c5.461 5.461 5.461 7.040 5.461 15.36v312.747l-154.453-392.32h-20.907l-179.883 392.32v-262.955c-0.21-1.465-0.329-3.157-0.329-4.877 0-9.839 3.918-18.762 10.279-25.296l-0.008 0.008 72.277-87.637v-11.563h-204.885v11.52l72.32 87.68c6.063 6.283 9.799 14.847 9.799 24.283 0 2.078-0.181 4.114-0.529 6.092l0.031-0.21v304.043c0.088 0.812 0.138 1.755 0.138 2.708 0 7.838-3.387 14.884-8.776 19.756l-0.023 0.021-64.256 77.397v11.52h199.424l154.155-338.048 135.509 338.091h190.123z" />
+<glyph unicode="&#xe905;" glyph-name="twitter" d="M1022.037 765.056c-37.76-16.597-78.080-27.904-120.533-33.067 43.264 26.069 76.544 67.157 92.288 116.181-40.576-23.68-85.547-40.917-133.419-50.517-38.229 40.917-92.715 66.517-153.216 66.517-115.925 0-209.92-93.995-209.92-209.792 0-16.64 1.92-32.64 5.419-47.957-174.507 8.235-329.173 92.032-432.683 218.709-18.219-30.805-28.416-66.603-28.416-105.6 0-72.96 37.12-137.088 93.355-174.763-34.432 1.109-66.816 10.581-95.061 26.283v-2.603c0-101.76 72.235-186.624 168.363-205.952-17.621-4.736-36.224-7.296-55.296-7.296-13.397 0-26.24 1.28-39.083 3.669 26.923-83.328 104.32-144.085 196.437-145.792-71.68-56.277-162.517-89.813-260.352-89.813-16.64 0-33.237 0.981-49.92 2.859 93.397-59.477 203.435-94.251 322.432-94.251 386.304 0 597.291 319.829 597.291 596.736 0 8.917 0 17.92-0.64 26.88 41.003 29.397 76.8 66.56 104.96 108.715z" />
+<glyph unicode="&#xf044;" glyph-name="edit, pencil-square-o" horiz-adv-x="1025" d="M507.429 274.286l66.286 66.286-86.857 86.857-66.286-66.286v-32h54.857v-54.857h32zM758.857 685.714c-5.143 5.143-13.714 4.571-18.857-0.571l-200-200c-5.143-5.143-5.714-13.714-0.571-18.857s13.714-4.571 18.857 0.571l200 200c5.143 5.143 5.714 13.714 0.571 18.857zM804.571 346.286v-108.571c0-90.857-73.714-164.571-164.571-164.571h-475.429c-90.857 0-164.571 73.714-164.571 164.571v475.429c0 90.857 73.714 164.571 164.571 164.571h475.429c22.857 0 45.714-4.571 66.857-14.286 5.143-2.286 9.143-7.429 10.286-13.143 1.143-6.286-0.571-12-5.143-16.571l-28-28c-5.143-5.143-12-6.857-18.286-4.571-8.571 2.286-17.143 3.429-25.714 3.429h-475.429c-50.286 0-91.429-41.143-91.429-91.429v-475.429c0-50.286 41.143-91.429 91.429-91.429h475.429c50.286 0 91.429 41.143 91.429 91.429v72c0 4.571 1.714 9.143 5.143 12.571l36.571 36.571c5.714 5.714 13.143 6.857 20 4s11.429-9.143 11.429-16.571zM749.714 768l164.571-164.571-384-384h-164.571v164.571zM1003.429 692.571l-52.571-52.571-164.571 164.571 52.571 52.571c21.143 21.143 56.571 21.143 77.714 0l86.857-86.857c21.143-21.143 21.143-56.571 0-77.714z" />
+<glyph unicode="&#xf058;" glyph-name="check-circle" horiz-adv-x="878" d="M733.714 531.428c0 9.714-3.429 19.429-10.286 26.286l-52 51.429c-6.857 6.857-16 10.857-25.714 10.857s-18.857-4-25.714-10.857l-233.143-232.571-129.143 129.143c-6.857 6.857-16 10.857-25.714 10.857s-18.857-4-25.714-10.857l-52-51.429c-6.857-6.857-10.286-16.571-10.286-26.286s3.429-18.857 10.286-25.714l206.857-206.857c6.857-6.857 16.571-10.857 25.714-10.857 9.714 0 19.429 4 26.286 10.857l310.286 310.286c6.857 6.857 10.286 16 10.286 25.714zM877.714 438.857c0-242.286-196.571-438.857-438.857-438.857s-438.857 196.571-438.857 438.857 196.571 438.857 438.857 438.857 438.857-196.571 438.857-438.857z" />
+<glyph unicode="&#xf0c3;" glyph-name="flask" horiz-adv-x="951" d="M872.571 123.428c42.857-68 12.571-123.429-68-123.429h-658.286c-80.571 0-110.857 55.429-68 123.429l287.429 453.143v228h-36.571c-20 0-36.571 16.571-36.571 36.571s16.571 36.571 36.571 36.571h292.571c20 0 36.571-16.571 36.571-36.571s-16.571-36.571-36.571-36.571h-36.571v-228zM427.429 537.714l-155.429-245.143h406.857l-155.429 245.143-11.429 17.714v249.143h-73.143v-249.143z" />
+<glyph unicode="&#xf0c6;" glyph-name="paperclip" horiz-adv-x="805" d="M802.286 159.428c0-89.143-68-157.143-157.143-157.143-50.286 0-98.857 21.714-134.286 57.143l-444 443.429c-40.571 41.143-64.571 97.143-64.571 154.857 0 121.143 95.429 217.714 216.571 217.714 58.286 0 114.286-23.429 156-64.571l345.714-346.286c3.429-3.429 5.714-8 5.714-12.571 0-12-32-44-44-44-5.143 0-9.714 2.286-13.143 5.714l-346.286 346.857c-27.429 26.857-64.571 44-103.429 44-81.143 0-144-65.714-144-146.286 0-38.857 16-76 43.429-103.429l443.429-444c21.714-21.714 52-36 82.857-36 48.571 0 84.571 36 84.571 84.571 0 31.429-14.286 61.143-36 82.857l-332 332c-9.143 8.571-21.714 13.714-34.286 13.714-21.714 0-38.286-16-38.286-38.286 0-12.571 5.714-24.571 14.286-33.714l234.286-234.286c3.429-3.429 5.714-8 5.714-12.571 0-12-32.571-44.571-44.571-44.571-4.571 0-9.143 2.286-12.571 5.714l-234.286 234.286c-22.857 22.286-36 53.714-36 85.143 0 62.857 49.143 112 112 112 32 0 62.857-13.143 85.143-36l332-332c36-35.429 57.143-84 57.143-134.286z" />
+<glyph unicode="&#xf138;" glyph-name="chevron-circle-right" horiz-adv-x="878" d="M409.714 153.714l259.429 259.429c14.286 14.286 14.286 37.143 0 51.429l-259.429 259.429c-14.286 14.286-37.143 14.286-51.429 0l-58.286-58.286c-14.286-14.286-14.286-37.143 0-51.429l175.429-175.429-175.429-175.429c-14.286-14.286-14.286-37.143 0-51.429l58.286-58.286c14.286-14.286 37.143-14.286 51.429 0zM877.714 438.857c0-242.286-196.571-438.857-438.857-438.857s-438.857 196.571-438.857 438.857 196.571 438.857 438.857 438.857 438.857-196.571 438.857-438.857z" />
+</font></defs></svg>

src/style.css

@@ -1,3 +1,5 @@
+@import "./css/icomoon.css";
+
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";