Revert svg fix to prevent #301 (#304)

* Revert "chore: update bluesky url (#299)"

This reverts commit 3f103a1.

* Revert "fix: External svgs not rendering in top nav bar (#297)"

This reverts commit e1685de.

Author: 526avijitgupta

assets/css/main.css

@@ -179,7 +179,12 @@ img {
   display: block;
   padding: 0 6px;
 }
-.nav-link a svg,
+.nav-link a svg {
+  height: 20px;
+  margin: -3px auto;
+  stroke-width: 2;
+  width: 20px;
+}
 .nav-item a svg {
   height: 20px;
   margin: -3px auto;

assets/js/main.js

@@ -38,24 +38,6 @@ function ready() {
     // Do the injection
     SVGInjector(svgsToInject);
 
-    const observer = new MutationObserver(() => {
-        normalizeSvgPaths();
-    });
-
-    observer.observe(document.body, { childList: true, subtree: true });
-
-    function normalizeSvgPaths() {
-        document.querySelectorAll('a .svg-inject path').forEach(path => {
-            const bbox = path.getBBox();
-            const scaleX = 20 / bbox.width;
-            const scaleY = 20 / bbox.height;
-            const scale = Math.min(scaleX, scaleY);
-
-            path.setAttribute('transform', `scale(${scale}) translate(${-bbox.x}, ${-bbox.y})`);
-            path.setAttribute('fill', 'currentColor');
-        });
-    }
-
     document.getElementById('hamburger-menu-toggle').addEventListener('click', () => {
         const hamburgerMenu = document.getElementsByClassName('nav-hamburger-list')[0]
         const hamburgerMenuToggleTarget = document.getElementById("hamburger-menu-toggle-target")

exampleSite/config.toml

@@ -92,12 +92,6 @@ title = "Gokarna"
     url = "/index.xml"
     weight = 7
 
-  [[menu.main]]
-    identifier = "bluesky"
-    pre = "<img class='svg-inject' src='https://upload.wikimedia.org/wikipedia/commons/7/7a/Bluesky_Logo.svg' />"
-    url = "https://www.buymeacoffee.com/avijitgupta"
-    weight = 8
-
 [markup]
   [markup.tableOfContents]
     startLevel = 1