Add svg techlore logo

mahdi1234 · Sep 10, 2020 · 91c2c49 · 91c2c49
1 parent 5595787
commit 91c2c49
Show file tree

Hide file tree

Showing 7 changed files with 9,817 additions and 4 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -35,6 +35,14 @@ module.exports = {
         icon: `src/images/plexus-icon.png`, // This path is relative to the root of the site.
       },
     },
+    {
+      resolve: "gatsby-plugin-react-svg",
+      options: {
+        rule: {
+          include: /\.inline\.svg$/,
+        },
+      },
+    },
     `gatsby-plugin-postcss`,
     {
       resolve: "gatsby-plugin-slug-field",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "gatsby-plugin-offline": "^3.2.26",
     "gatsby-plugin-postcss": "^2.3.11",
     "gatsby-plugin-react-helmet": "^3.3.10",
+    "gatsby-plugin-react-svg": "^3.0.0",
     "gatsby-plugin-sharp": "^2.6.31",
     "gatsby-plugin-slug-field": "^0.2.0",
     "gatsby-source-filesystem": "^2.3.27",

diff --git a/src/components/footer.js b/src/components/footer.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Techlore from "../images/techlore.png";
+import Techlore from "../images/techlore.inline.svg";
 
 const Footer = ({ siteTitle }) => (
   <footer className="bg-brand">
@@ -10,7 +10,7 @@ const Footer = ({ siteTitle }) => (
           className="text-gray-100 hover:text-gray-200"
           rel="noopener noreferrer"
         >
-          <img className="h-6 w-auto" src={Techlore} alt="Techlore" />
+          <Techlore className="w-auto h-6" />
         </a>
         <a
           href="https://github.com/techlore-official/plexus"

diff --git a/src/components/header.js b/src/components/header.js
@@ -2,7 +2,7 @@ import { Link } from "gatsby";
 import PropTypes from "prop-types";
 import Container from "./container";
 import Logo from "../images/plexus-icon.png";
-import Techlore from "../images/techlore.png";
+import Techlore from "../images/techlore.inline.svg";
 import React from "react";
 
 const Header = ({ siteTitle }) => (
@@ -25,7 +25,7 @@ const Header = ({ siteTitle }) => (
           className="text-gray-100 hover:text-gray-200"
           rel="noopener noreferrer"
         >
-          <img className="h-10 md:h-12 w-auto" src={Techlore} alt="Techlore" />
+          <Techlore className="w-auto h-10" />
         </a>
       </div>
     </Container>