Add NOL footer logo

scottgriv · Jun 26, 2024 · 70bf50a · 70bf50a
1 parent 075b895
commit 70bf50a
Show file tree

Hide file tree

Showing 4 changed files with 142 additions and 8 deletions.
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -19,7 +19,7 @@ const Footer = () => {
               <i className="fa-regular fa-envelope"></i>
             </a>
             <a href="https://nightowllabs.io" target="_blank" rel="noreferrer">
-              <i className="fa-regular fa-building"></i>
+              <Icon name="NOL" />
             </a>
             <a
               href="https://github.com/scottgriv"
@@ -56,13 +56,6 @@ const Footer = () => {
             >
               <i className="fa-solid fa-palette"></i>
             </a>
-            <a
-              href="https://marketplace.visualstudio.com/items?itemName=scottgriv.Dark-Castle"
-              target="_blank"
-              rel="noreferrer"
-            >
-              <Icon name="VSCode" />
-            </a>
             <a
               href="https://www.buymeacoffee.com/scottgriv"
               target="_blank"

diff --git a/src/components/icons/icon.js b/src/components/icons/icon.js
@@ -22,6 +22,7 @@ import {
   IconYouTube,
   IconPRG,
   IconVSCode,
+  IconNOL,
 } from '../icons';
 
 const Icon = ({ name }) => {
@@ -66,6 +67,8 @@ const Icon = ({ name }) => {
       return <IconYouTube />;
     case 'PRG':
       return <IconPRG />;
+    case 'NOL':
+      return <IconNOL />;
     case 'VSCode':
       return <IconVSCode />;
     default:

diff --git a/src/components/icons/index.js b/src/components/icons/index.js
@@ -20,3 +20,4 @@ export { default as IconTwitter } from './twitter';
 export { default as IconYouTube } from './youtube';
 export { default as IconPRG } from './prg';
 export { default as IconVSCode } from './vscode';
+export { default as IconNOL } from './nol';
diff --git a/src/components/icons/nol.js b/src/components/icons/nol.js
@@ -0,0 +1,137 @@
+import React from "react"
+
+const IconNOL = () => (
+  <svg
+    width="18px"
+    height="24px"
+    viewBox="0 0 847 1134"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      id="Designs"
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g id="NOL" transform="translate(0, 0)">
+        <g
+          id="Oval-4"
+          transform="translate(0, 69)"
+          fill="currentColor"
+          stroke="#000000"
+        >
+          <ellipse id="Oval" cx="423.5" cy="532.5" rx="423" ry="532"></ellipse>
+        </g>
+        <path
+          d="M634.014838,633.630326 C646.57664,667.258085 655.357172,692.057267 660.356435,708.027872 C682.294614,778.111405 693.26358,840.977621 693.26358,896.626522 C693.26358,971.297293 679.367454,1008.33052 651.575201,1007.7262"
+          id="Line"
+          stroke="#000000"
+          stroke-width="4"
+          stroke-linecap="square"
+          transform="translate(663.6392, 820.6819) scale(-1, 1) rotate(9) translate(-663.6392, -820.6819)"
+        ></path>
+        <path
+          d="M424,944 C434.855537,944 445.086911,951.96269 455.181849,966.545388 L455.485,966.986 L455.352734,966.872058 C446.868822,959.586258 438.263027,954.642153 424.811337,954.000161 L424.187032,953.973593 C408.795016,953.397429 398.785189,959.791306 388.509042,968.981701 L388.384,969.093 L388.529352,968.903019 C400.726287,952.96556 412.266276,944.198329 423.613246,944.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(424, 971.5) scale(1, -1) translate(-424, -971.5)"
+        ></path>
+        <path
+          d="M510,849 C520.855537,849 531.086911,856.96269 541.181849,871.545388 L541.485,871.986 L541.352734,871.872058 C532.868822,864.586258 524.263027,859.642153 510.811337,859.000161 L510.187032,858.973593 C494.795016,858.397429 484.785189,864.791306 474.509042,873.981701 L474.384,874.093 L474.529352,873.903019 C486.726287,857.96556 498.266276,849.198329 509.613246,849.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(510, 876.5) scale(1, -1) translate(-510, -876.5)"
+        ></path>
+        <path
+          d="M424,757 C434.855537,757 445.086911,764.96269 455.181849,779.545388 L455.485,779.986 L455.352734,779.872058 C446.868822,772.586258 438.263027,767.642153 424.811337,767.000161 L424.187032,766.973593 C408.795016,766.397429 398.785189,772.791306 388.509042,781.981701 L388.384,782.093 L388.529352,781.903019 C400.726287,765.96556 412.266276,757.198329 423.613246,757.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(424, 784.5) scale(1, -1) translate(-424, -784.5)"
+        ></path>
+        <path
+          d="M323,849 C333.855537,849 344.086911,856.96269 354.181849,871.545388 L354.485,871.986 L354.352734,871.872058 C345.868822,864.586258 337.263027,859.642153 323.811337,859.000161 L323.187032,858.973593 C307.795016,858.397429 297.785189,864.791306 287.509042,873.981701 L287.384,874.093 L287.529352,873.903019 C299.726287,857.96556 311.266276,849.198329 322.613246,849.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(323, 876.5) scale(1, -1) translate(-323, -876.5)"
+        ></path>
+        <path
+          d="M510,661 C520.855537,661 531.086911,668.96269 541.181849,683.545388 L541.485,683.986 L541.352734,683.872058 C532.868822,676.586258 524.263027,671.642153 510.811337,671.000161 L510.187032,670.973593 C494.795016,670.397429 484.785189,676.791306 474.509042,685.981701 L474.384,686.093 L474.529352,685.903019 C486.726287,669.96556 498.266276,661.198329 509.613246,661.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(510, 688.5) scale(1, -1) translate(-510, -688.5)"
+        ></path>
+        <ellipse
+          id="Oval"
+          fill="#000000"
+          cx="563.5"
+          cy="314"
+          rx="149.5"
+          ry="141"
+        ></ellipse>
+        <path
+          d="M154.690837,633.630326 C167.252639,667.258085 176.033171,692.057267 181.032433,708.027872 C202.970612,778.111405 213.939579,840.977621 213.939579,896.626522 C213.939579,971.297293 200.043452,1008.33052 172.251199,1007.7262"
+          id="Line"
+          stroke="#000000"
+          stroke-width="4"
+          stroke-linecap="square"
+          transform="translate(184.3152, 820.6819) rotate(9) translate(-184.3152, -820.6819)"
+        ></path>
+        <ellipse
+          id="Oval"
+          fill="#000000"
+          cx="284.5"
+          cy="314"
+          rx="149.5"
+          ry="141"
+        ></ellipse>
+        <polygon
+          id="Triangle"
+          fill="#000000"
+          transform="translate(426.5, 429.5) scale(1, -1) translate(-426.5, -429.5)"
+          points="426.5 364 535 495 318 495"
+        ></polygon>
+        <g id="Oval-2" transform="translate(205, 225)" fill="currentColor">
+          <ellipse id="Oval" cx="86.5" cy="91.5" rx="86.5" ry="91.5"></ellipse>
+        </g>
+        <polygon
+          id="Triangle"
+          fill="currentColor"
+          transform="translate(694.8944, 112.9701) rotate(42) translate(-694.8944, -112.9701)"
+          points="694.895121 39.9023879 782.575676 186.03697 607.213181 186.037801"
+        ></polygon>
+        <circle id="Oval" fill="#000000" cx="339" cy="300" r="26"></circle>
+        <path
+          d="M323,661 C333.855537,661 344.086911,668.96269 354.181849,683.545388 L354.485,683.986 L354.352734,683.872058 C345.868822,676.586258 337.263027,671.642153 323.811337,671.000161 L323.187032,670.973593 C307.795016,670.397429 297.785189,676.791306 287.509042,685.981701 L287.384,686.093 L287.529352,685.903019 C299.726287,669.96556 311.266276,661.198329 322.613246,661.003325 Z"
+          id="Rectangle"
+          stroke="#000000"
+          stroke-width="10"
+          transform="translate(323, 688.5) scale(1, -1) translate(-323, -688.5)"
+        ></path>
+        <polygon
+          id="Triangle"
+          fill="currentColor"
+          transform="translate(156.8835, 112.9809) scale(-1, 1) rotate(42) translate(-156.8835, -112.9809)"
+          points="156.884197 39.91319 244.564752 186.047772 69.2022568 186.048603"
+        ></polygon>
+        <ellipse
+          id="Oval"
+          fill="currentColor"
+          cx="577.5"
+          cy="321.5"
+          rx="86.5"
+          ry="91.5"
+        ></ellipse>
+        <circle id="Oval" fill="#000000" cx="621" cy="300" r="26"></circle>
+      </g>
+    </g>
+  </svg>
+)
+
+export default IconNOL