qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Design improvements

Browse Source
This commit is contained in:
pheralb 2022-02-19 14:04:44 +00:00
parent 6d2bb21c3c
commit b7a13a81df
8 changed files with 83 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -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/)

21
components/header/index.js
View File

@ -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"

14
components/items/all.js
View File

@ -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>

98
package-lock.json generated
View File

@ -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": {

6
package.json
View File

@ -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": {

10
pages/_app.js
View File

@ -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" />

10
pages/index.js
View File

@ -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>

2
pages/icon/[id].js → pages/svg/[id].js
View File

@ -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