From 6dbfbc296a693c3f4031fd611f94d1b3cb8aeae1 Mon Sep 17 00:00:00 2001 From: Andrew Vivash Date: Tue, 8 Nov 2022 13:58:04 -0800 Subject: [PATCH] Avivash/58 improve homepage UI(does not include 404 or User Settings) (#83) --- package-lock.json | 188 +- package.json | 4 +- postcss.config.cjs | 6 +- src/components/Footer.svelte | 30 + src/components/Header.svelte | 100 +- src/components/about/AboutThisTemplate.svelte | 40 + src/components/auth/backup/AreYouSure.svelte | 11 +- src/components/auth/backup/Backup.svelte | 16 +- src/components/auth/connect/Connect.svelte | 15 +- .../auth/connect/OpenConnectedDevice.svelte | 16 +- .../ConnectBackupDevice.svelte | 33 +- .../delegate-account/DelegateAccount.svelte | 35 +- .../auth/link-device/LinkDevice.svelte | 22 +- src/components/auth/register/Register.svelte | 42 +- src/components/auth/register/Welcome.svelte | 16 +- .../common/FilesystemActivity.svelte | 6 +- src/components/common/LoadingSpinner.svelte | 28 - src/components/home/Authed.svelte | 31 + src/components/home/Public.svelte | 33 + src/components/icons/About.svelte | 9 + src/components/icons/Brand.svelte | 22 - src/components/icons/BrandLogo.svelte | 8 + src/components/icons/BrandWordmark.svelte | 8 + src/components/icons/DarkMode.svelte | 25 +- src/components/icons/Discord.svelte | 6 + src/components/icons/ExternalLink.svelte | 9 + src/components/icons/Github.svelte | 9 + src/components/icons/Hamburger.svelte | 3 + src/components/icons/Home.svelte | 9 + src/components/icons/LightMode.svelte | 25 +- src/components/icons/PhotoGallery.svelte | 9 + src/components/icons/Settings.svelte | 9 + src/components/icons/Share.svelte | 9 + src/components/icons/Shield.svelte | 18 +- src/components/icons/WelcomeCheckIcon.svelte | 12 +- src/components/nav/AlphaTag.svelte | 5 + src/components/nav/SidebarNav.svelte | 95 + .../notifications/Notification.svelte | 2 +- .../notifications/Notifications.svelte | 2 +- src/components/settings/Avatar.svelte | 40 + src/components/settings/AvatarUpload.svelte | 35 + .../settings/ThemePreferences.svelte | 48 + src/global.css | 89 +- src/lib/account-settings.ts | 180 + src/lib/app-info.ts | 2 +- src/lib/auth/account.ts | 2 + src/lib/theme.ts | 9 +- src/routes/+error.svelte | 43 + src/routes/+layout.svelte | 11 +- src/routes/+page.svelte | 111 +- src/routes/about/+page.svelte | 5 + src/routes/delegate-account/+page.svelte | 7 +- src/routes/gallery/+page.svelte | 21 +- .../components/icons/FileUploadIcon.svelte | 16 +- .../components/imageGallery/ImageCard.svelte | 26 +- .../imageGallery/ImageGallery.svelte | 6 +- .../components/imageGallery/ImageModal.svelte | 15 +- .../gallery/components/upload/Dropzone.svelte | 6 +- .../components/upload/FileUploadCard.svelte | 55 +- src/routes/settings/+page.svelte | 46 + src/stores.ts | 6 + static/apple-touch-icon.png | Bin 9879 -> 13418 bytes static/favicon-dark.ico | Bin 0 -> 15086 bytes static/favicon-light.ico | Bin 0 -> 1150 bytes static/favicon.ico | Bin 7406 -> 15086 bytes static/fonts/uncut-sans-bold-webfont.woff | Bin 0 -> 24768 bytes static/fonts/uncut-sans-bold-webfont.woff2 | Bin 0 -> 18784 bytes static/fonts/uncut-sans-medium-webfont.woff | Bin 0 -> 24924 bytes static/fonts/uncut-sans-medium-webfont.woff2 | Bin 0 -> 18924 bytes static/fonts/uncut-sans-regular-webfont.woff | Bin 0 -> 24488 bytes static/fonts/uncut-sans-regular-webfont.woff2 | Bin 0 -> 18568 bytes static/icon-192.png | Bin 10557 -> 4674 bytes static/icon-512.png | Bin 32900 -> 13283 bytes static/icon.svg | 12 +- static/ipfs-404.html | 90 + static/still-circle-animation.svg | 14 + static/style/output.css | 3671 +++++++++++++++++ static/webnative-ui.png | Bin 79124 -> 406948 bytes static/wn-404.gif | Bin 0 -> 4556189 bytes static/wnfs-gallery-screenshot.png | Bin 57438 -> 354226 bytes tailwind.config.cjs | 147 +- 81 files changed, 5121 insertions(+), 558 deletions(-) create mode 100644 src/components/Footer.svelte create mode 100644 src/components/about/AboutThisTemplate.svelte delete mode 100644 src/components/common/LoadingSpinner.svelte create mode 100644 src/components/home/Authed.svelte create mode 100644 src/components/home/Public.svelte create mode 100644 src/components/icons/About.svelte delete mode 100644 src/components/icons/Brand.svelte create mode 100644 src/components/icons/BrandLogo.svelte create mode 100644 src/components/icons/BrandWordmark.svelte create mode 100644 src/components/icons/Discord.svelte create mode 100644 src/components/icons/ExternalLink.svelte create mode 100644 src/components/icons/Github.svelte create mode 100644 src/components/icons/Hamburger.svelte create mode 100644 src/components/icons/Home.svelte create mode 100644 src/components/icons/PhotoGallery.svelte create mode 100644 src/components/icons/Settings.svelte create mode 100644 src/components/icons/Share.svelte create mode 100644 src/components/nav/AlphaTag.svelte create mode 100644 src/components/nav/SidebarNav.svelte create mode 100644 src/components/settings/Avatar.svelte create mode 100644 src/components/settings/AvatarUpload.svelte create mode 100644 src/components/settings/ThemePreferences.svelte create mode 100644 src/lib/account-settings.ts create mode 100644 src/routes/+error.svelte create mode 100644 src/routes/about/+page.svelte create mode 100644 src/routes/settings/+page.svelte create mode 100644 static/favicon-dark.ico create mode 100644 static/favicon-light.ico create mode 100644 static/fonts/uncut-sans-bold-webfont.woff create mode 100644 static/fonts/uncut-sans-bold-webfont.woff2 create mode 100644 static/fonts/uncut-sans-medium-webfont.woff create mode 100644 static/fonts/uncut-sans-medium-webfont.woff2 create mode 100644 static/fonts/uncut-sans-regular-webfont.woff create mode 100644 static/fonts/uncut-sans-regular-webfont.woff2 create mode 100644 static/ipfs-404.html create mode 100644 static/still-circle-animation.svg create mode 100644 static/style/output.css create mode 100644 static/wn-404.gif diff --git a/package-lock.json b/package-lock.json index 23d47e9..522c60a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,8 +17,10 @@ "@sveltejs/adapter-static": "1.0.0-next.43", "@sveltejs/kit": "1.0.0-next.489", "@tailwindcss/typography": "^0.5.2", + "@types/qrcode-svg": "^1.1.1", "@typescript-eslint/eslint-plugin": "^4.33.0", "@typescript-eslint/parser": "^4.33.0", + "autoprefixer": "^10.4.13", "ava": "^4.3.1", "daisyui": "^2.0.2", "eslint": "^7.32.0", @@ -32,7 +34,7 @@ "svelte-check": "^2.0.0", "svelte-preprocess": "^4.0.0", "svelte-seo": "^1.2.1", - "tailwindcss": "^3.0.22", + "tailwindcss": "^3.2.1", "ts-node": "^10.4.0", "tsconfig-paths": "^3.12.0", "tslib": "^2.0.0", @@ -637,6 +639,12 @@ "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==", "dev": true }, + "node_modules/@types/qrcode-svg": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@types/qrcode-svg/-/qrcode-svg-1.1.1.tgz", + "integrity": "sha512-uTuEgFXMknpun//Jj6b1R8T8LiMi9fNpH+cnhZr4b7col2HHTMmjYfm/WOZ7nzjuGpk+oTrpHhePe1qlWtHWTA==", + "dev": true + }, "node_modules/@types/sass": { "version": "1.43.1", "integrity": "sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==", @@ -1010,8 +1018,9 @@ } }, "node_modules/autoprefixer": { - "version": "10.4.7", - "integrity": "sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==", + "version": "10.4.13", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz", + "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==", "dev": true, "funding": [ { @@ -1023,10 +1032,9 @@ "url": "https://tidelift.com/funding/github/npm/autoprefixer" } ], - "peer": true, "dependencies": { - "browserslist": "^4.20.3", - "caniuse-lite": "^1.0.30001335", + "browserslist": "^4.21.4", + "caniuse-lite": "^1.0.30001426", "fraction.js": "^4.2.0", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", @@ -1371,8 +1379,9 @@ } }, "node_modules/browserslist": { - "version": "4.21.2", - "integrity": "sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA==", + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", "dev": true, "funding": [ { @@ -1384,12 +1393,11 @@ "url": "https://tidelift.com/funding/github/npm/browserslist" } ], - "peer": true, "dependencies": { - "caniuse-lite": "^1.0.30001366", - "electron-to-chromium": "^1.4.188", + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.4" + "update-browserslist-db": "^1.0.9" }, "bin": { "browserslist": "cli.js" @@ -1454,8 +1462,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001366", - "integrity": "sha512-yy7XLWCubDobokgzudpkKux8e0UOOnLHE6mlNJBzT3lZJz6s5atSEzjoL+fsCPkI0G8MP5uVdDx1ur/fXEWkZA==", + "version": "1.0.30001429", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001429.tgz", + "integrity": "sha512-511ThLu1hF+5RRRt0zYCf2U2yRr9GPF6m5y90SBCWsvSoYoW7yAGlv/elyPaNfvGCkp6kj/KFZWU0BMA69Prsg==", "dev": true, "funding": [ { @@ -1466,8 +1475,7 @@ "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" } - ], - "peer": true + ] }, "node_modules/catering": { "version": "2.1.1", @@ -2087,10 +2095,10 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.189", - "integrity": "sha512-dQ6Zn4ll2NofGtxPXaDfY2laIa6NyCQdqXYHdwH90GJQW0LpJJib0ZU/ERtbb0XkBEmUD2eJtagbOie3pdMiPg==", - "dev": true, - "peer": true + "version": "1.4.284", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz", + "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==", + "dev": true }, "node_modules/emittery": { "version": "0.11.0", @@ -2768,8 +2776,9 @@ "integrity": "sha512-Kl29QoNbNvn4nhDsLYjyIAaIqaJB6rBx5p3sL9VjaefJ+eMFBWVZiaoguaoZfzEKr5RhAti0UgM8703akGPJ6g==" }, "node_modules/fast-glob": { - "version": "3.2.11", - "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "version": "3.2.12", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz", + "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==", "dev": true, "dependencies": { "@nodelib/fs.stat": "^2.0.2", @@ -2945,7 +2954,6 @@ "version": "4.2.0", "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", "dev": true, - "peer": true, "engines": { "node": "*" }, @@ -4348,9 +4356,9 @@ }, "node_modules/node-releases": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true, - "peer": true + "dev": true }, "node_modules/nofilter": { "version": "3.1.0", @@ -4373,7 +4381,6 @@ "version": "0.1.2", "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", "dev": true, - "peer": true, "engines": { "node": ">=0.10.0" } @@ -4622,9 +4629,9 @@ } }, "node_modules/postcss": { - "version": "8.4.16", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz", - "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==", + "version": "8.4.18", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", + "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", "dev": true, "funding": [ { @@ -4708,11 +4715,12 @@ } }, "node_modules/postcss-nested": { - "version": "5.0.6", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz", + "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==", "dev": true, "dependencies": { - "postcss-selector-parser": "^6.0.6" + "postcss-selector-parser": "^6.0.10" }, "engines": { "node": ">=12.0" @@ -4727,6 +4735,7 @@ }, "node_modules/postcss-selector-parser": { "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "dependencies": { @@ -5655,8 +5664,9 @@ } }, "node_modules/tailwindcss": { - "version": "3.1.6", - "integrity": "sha512-7skAOY56erZAFQssT1xkpk+kWt2NrO45kORlxFPXUt3CiGsVPhH1smuH5XoDH6sGPXLyBv+zgCKA2HWBsgCytg==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.1.tgz", + "integrity": "sha512-Uw+GVSxp5CM48krnjHObqoOwlCt5Qo6nw1jlCRwfGy68dSYb/LwS9ZFidYGRiM+w6rMawkZiu1mEMAsHYAfoLg==", "dev": true, "dependencies": { "arg": "^5.0.2", @@ -5665,18 +5675,19 @@ "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.5", + "lilconfig": "^2.0.6", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.14", + "postcss": "^8.4.17", "postcss-import": "^14.1.0", "postcss-js": "^4.0.0", "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", + "postcss-nested": "6.0.0", "postcss-selector-parser": "^6.0.10", "postcss-value-parser": "^4.2.0", "quick-lru": "^5.1.1", @@ -5912,8 +5923,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.0.4", - "integrity": "sha512-jnmO2BEGUjsMOe/Fg9u0oczOe/ppIDZPebzccl1yDWGLFP16Pa1/RM5wEoKYPG2zstNcDuAStejyxsOuKINdGA==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", "dev": true, "funding": [ { @@ -5925,7 +5937,6 @@ "url": "https://tidelift.com/funding/github/npm/browserslist" } ], - "peer": true, "dependencies": { "escalade": "^3.1.1", "picocolors": "^1.0.0" @@ -5947,6 +5958,7 @@ }, "node_modules/util-deprecate": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true }, @@ -6694,6 +6706,12 @@ "integrity": "sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==", "dev": true }, + "@types/qrcode-svg": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@types/qrcode-svg/-/qrcode-svg-1.1.1.tgz", + "integrity": "sha512-uTuEgFXMknpun//Jj6b1R8T8LiMi9fNpH+cnhZr4b7col2HHTMmjYfm/WOZ7nzjuGpk+oTrpHhePe1qlWtHWTA==", + "dev": true + }, "@types/sass": { "version": "1.43.1", "integrity": "sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==", @@ -6925,13 +6943,13 @@ "dev": true }, "autoprefixer": { - "version": "10.4.7", - "integrity": "sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA==", + "version": "10.4.13", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz", + "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==", "dev": true, - "peer": true, "requires": { - "browserslist": "^4.20.3", - "caniuse-lite": "^1.0.30001335", + "browserslist": "^4.21.4", + "caniuse-lite": "^1.0.30001426", "fraction.js": "^4.2.0", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", @@ -7163,15 +7181,15 @@ } }, "browserslist": { - "version": "4.21.2", - "integrity": "sha512-MonuOgAtUB46uP5CezYbRaYKBNt2LxP0yX+Pmj4LkcDFGkn9Cbpi83d9sCjwQDErXsIJSzY5oKGDbgOlF/LPAA==", + "version": "4.21.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz", + "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==", "dev": true, - "peer": true, "requires": { - "caniuse-lite": "^1.0.30001366", - "electron-to-chromium": "^1.4.188", + "caniuse-lite": "^1.0.30001400", + "electron-to-chromium": "^1.4.251", "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.4" + "update-browserslist-db": "^1.0.9" } }, "buffer": { @@ -7204,10 +7222,10 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001366", - "integrity": "sha512-yy7XLWCubDobokgzudpkKux8e0UOOnLHE6mlNJBzT3lZJz6s5atSEzjoL+fsCPkI0G8MP5uVdDx1ur/fXEWkZA==", - "dev": true, - "peer": true + "version": "1.0.30001429", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001429.tgz", + "integrity": "sha512-511ThLu1hF+5RRRt0zYCf2U2yRr9GPF6m5y90SBCWsvSoYoW7yAGlv/elyPaNfvGCkp6kj/KFZWU0BMA69Prsg==", + "dev": true }, "catering": { "version": "2.1.1", @@ -7661,10 +7679,10 @@ "dev": true }, "electron-to-chromium": { - "version": "1.4.189", - "integrity": "sha512-dQ6Zn4ll2NofGtxPXaDfY2laIa6NyCQdqXYHdwH90GJQW0LpJJib0ZU/ERtbb0XkBEmUD2eJtagbOie3pdMiPg==", - "dev": true, - "peer": true + "version": "1.4.284", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz", + "integrity": "sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==", + "dev": true }, "emittery": { "version": "0.11.0", @@ -8069,8 +8087,9 @@ "integrity": "sha512-Kl29QoNbNvn4nhDsLYjyIAaIqaJB6rBx5p3sL9VjaefJ+eMFBWVZiaoguaoZfzEKr5RhAti0UgM8703akGPJ6g==" }, "fast-glob": { - "version": "3.2.11", - "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "version": "3.2.12", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz", + "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==", "dev": true, "requires": { "@nodelib/fs.stat": "^2.0.2", @@ -8201,8 +8220,7 @@ "fraction.js": { "version": "4.2.0", "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", - "dev": true, - "peer": true + "dev": true }, "fs.realpath": { "version": "1.0.0", @@ -9238,9 +9256,9 @@ }, "node-releases": { "version": "2.0.6", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true, - "peer": true + "dev": true }, "nofilter": { "version": "3.1.0", @@ -9256,8 +9274,7 @@ "normalize-range": { "version": "0.1.2", "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true, - "peer": true + "dev": true }, "object-hash": { "version": "3.0.0", @@ -9418,9 +9435,9 @@ } }, "postcss": { - "version": "8.4.16", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz", - "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==", + "version": "8.4.18", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", + "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", "dev": true, "requires": { "nanoid": "^3.3.4", @@ -9456,15 +9473,17 @@ } }, "postcss-nested": { - "version": "5.0.6", - "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz", + "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==", "dev": true, "requires": { - "postcss-selector-parser": "^6.0.6" + "postcss-selector-parser": "^6.0.10" } }, "postcss-selector-parser": { "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "requires": { @@ -10072,8 +10091,9 @@ } }, "tailwindcss": { - "version": "3.1.6", - "integrity": "sha512-7skAOY56erZAFQssT1xkpk+kWt2NrO45kORlxFPXUt3CiGsVPhH1smuH5XoDH6sGPXLyBv+zgCKA2HWBsgCytg==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.1.tgz", + "integrity": "sha512-Uw+GVSxp5CM48krnjHObqoOwlCt5Qo6nw1jlCRwfGy68dSYb/LwS9ZFidYGRiM+w6rMawkZiu1mEMAsHYAfoLg==", "dev": true, "requires": { "arg": "^5.0.2", @@ -10082,18 +10102,19 @@ "detective": "^5.2.1", "didyoumean": "^1.2.2", "dlv": "^1.1.3", - "fast-glob": "^3.2.11", + "fast-glob": "^3.2.12", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", - "lilconfig": "^2.0.5", + "lilconfig": "^2.0.6", + "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.14", + "postcss": "^8.4.17", "postcss-import": "^14.1.0", "postcss-js": "^4.0.0", "postcss-load-config": "^3.1.4", - "postcss-nested": "5.0.6", + "postcss-nested": "6.0.0", "postcss-selector-parser": "^6.0.10", "postcss-value-parser": "^4.2.0", "quick-lru": "^5.1.1", @@ -10256,10 +10277,10 @@ "integrity": "sha512-c8HsD3IbwmjjbLvoZuRI26TZic+TSEe8FPMLLOkN1AfYRhdjnKBU6yL+IwcSCbdZiX4e5t0lfMDLDCqj4Sq70g==" }, "update-browserslist-db": { - "version": "1.0.4", - "integrity": "sha512-jnmO2BEGUjsMOe/Fg9u0oczOe/ppIDZPebzccl1yDWGLFP16Pa1/RM5wEoKYPG2zstNcDuAStejyxsOuKINdGA==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz", + "integrity": "sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==", "dev": true, - "peer": true, "requires": { "escalade": "^3.1.1", "picocolors": "^1.0.0" @@ -10275,6 +10296,7 @@ }, "util-deprecate": { "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true }, diff --git a/package.json b/package.json index af3b408..938ac8c 100644 --- a/package.json +++ b/package.json @@ -15,8 +15,10 @@ "@sveltejs/adapter-static": "1.0.0-next.43", "@sveltejs/kit": "1.0.0-next.489", "@tailwindcss/typography": "^0.5.2", + "@types/qrcode-svg": "^1.1.1", "@typescript-eslint/eslint-plugin": "^4.33.0", "@typescript-eslint/parser": "^4.33.0", + "autoprefixer": "^10.4.13", "ava": "^4.3.1", "daisyui": "^2.0.2", "eslint": "^7.32.0", @@ -30,7 +32,7 @@ "svelte-check": "^2.0.0", "svelte-preprocess": "^4.0.0", "svelte-seo": "^1.2.1", - "tailwindcss": "^3.0.22", + "tailwindcss": "^3.2.1", "ts-node": "^10.4.0", "tsconfig-paths": "^3.12.0", "tslib": "^2.0.0", diff --git a/postcss.config.cjs b/postcss.config.cjs index 4408392..fdc8a49 100644 --- a/postcss.config.cjs +++ b/postcss.config.cjs @@ -1,5 +1,3 @@ module.exports = { - plugins: { - tailwindcss: {}, - }, -}; \ No newline at end of file + plugins: [require('tailwindcss'), require('autoprefixer')] +} diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte new file mode 100644 index 0000000..d7f555b --- /dev/null +++ b/src/components/Footer.svelte @@ -0,0 +1,30 @@ + + +
+ {#if $themeStore === 'light'} +

+ *** Experimental *** - You are currently previewing Webnative SDK Alpha + 0.2 +

+ {:else} +

+ *** Experimental *** - You are currently previewing Webnative SDK Alpha + 0.2 +

+ {/if} +
diff --git a/src/components/Header.svelte b/src/components/Header.svelte index 7af49f0..3564a9b 100644 --- a/src/components/Header.svelte +++ b/src/components/Header.svelte @@ -1,11 +1,14 @@ -