diff --git a/site/next-env.d.ts b/site/next-env.d.ts index 7b7aa2c77..816cf4879 100644 --- a/site/next-env.d.ts +++ b/site/next-env.d.ts @@ -1,2 +1,7 @@ /// /// + +declare module "*.svg" { + const content: any; + export default content; +} diff --git a/site/package.json b/site/package.json index 8476f638b..48ec1abc0 100644 --- a/site/package.json +++ b/site/package.json @@ -17,12 +17,13 @@ "fuse.js": "^6.0.4", "jszip": "^3.4.0", "lodash": "^4.17.20", - "lucide-react": "^0.1.2-beta.1", + "lucide-react": "^0.1.2-beta.3", "next": "^9.5.4", "react": "^16.13.1", "react-color": "^2.18.1", "react-dom": "^16.13.1", - "react-spring": "^8.0.27" + "react-spring": "^8.0.27", + "react-svg-loader": "^3.0.3" }, "devDependencies": { "@testing-library/dom": "^7.24.4", @@ -33,6 +34,7 @@ "@types/react": "^16.9.35", "@types/react-dom": "^16.9.8", "babel-jest": "^26.5.2", + "babel-loader": "^8.1.0", "cheerio": "^1.0.0-rc.3", "jest": "^26.5.2", "react-test-renderer": "^16.13.1", diff --git a/site/public/android-chrome-192x192.png b/site/public/android-chrome-192x192.png new file mode 100644 index 000000000..e63cb71ac Binary files /dev/null and b/site/public/android-chrome-192x192.png differ diff --git a/site/public/android-chrome-512x512.png b/site/public/android-chrome-512x512.png new file mode 100644 index 000000000..592a7f3b8 Binary files /dev/null and b/site/public/android-chrome-512x512.png differ diff --git a/site/public/apple-touch-icon.png b/site/public/apple-touch-icon.png new file mode 100644 index 000000000..de4e7a53c Binary files /dev/null and b/site/public/apple-touch-icon.png differ diff --git a/site/public/browserconfig.xml b/site/public/browserconfig.xml new file mode 100644 index 000000000..3eaf0f8ee --- /dev/null +++ b/site/public/browserconfig.xml @@ -0,0 +1,8 @@ + + + + + #F56565 + + + diff --git a/site/public/favicon-16x16.png b/site/public/favicon-16x16.png new file mode 100644 index 000000000..dc16fd105 Binary files /dev/null and b/site/public/favicon-16x16.png differ diff --git a/site/public/favicon-32x32.png b/site/public/favicon-32x32.png new file mode 100644 index 000000000..412909326 Binary files /dev/null and b/site/public/favicon-32x32.png differ diff --git a/site/public/favicon.ico b/site/public/favicon.ico new file mode 100644 index 000000000..0a4f3f7aa Binary files /dev/null and b/site/public/favicon.ico differ diff --git a/site/public/favicon.svg b/site/public/favicon.svg new file mode 100644 index 000000000..47ec904a5 --- /dev/null +++ b/site/public/favicon.svg @@ -0,0 +1,24 @@ + + + + + diff --git a/site/public/logo.svg b/site/public/logo.svg index 553cfb7be..57f74f081 100644 --- a/site/public/logo.svg +++ b/site/public/logo.svg @@ -4,7 +4,7 @@ height="24" viewBox="0 0 24 24" fill="none" - stroke="#2D3748" + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" diff --git a/site/public/mstile-144x144.png b/site/public/mstile-144x144.png new file mode 100644 index 000000000..88cfea323 Binary files /dev/null and b/site/public/mstile-144x144.png differ diff --git a/site/public/mstile-150x150.png b/site/public/mstile-150x150.png new file mode 100644 index 000000000..e101ce080 Binary files /dev/null and b/site/public/mstile-150x150.png differ diff --git a/site/public/mstile-310x150.png b/site/public/mstile-310x150.png new file mode 100644 index 000000000..5d26af715 Binary files /dev/null and b/site/public/mstile-310x150.png differ diff --git a/site/public/mstile-310x310.png b/site/public/mstile-310x310.png new file mode 100644 index 000000000..73419deed Binary files /dev/null and b/site/public/mstile-310x310.png differ diff --git a/site/public/mstile-70x70.png b/site/public/mstile-70x70.png new file mode 100644 index 000000000..021db6a48 Binary files /dev/null and b/site/public/mstile-70x70.png differ diff --git a/site/public/safari-pinned-tab.svg b/site/public/safari-pinned-tab.svg new file mode 100644 index 000000000..1e1301d4b --- /dev/null +++ b/site/public/safari-pinned-tab.svg @@ -0,0 +1,53 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/site/public/site.webmanifest b/site/public/site.webmanifest new file mode 100644 index 000000000..b20abb7cb --- /dev/null +++ b/site/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/site/src/components/Header.tsx b/site/src/components/Header.tsx index b2d51017b..4d1dfaa5b 100644 --- a/site/src/components/Header.tsx +++ b/site/src/components/Header.tsx @@ -1,7 +1,7 @@ import {Button, Flex, Link, Stack, Text,} from "@chakra-ui/core"; import download from "downloadjs"; import JSZip from "jszip"; -import { Download, GitHub } from 'lucide-react'; +import { Download, Github } from 'lucide-react'; import {IconCustomizerDrawer} from "./IconCustomizerDrawer"; function generateZip(icons) { @@ -24,7 +24,7 @@ const Header = ({ data }) => { return ( - + Simply beautiful open source icons, community-sourced @@ -41,7 +41,7 @@ const Header = ({ data }) => {