Simplify

Ansimorph · Dec 31, 2024 · db6207c · db6207c
1 parent 1bc92dd
commit db6207c
Show file tree

Hide file tree

Showing 9 changed files with 26 additions and 36 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,4 +1,3 @@
-import svgContents from "eleventy-plugin-svg-contents";
 import htmlnano from "htmlnano";
 import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
 import postcssMixins from "postcss-mixins";
@@ -30,8 +29,6 @@ export default function (eleventyConfig) {
     },
   });
 
-  eleventyConfig.addPlugin(svgContents);
-
   eleventyConfig.addTransform("htmlnano", async (content, outputPath) => {
     if (!outputPath.endsWith("html")) return content;
 

diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
     "cryptify": "^4.1.2",
     "cssnano": "^7.0.1",
     "dotenv": "^8.2.0",
-    "eleventy-plugin-svg-contents": "^0.7.0",
     "glob": "^7.1.6",
     "glyphhanger": "^5.0.0",
     "htmlnano": "^2.1.1",

diff --git a/src/_includes/components/social-media-icons.webc b/src/_includes/components/social-media-icons.webc
@@ -1,28 +1,36 @@
 <ul class="social-media-icons space-12base">
   <li class="social-media-icons__icon">
     <a href="https://codepen.io/Ansimorph/">
-      <svg
-        webc:nokeep
-        @raw="svgContents('/src/assets/images/icon-codepen.svg')"
-      ></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <path
+          d="M15.09 12L12 14.08v.01L8.91 12 12 9.92 15.09 12M12 2a.93.93 0 0 0-.47.15L2.5 8.11c-.23.11-.41.32-.5.56v6.25c0 .41 0 .41.15.61l9.38 6.33c.14.1.31.14.47.14.16 0 .33-.05.47-.15l9.38-6.35c.15-.17.15-.17.15-.58V8.67a1.04 1.04 0 0 0-.5-.57l-9.03-5.95A.843.843 0 0 0 12 2m4.58 11l3.01 2.04-6.76 4.56v-4.07L16.58 13m3.11-4.1L16.58 11l-3.75-2.53V4.38l6.86 4.52m.64 1.57v3.06L18.07 12l2.26-1.53M7.42 13l3.75 2.54v4.06l-6.76-4.56L7.42 13M4.31 8.9l6.86-4.51V8.5L7.42 11 4.31 8.9m-.64 1.6L5.93 12l-2.26 1.54V10.5z"
+        />
+      </svg>
       <span class="visually-hidden">Codepen</span>
     </a>
   </li>
   <li class="social-media-icons__icon">
     <a href="https://github.com/Ansimorph/">
-      <svg
-        webc:nokeep
-        @raw="svgContents('/src/assets/images/icon-github.svg')"
-      ></svg>
+      <svg viewBox="0 0 24 24" aria-hidden="true">
+        <path
+          d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z"
+        />
+      </svg>
       <span class="visually-hidden">Github</span>
     </a>
   </li>
   <li class="social-media-icons__icon">
     <a href="https://front-end.social/@Ansimorph" rel="me">
       <svg
-        webc:nokeep
-        @raw="svgContents('/src/assets/images/icon-mastodon.svg')"
-      ></svg>
+        xmlns="http://www.w3.org/2000/svg"
+        fill="currentColor"
+        viewBox="-2.25 -2.25 20.25 20.25"
+        aria-hidden="true"
+      >
+        <path
+          d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
+        />
+      </svg>
       <span class="visually-hidden">Mastodon</span>
     </a>
   </li>

diff --git a/src/_includes/layout.webc b/src/_includes/layout.webc
@@ -35,6 +35,13 @@
       type="font/woff2"
       crossorigin
     />
+
+    <link rel="stylesheet" href="../css/variables.css" />
+    <link rel="stylesheet" href="../css/mixins.css" />
+    <link rel="stylesheet" href="../css/reset.css" />
+    <link rel="stylesheet" href="../css/utilities.css" />
+    <link rel="stylesheet" href="../css/typography.css" />
+
     <style @raw="getBundle('css')" webc:keep></style>
   </head>
 

diff --git a/src/assets/images/icon-codepen.svg b/src/assets/images/icon-codepen.svg
diff --git a/src/assets/images/icon-github.svg b/src/assets/images/icon-github.svg
diff --git a/src/assets/images/icon-mastodon.svg b/src/assets/images/icon-mastodon.svg
diff --git a/src/imprint.webc b/src/imprint.webc
@@ -35,12 +35,6 @@ title: "Imprint"
   </div>
 </div>
 
-<link rel="stylesheet" href="./css/variables.css" />
-<link rel="stylesheet" href="./css/mixins.css" />
-<link rel="stylesheet" href="./css/reset.css" />
-<link rel="stylesheet" href="./css/utilities.css" />
-<link rel="stylesheet" href="./css/typography.css" />
-
 <style>
   @font-face {
     font-family: "Plex-Serif";

diff --git a/src/index.webc b/src/index.webc
@@ -19,12 +19,6 @@ title: "Björn Ganslandt: freelance frontend web developer"
   ></footer>
 </div>
 
-<link rel="stylesheet" href="./css/variables.css" />
-<link rel="stylesheet" href="./css/mixins.css" />
-<link rel="stylesheet" href="./css/reset.css" />
-<link rel="stylesheet" href="./css/utilities.css" />
-<link rel="stylesheet" href="./css/typography.css" />
-
 <style>
   @font-face {
     font-family: "Plex-Sans";