diff --git a/package-lock.json b/package-lock.json index 20d774b..55ea960 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { - "name": "poros-demo-client", - "version": "0.0.0", + "name": "blive-coyote-demo-client", + "version": "0.0.1", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "poros-demo-client", - "version": "0.0.0", + "name": "blive-coyote-demo-client", + "version": "0.0.1", "dependencies": { "vue": "^3.2.25" }, @@ -15,6 +15,7 @@ "@types/node": "17.0.25", "@vitejs/plugin-vue": "2.3.0", "axios": "0.26.1", + "node-localstorage": "3.0.5", "notyf": "3.0.0", "qrcode": "1.5.3", "typescript": "4.5.4", @@ -1003,6 +1004,15 @@ "entities": "^3.0.1" } }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, "node_modules/is-core-module": { "version": "2.8.1", "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.8.1.tgz", @@ -1115,6 +1125,18 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/node-localstorage": { + "version": "3.0.5", + "resolved": "https://registry.npmmirror.com/node-localstorage/-/node-localstorage-3.0.5.tgz", + "integrity": "sha512-GCwtK33iwVXboZWYcqQHu3aRvXEBwmPkAMRBLeaX86ufhqslyUkLGsi4aW3INEfdQYpUB5M9qtYf3eHvAk2VBg==", + "dev": true, + "dependencies": { + "write-file-atomic": "^5.0.1" + }, + "engines": { + "node": ">=0.12" + } + }, "node_modules/notyf": { "version": "3.0.0", "resolved": "https://registry.npmmirror.com/notyf/-/notyf-3.0.0.tgz", @@ -1427,6 +1449,15 @@ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", "dev": true }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + } + }, "node_modules/source-map": { "version": "0.6.1", "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz", @@ -1791,6 +1822,19 @@ "node": ">=8" } }, + "node_modules/write-file-atomic": { + "version": "5.0.1", + "resolved": "https://registry.npmmirror.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz", + "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", + "dev": true, + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } + }, "node_modules/ws": { "version": "8.17.0", "resolved": "https://registry.npmmirror.com/ws/-/ws-8.17.0.tgz", @@ -2579,6 +2623,12 @@ "entities": "^3.0.1" } }, + "imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true + }, "is-core-module": { "version": "2.8.1", "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.8.1.tgz", @@ -2673,6 +2723,15 @@ "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.2.tgz", "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==" }, + "node-localstorage": { + "version": "3.0.5", + "resolved": "https://registry.npmmirror.com/node-localstorage/-/node-localstorage-3.0.5.tgz", + "integrity": "sha512-GCwtK33iwVXboZWYcqQHu3aRvXEBwmPkAMRBLeaX86ufhqslyUkLGsi4aW3INEfdQYpUB5M9qtYf3eHvAk2VBg==", + "dev": true, + "requires": { + "write-file-atomic": "^5.0.1" + } + }, "notyf": { "version": "3.0.0", "resolved": "https://registry.npmmirror.com/notyf/-/notyf-3.0.0.tgz", @@ -2940,6 +2999,12 @@ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", "dev": true }, + "signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true + }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz", @@ -3231,6 +3296,16 @@ "strip-ansi": "^6.0.0" } }, + "write-file-atomic": { + "version": "5.0.1", + "resolved": "https://registry.npmmirror.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz", + "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", + "dev": true, + "requires": { + "imurmurhash": "^0.1.4", + "signal-exit": "^4.0.1" + } + }, "ws": { "version": "8.17.0", "resolved": "https://registry.npmmirror.com/ws/-/ws-8.17.0.tgz", diff --git a/package.json b/package.json index d4ee066..f990eb1 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "vue-tsc": "0.29.8", "ws": "8.17.0", "qrcode": "1.5.3", - "notyf": "3.0.0" + "notyf": "3.0.0", + "node-localstorage": "3.0.5" } } diff --git a/public/css/style.css b/public/css/style.css index b18d512..37a3745 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -10,6 +10,19 @@ body { background-color: #171717; } +p, h2 { + margin: 10px 0; +} + +h3 { + margin: 8px 0; +} + +hr { + margin: 10px 0; + border: 1px solid #fce9a7; +} + .icon { -webkit-user-select: none; user-select: none; @@ -24,6 +37,10 @@ body { display: none; } +img { + vertical-align: middle; +} + button { cursor: pointer; background-color: #fce9a7; @@ -54,6 +71,18 @@ select { } +input[type="checkbox"] { + width: 16px; + height: 16px; + -webkit-appearance: none; + border: 1px solid #fce9a7; + border-radius: 2px; + outline: none; +} +input[type="checkbox"]:checked { + background: #fce9a7; +} + /* Offline page */ .offline .interstitial-wrapper { @@ -441,6 +470,35 @@ select { bottom: 10px; } +.channel-circle { + width: 80px; + text-align: center; + height: 80px; + border-radius: 50%; + border: #fce9a7 2px solid; + margin: 8px; +} +.channel-tag { + line-height: 20px; + font-size: 18px; + color: #fce9a7; + background: #171717; + transform: translateY(-10px); +} +.channel-strength { + line-height: 40px; + font-size: 32px; + color: #fce9a7; + +} +.soft-strength { + line-height: 20px; + font-size: 18px; + color: #fce9a7; + background: #171717; + transform: translateY(10px); +} + .game-title { display: flex; } diff --git a/public/img/30758.png b/public/img/30758.png new file mode 100644 index 0000000..eb22360 Binary files /dev/null and b/public/img/30758.png differ diff --git a/public/img/30873.png b/public/img/30873.png new file mode 100644 index 0000000..fcb2190 Binary files /dev/null and b/public/img/30873.png differ diff --git a/public/img/31028.png b/public/img/31028.png new file mode 100644 index 0000000..2a66a66 Binary files /dev/null and b/public/img/31028.png differ diff --git a/public/img/31037.png b/public/img/31037.png new file mode 100644 index 0000000..3191be8 Binary files /dev/null and b/public/img/31037.png differ diff --git a/public/img/31044.png b/public/img/31044.png new file mode 100644 index 0000000..00cd169 Binary files /dev/null and b/public/img/31044.png differ diff --git a/public/img/31049.png b/public/img/31049.png new file mode 100644 index 0000000..2b70758 Binary files /dev/null and b/public/img/31049.png differ diff --git a/public/img/31053.png b/public/img/31053.png new file mode 100644 index 0000000..7365d0d Binary files /dev/null and b/public/img/31053.png differ diff --git a/public/img/31122.png b/public/img/31122.png new file mode 100644 index 0000000..e1e800b Binary files /dev/null and b/public/img/31122.png differ diff --git a/public/img/31164.png b/public/img/31164.png new file mode 100644 index 0000000..c8aaa45 Binary files /dev/null and b/public/img/31164.png differ diff --git a/public/img/31588.png b/public/img/31588.png new file mode 100644 index 0000000..4102288 Binary files /dev/null and b/public/img/31588.png differ diff --git a/public/img/31883.png b/public/img/31883.png new file mode 100644 index 0000000..5ac54a4 Binary files /dev/null and b/public/img/31883.png differ diff --git a/public/img/32122.png b/public/img/32122.png new file mode 100644 index 0000000..996e8cf Binary files /dev/null and b/public/img/32122.png differ diff --git a/public/img/32201.png b/public/img/32201.png new file mode 100644 index 0000000..debab6f Binary files /dev/null and b/public/img/32201.png differ diff --git a/public/img/32228.png b/public/img/32228.png new file mode 100644 index 0000000..6de56d9 Binary files /dev/null and b/public/img/32228.png differ diff --git a/public/img/32575.png b/public/img/32575.png new file mode 100644 index 0000000..b925db4 Binary files /dev/null and b/public/img/32575.png differ diff --git a/public/img/32609.png b/public/img/32609.png new file mode 100644 index 0000000..0c8a033 Binary files /dev/null and b/public/img/32609.png differ diff --git a/public/img/32692.png b/public/img/32692.png new file mode 100644 index 0000000..733f491 Binary files /dev/null and b/public/img/32692.png differ diff --git a/public/img/32734.png b/public/img/32734.png new file mode 100644 index 0000000..6adcf4e Binary files /dev/null and b/public/img/32734.png differ diff --git a/public/img/32758.png b/public/img/32758.png new file mode 100644 index 0000000..03ae878 Binary files /dev/null and b/public/img/32758.png differ diff --git a/public/img/32761.png b/public/img/32761.png new file mode 100644 index 0000000..20e2cbc Binary files /dev/null and b/public/img/32761.png differ diff --git a/public/img/32768.png b/public/img/32768.png new file mode 100644 index 0000000..219e3bc Binary files /dev/null and b/public/img/32768.png differ diff --git a/public/img/33031.png b/public/img/33031.png new file mode 100644 index 0000000..e0671cd Binary files /dev/null and b/public/img/33031.png differ diff --git a/public/img/33032.png b/public/img/33032.png new file mode 100644 index 0000000..f011de6 Binary files /dev/null and b/public/img/33032.png differ diff --git a/public/img/33988.png b/public/img/33988.png new file mode 100644 index 0000000..e0de603 Binary files /dev/null and b/public/img/33988.png differ diff --git a/public/img/34065.png b/public/img/34065.png new file mode 100644 index 0000000..8842ff6 Binary files /dev/null and b/public/img/34065.png differ diff --git a/src/App.vue b/src/App.vue index d98f824..22b12c7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,7 +1,7 @@