From b7a13a81dfc507b72b1083e07838f29010ef2113 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sat, 19 Feb 2022 14:04:44 +0000
Subject: [PATCH] Design improvements

---
 README.md                   |  8 ++-
 components/header/index.js  | 21 ++++----
 components/items/all.js     | 14 +++---
 package-lock.json           | 98 +++++++++++++++++++------------------
 package.json                |  6 +--
 pages/_app.js               | 10 ++--
 pages/index.js              | 10 ++--
 pages/{icon => svg}/[id].js |  2 +-
 8 files changed, 83 insertions(+), 86 deletions(-)
 rename pages/{icon => svg}/[id].js (98%)

diff --git a/README.md b/README.md
index 85a54ec..0e831f5 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,7 @@
 <p align="center" style="margin-top:5px">
-  <a href="https://strapi.io/#gh-light-mode-only">
-    <img src="https://iconr.vercel.app/images/logo.png" width="85px" alt="iconr logo" />
-  </a>
+    <img src="https://raw.githubusercontent.com/pheralb/svgparty/main/public/images/logo.png" width="85px" alt="svgparty logo" />
 </p>
-<h2 align="center">Iconr - Beautiful SVG vector icons</h2>
+<h2 align="center">SVGParty - Beautiful SVG vector logos</h2>
 <br />
 
 ## 🚀 Getting started:
@@ -24,4 +22,4 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 ## 📦 Deployed on Vercel:
 
-[https://iconr.vercel.app/](https://iconr.vercel.app/)
+[https://svgparty.vercel.app/](https://svgparty.vercel.app/)
diff --git a/components/header/index.js b/components/header/index.js
index 07fe9ad..066428f 100644
--- a/components/header/index.js
+++ b/components/header/index.js
@@ -55,21 +55,20 @@ const Header = () => {
             <Hover>
               <Link href="/" passHref>
                 <Flex cursor="pointer">
-                  <chakra.a title="iconr" display="flex" alignItems="center">
+                  <chakra.a title="SVGParty" display="flex" alignItems="center">
                     <Image
                       src="/images/logo.png"
                       boxSize="25px"
-                      alt="iconr logo"
+                      alt="SVGParty logo"
                     />
-                    <VisuallyHidden>iconr</VisuallyHidden>
+                    <VisuallyHidden>SVGParty</VisuallyHidden>
                   </chakra.a>
                   <chakra.h1
-                    fontSize="2xl"
+                    fontSize="1xl"
                     fontWeight="bold"
-                    fontFamily="Eina-Bold"
                     ml="3"
                   >
-                    iconr
+                    SVGParty
                   </chakra.h1>
                 </Flex>
               </Link>
@@ -81,7 +80,7 @@ const Header = () => {
                 display={{ base: "none", md: "inline-flex" }}
               >
                 <Link
-                  href="https://github.com/pheralb/iconr/tree/main/public/library"
+                  href="https://github.com/pheralb/SVGParty/tree/main/public/library"
                   passHref
                 >
                   <Button
@@ -92,7 +91,7 @@ const Header = () => {
                     Library
                   </Button>
                 </Link>
-                <Link href="https://twitter.com/iconrhq" passHref>
+                <Link href="https://twitter.com/SVGPartyhq" passHref>
                   <IconButton
                     aria-label="Twitter profile"
                     bg="transparent"
@@ -101,7 +100,7 @@ const Header = () => {
                     icon={<IoLogoTwitter size="25" />}
                   />
                 </Link>
-                <Link href="https://github.com/pheralb/iconr" passHref>
+                <Link href="https://github.com/pheralb/SVGParty" passHref>
                   <IconButton
                     aria-label="Github Repository"
                     bg="transparent"
@@ -147,7 +146,7 @@ const Header = () => {
                     Close
                   </Button>
                   <Link
-                    href="https://github.com/pheralb/iconr/tree/main/public/library"
+                    href="https://github.com/pheralb/SVGParty/tree/main/public/library"
                     passHref
                   >
                     <Button
@@ -160,7 +159,7 @@ const Header = () => {
                       Library
                     </Button>
                   </Link>
-                  <Link href="https://github.com/pheralb/iconr" passHref>
+                  <Link href="https://github.com/pheralb/SVGParty" passHref>
                     <Button
                       bg="transparent"
                       border="0"
diff --git a/components/items/all.js b/components/items/all.js
index e6f38cd..8860db8 100644
--- a/components/items/all.js
+++ b/components/items/all.js
@@ -3,7 +3,6 @@ import useSWR from "swr";
 import Grid from "components/grid";
 import Card from "components/card";
 import Loader from "animations/loader";
-import { Text } from "@chakra-ui/react";
 
 const fetcher = (url) => fetch(url).then((res) => res.json());
 
@@ -16,13 +15,12 @@ const All = () => {
       <Grid>
         {data.map((link) => (
           <>
-            <div key={link.id}>
-              <Card
-                title={link.title}
-                url={`/icon/${link.id}`}
-                href={link.href}
-              />
-            </div>
+            <Card
+              key={link.id}
+              title={link.title}
+              url={`/svg/${link.id}`}
+              href={link.href}
+            />
           </>
         ))}
       </Grid>
diff --git a/package-lock.json b/package-lock.json
index 6ceff18..825de5e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "iconr",
-  "version": "1.0.2",
+  "name": "svgparty",
+  "version": "1.0.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "iconr",
-      "version": "1.0.2",
+      "name": "svgparty",
+      "version": "1.0.6",
       "license": "MIT",
       "dependencies": {
         "@algolia/autocomplete-core": "^1.5.2",
@@ -1260,9 +1260,9 @@
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
     "node_modules/@emotion/is-prop-valid": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.1.tgz",
-      "integrity": "sha512-bW1Tos67CZkOURLc0OalnfxtSXQJMrAMV0jZTVGJUPSOd4qgjF3+tTD5CwJM13PHA8cltGW1WGbbvV9NpvUZPw==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
+      "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
       "dependencies": {
         "@emotion/memoize": "^0.7.4"
       }
@@ -1273,15 +1273,16 @@
       "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     },
     "node_modules/@emotion/react": {
-      "version": "11.7.1",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz",
-      "integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==",
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.0.tgz",
+      "integrity": "sha512-q3Cz0LyO/GGhtXW/dvrf+vFA3o6OlyNttQqgI1mNvtQ5zzJ9Bb1aWQqm1uXOHXpNYvyMaQZWC7eI1cemaSyVRw==",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
+        "@emotion/babel-plugin": "^11.7.1",
         "@emotion/cache": "^11.7.1",
         "@emotion/serialize": "^1.0.2",
         "@emotion/sheet": "^1.1.0",
-        "@emotion/utils": "^1.0.0",
+        "@emotion/utils": "^1.1.0",
         "@emotion/weak-memoize": "^0.2.5",
         "hoist-non-react-statics": "^3.3.1"
       },
@@ -1316,15 +1317,15 @@
       "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
     },
     "node_modules/@emotion/styled": {
-      "version": "11.6.0",
-      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.6.0.tgz",
-      "integrity": "sha512-mxVtVyIOTmCAkFbwIp+nCjTXJNgcz4VWkOYQro87jE2QBTydnkiYusMrRGFtzuruiGK4dDaNORk4gH049iiQuw==",
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.0.tgz",
+      "integrity": "sha512-MqHX7qqJesa9X36u3bBvzaK0HmnyclFewSK4uhHl+8s9TFpRMqpakbeHeSGqWCl7QkMhqvPA7oJijZYRsF7nUA==",
       "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@emotion/babel-plugin": "^11.3.0",
-        "@emotion/is-prop-valid": "^1.1.1",
+        "@emotion/babel-plugin": "^11.7.1",
+        "@emotion/is-prop-valid": "^1.1.2",
         "@emotion/serialize": "^1.0.2",
-        "@emotion/utils": "^1.0.0"
+        "@emotion/utils": "^1.1.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0",
@@ -1346,9 +1347,9 @@
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     },
     "node_modules/@emotion/utils": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.0.0.tgz",
-      "integrity": "sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
+      "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
     },
     "node_modules/@emotion/weak-memoize": {
       "version": "0.2.5",
@@ -2074,9 +2075,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.19.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.2.tgz",
-      "integrity": "sha512-97XU1CTZ5TwU9Qy/Taj+RtiI6SQM1WIhZ9osT7EY0oO2aWXGABZT2OZeRL+6PfaQsiiMIjjwIoYFPq4APgspgQ==",
+      "version": "4.19.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz",
+      "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==",
       "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001312",
@@ -4592,9 +4593,9 @@
       }
     },
     "node_modules/swr": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.1.tgz",
-      "integrity": "sha512-1cuWXqJqXcFwbgONGCY4PHZ8v05009JdHsC3CIC6u7d00kgbMswNr1sHnnhseOBxtzVqcCNpOHEgVDciRer45w==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
+      "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
       "peerDependencies": {
         "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
       }
@@ -5787,9 +5788,9 @@
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
     "@emotion/is-prop-valid": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.1.tgz",
-      "integrity": "sha512-bW1Tos67CZkOURLc0OalnfxtSXQJMrAMV0jZTVGJUPSOd4qgjF3+tTD5CwJM13PHA8cltGW1WGbbvV9NpvUZPw==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
+      "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
       "requires": {
         "@emotion/memoize": "^0.7.4"
       }
@@ -5800,15 +5801,16 @@
       "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
     },
     "@emotion/react": {
-      "version": "11.7.1",
-      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz",
-      "integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==",
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.0.tgz",
+      "integrity": "sha512-q3Cz0LyO/GGhtXW/dvrf+vFA3o6OlyNttQqgI1mNvtQ5zzJ9Bb1aWQqm1uXOHXpNYvyMaQZWC7eI1cemaSyVRw==",
       "requires": {
         "@babel/runtime": "^7.13.10",
+        "@emotion/babel-plugin": "^11.7.1",
         "@emotion/cache": "^11.7.1",
         "@emotion/serialize": "^1.0.2",
         "@emotion/sheet": "^1.1.0",
-        "@emotion/utils": "^1.0.0",
+        "@emotion/utils": "^1.1.0",
         "@emotion/weak-memoize": "^0.2.5",
         "hoist-non-react-statics": "^3.3.1"
       }
@@ -5831,15 +5833,15 @@
       "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
     },
     "@emotion/styled": {
-      "version": "11.6.0",
-      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.6.0.tgz",
-      "integrity": "sha512-mxVtVyIOTmCAkFbwIp+nCjTXJNgcz4VWkOYQro87jE2QBTydnkiYusMrRGFtzuruiGK4dDaNORk4gH049iiQuw==",
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.0.tgz",
+      "integrity": "sha512-MqHX7qqJesa9X36u3bBvzaK0HmnyclFewSK4uhHl+8s9TFpRMqpakbeHeSGqWCl7QkMhqvPA7oJijZYRsF7nUA==",
       "requires": {
         "@babel/runtime": "^7.13.10",
-        "@emotion/babel-plugin": "^11.3.0",
-        "@emotion/is-prop-valid": "^1.1.1",
+        "@emotion/babel-plugin": "^11.7.1",
+        "@emotion/is-prop-valid": "^1.1.2",
         "@emotion/serialize": "^1.0.2",
-        "@emotion/utils": "^1.0.0"
+        "@emotion/utils": "^1.1.0"
       }
     },
     "@emotion/unitless": {
@@ -5848,9 +5850,9 @@
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     },
     "@emotion/utils": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.0.0.tgz",
-      "integrity": "sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
+      "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
     },
     "@emotion/weak-memoize": {
       "version": "0.2.5",
@@ -6335,9 +6337,9 @@
       }
     },
     "browserslist": {
-      "version": "4.19.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.2.tgz",
-      "integrity": "sha512-97XU1CTZ5TwU9Qy/Taj+RtiI6SQM1WIhZ9osT7EY0oO2aWXGABZT2OZeRL+6PfaQsiiMIjjwIoYFPq4APgspgQ==",
+      "version": "4.19.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz",
+      "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==",
       "peer": true,
       "requires": {
         "caniuse-lite": "^1.0.30001312",
@@ -8189,9 +8191,9 @@
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
     },
     "swr": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.1.tgz",
-      "integrity": "sha512-1cuWXqJqXcFwbgONGCY4PHZ8v05009JdHsC3CIC6u7d00kgbMswNr1sHnnhseOBxtzVqcCNpOHEgVDciRer45w==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
+      "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
       "requires": {}
     },
     "text-table": {
diff --git a/package.json b/package.json
index 7854057..b844ad3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "iconr",
-  "version": "1.0.5",
-  "description": "Beautiful SVG vector icons",
+  "name": "svgparty",
+  "version": "1.0.6",
+  "description": "Beautiful SVG vector logos",
   "author": "pheralb",
   "license": "MIT",
   "scripts": {
diff --git a/pages/_app.js b/pages/_app.js
index d4010ec..9b4626e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -18,21 +18,21 @@ function MyApp({ Component, pageProps }) {
   return (
     <>
       <Head>
-        <title>iconr - Beautiful SVG vector icons</title>
+        <title>SVGParty - Beautiful SVG vector logos</title>
         <meta name="description" content="SVGs for everyone, totally free" />
         <meta property="og:type" content="website" />
         <meta
           property="og:title"
-          content="iconr - Beautiful SVG vector icons"
+          content="SVGParty - Beautiful SVG logos"
         />
-        <meta property="og:url" content="https://iconr.vercel.app/" />
+        <meta property="og:url" content="https://svgparty.vercel.app/" />
         <meta
           property="og:description"
-          content="Beautiful SVG vector icons. Free and open source."
+          content="Beautiful SVG logos. Free and open source."
         />
         <meta
           property="og:image"
-          content="https://iconr.vercel.app/images/banner.png"
+          content="https://svgparty.vercel.app/images/banner.png"
         />
         <meta name="keywords" content="svg,vector,logo,logos,download" />
         <meta content="#16161a" name="theme-color" />
diff --git a/pages/index.js b/pages/index.js
index 760bbc1..687d3de 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,4 +1,4 @@
-import { chakra, Box, Container } from "@chakra-ui/react";
+import { chakra, Box, Container, Text } from "@chakra-ui/react";
 import Search from "components/search";
 import Items from "components/items/all";
 import Show from "animations/show";
@@ -17,13 +17,13 @@ export default function Index() {
                 fontWeight="extrabold"
                 mb={{ base: 4, md: 8 }}
               >
-                Beautiful SVG vector icons
+                Beautiful SVG vector logos
               </chakra.h1>
             </Show>
             <Search />
-            <Box mt={{ base: 4, md: 8 }}>
-              <Items />
-            </Box>
+          </Box>
+          <Box mt={{ base: 4, md: 8 }}>
+            <Items />
           </Box>
         </Box>
       </Box>
diff --git a/pages/icon/[id].js b/pages/svg/[id].js
similarity index 98%
rename from pages/icon/[id].js
rename to pages/svg/[id].js
index afd1ba0..b7830cd 100644
--- a/pages/icon/[id].js
+++ b/pages/svg/[id].js
@@ -43,7 +43,7 @@ export default function Icon() {
   return (
     <>
       <Head>
-        <title>{data.title} - iconr</title>
+        <title>{data.title} - SVGParty</title>
       </Head>
       <Show delay="0">
         <Container