diff --git a/client/index.html b/client/index.html index a6ee72a..a8b039c 100644 --- a/client/index.html +++ b/client/index.html @@ -5,6 +5,11 @@ Threadlet + + + + +
diff --git a/client/public/assets/screenshots/threadlet-narrow-color.png b/client/public/assets/screenshots/threadlet-narrow-color.png new file mode 100644 index 0000000..ec12833 Binary files /dev/null and b/client/public/assets/screenshots/threadlet-narrow-color.png differ diff --git a/client/public/assets/screenshots/threadlet-narrow-color.svg b/client/public/assets/screenshots/threadlet-narrow-color.svg new file mode 100644 index 0000000..65012be --- /dev/null +++ b/client/public/assets/screenshots/threadlet-narrow-color.svg @@ -0,0 +1,22 @@ + + + threadlet + + + + + + [t] + + diff --git a/client/public/assets/screenshots/threadlet-narrow-mono.png b/client/public/assets/screenshots/threadlet-narrow-mono.png new file mode 100644 index 0000000..6e5d15d Binary files /dev/null and b/client/public/assets/screenshots/threadlet-narrow-mono.png differ diff --git a/client/public/assets/screenshots/threadlet-narrow-mono.svg b/client/public/assets/screenshots/threadlet-narrow-mono.svg new file mode 100644 index 0000000..3e48bce --- /dev/null +++ b/client/public/assets/screenshots/threadlet-narrow-mono.svg @@ -0,0 +1,22 @@ + + + threadlet + + + + + + [t] + + diff --git a/client/public/assets/screenshots/threadlet-wide-color.png b/client/public/assets/screenshots/threadlet-wide-color.png new file mode 100644 index 0000000..223f203 Binary files /dev/null and b/client/public/assets/screenshots/threadlet-wide-color.png differ diff --git a/client/public/assets/screenshots/threadlet-wide-color.svg b/client/public/assets/screenshots/threadlet-wide-color.svg new file mode 100644 index 0000000..0245979 --- /dev/null +++ b/client/public/assets/screenshots/threadlet-wide-color.svg @@ -0,0 +1,25 @@ + + + threadlet + + + + + + [threadlet] + + diff --git a/client/public/assets/screenshots/threadlet-wide-mono.png b/client/public/assets/screenshots/threadlet-wide-mono.png new file mode 100644 index 0000000..e8cc698 Binary files /dev/null and b/client/public/assets/screenshots/threadlet-wide-mono.png differ diff --git a/client/public/assets/screenshots/threadlet-wide-mono.svg b/client/public/assets/screenshots/threadlet-wide-mono.svg new file mode 100644 index 0000000..1969227 --- /dev/null +++ b/client/public/assets/screenshots/threadlet-wide-mono.svg @@ -0,0 +1,25 @@ + + + threadlet + + + + + + [threadlet] + + diff --git a/client/public/assets/threadlet/128.ico b/client/public/assets/threadlet/128.ico new file mode 100644 index 0000000..e2605a0 Binary files /dev/null and b/client/public/assets/threadlet/128.ico differ diff --git a/client/public/assets/threadlet/128.png b/client/public/assets/threadlet/128.png new file mode 100644 index 0000000..e22505c Binary files /dev/null and b/client/public/assets/threadlet/128.png differ diff --git a/client/public/assets/threadlet/256.ico b/client/public/assets/threadlet/256.ico new file mode 100644 index 0000000..a98e08a Binary files /dev/null and b/client/public/assets/threadlet/256.ico differ diff --git a/client/public/assets/threadlet/256.png b/client/public/assets/threadlet/256.png new file mode 100644 index 0000000..6fb714b Binary files /dev/null and b/client/public/assets/threadlet/256.png differ diff --git a/client/public/assets/threadlet/32.ico b/client/public/assets/threadlet/32.ico new file mode 100644 index 0000000..da3a12d Binary files /dev/null and b/client/public/assets/threadlet/32.ico differ diff --git a/client/public/assets/threadlet/32.png b/client/public/assets/threadlet/32.png new file mode 100644 index 0000000..45deb68 Binary files /dev/null and b/client/public/assets/threadlet/32.png differ diff --git a/client/public/assets/threadlet/48.ico b/client/public/assets/threadlet/48.ico new file mode 100644 index 0000000..b8a62c9 Binary files /dev/null and b/client/public/assets/threadlet/48.ico differ diff --git a/client/public/assets/threadlet/48.png b/client/public/assets/threadlet/48.png new file mode 100644 index 0000000..5a96946 Binary files /dev/null and b/client/public/assets/threadlet/48.png differ diff --git a/client/public/assets/threadlet/512-color-maskable.png b/client/public/assets/threadlet/512-color-maskable.png new file mode 100644 index 0000000..548ef5a Binary files /dev/null and b/client/public/assets/threadlet/512-color-maskable.png differ diff --git a/client/public/assets/threadlet/512-mono-maskable.png b/client/public/assets/threadlet/512-mono-maskable.png new file mode 100644 index 0000000..3acaf0e Binary files /dev/null and b/client/public/assets/threadlet/512-mono-maskable.png differ diff --git a/client/public/assets/threadlet/512-mono.png b/client/public/assets/threadlet/512-mono.png new file mode 100644 index 0000000..31c7b2c Binary files /dev/null and b/client/public/assets/threadlet/512-mono.png differ diff --git a/client/public/assets/threadlet/512.ico b/client/public/assets/threadlet/512.ico new file mode 100644 index 0000000..bb54481 Binary files /dev/null and b/client/public/assets/threadlet/512.ico differ diff --git a/client/public/assets/threadlet/512.png b/client/public/assets/threadlet/512.png new file mode 100644 index 0000000..5ad1b41 Binary files /dev/null and b/client/public/assets/threadlet/512.png differ diff --git a/client/public/assets/threadlet/64.ico b/client/public/assets/threadlet/64.ico new file mode 100644 index 0000000..a5879d7 Binary files /dev/null and b/client/public/assets/threadlet/64.ico differ diff --git a/client/public/assets/threadlet/64.png b/client/public/assets/threadlet/64.png new file mode 100644 index 0000000..c22c6e9 Binary files /dev/null and b/client/public/assets/threadlet/64.png differ diff --git a/client/public/assets/threadlet/threadlet-color-maskable.svg b/client/public/assets/threadlet/threadlet-color-maskable.svg new file mode 100644 index 0000000..ee0a036 --- /dev/null +++ b/client/public/assets/threadlet/threadlet-color-maskable.svg @@ -0,0 +1,28 @@ + + + threadlet + + + + + + + + + + + [t] + + + diff --git a/client/public/assets/threadlet/threadlet-color.svg b/client/public/assets/threadlet/threadlet-color.svg new file mode 100644 index 0000000..75f45ca --- /dev/null +++ b/client/public/assets/threadlet/threadlet-color.svg @@ -0,0 +1,21 @@ + + + threadlet + + + + + [t] + + diff --git a/client/public/assets/threadlet/threadlet-mono-maskable.svg b/client/public/assets/threadlet/threadlet-mono-maskable.svg new file mode 100644 index 0000000..f727115 --- /dev/null +++ b/client/public/assets/threadlet/threadlet-mono-maskable.svg @@ -0,0 +1,28 @@ + + + threadlet + + + + + + + + + + + [t] + + + diff --git a/client/public/assets/threadlet/threadlet-mono.svg b/client/public/assets/threadlet/threadlet-mono.svg new file mode 100644 index 0000000..3ad4fdb --- /dev/null +++ b/client/public/assets/threadlet/threadlet-mono.svg @@ -0,0 +1,21 @@ + + + threadlet + + + + + [t] + + diff --git a/client/public/threadlet.webmanifest b/client/public/threadlet.webmanifest new file mode 100644 index 0000000..a22d179 --- /dev/null +++ b/client/public/threadlet.webmanifest @@ -0,0 +1,91 @@ +{ + "name": "Threadlet", + "description": "Next-gen Matrix client", + "start_url": "/", + "display": "standalone", + "id": "threadlet", + "theme_color": "#1fc873", + "background_color": "#242424", + "lang": "en", + "categories": ["social", "social networking", "matrix"], + "icons": [{ + "src": "/assets/threadlet/512.png", + "type": "image/png", + "sizes": "512x512" + }, { + "src": "/assets/threadlet/256.png", + "type": "image/png", + "sizes": "256x256" + }, { + "src": "/assets/threadlet/128.png", + "type": "image/png", + "sizes": "128x128" + }, { + "src": "/assets/threadlet/64.png", + "type": "image/png", + "sizes": "64x64" + }, { + "src": "/assets/threadlet/48.png", + "type": "image/png", + "sizes": "48x48" + }, { + "src": "/assets/threadlet/32.png", + "type": "image/png", + "sizes": "32x32" + }, { + "src": "/assets/threadlet/512-mono.png", + "type": "image/png", + "sizes": "any", + "purpose": "monochrome" + }, { + "src": "/assets/threadlet/512-color-maskable.png", + "type": "image/png", + "sizes": "any", + "purpose": "maskable" + }, { + "src": "/assets/threadlet/512-mono-maskable.png", + "type": "image/png", + "sizes": "any", + "purpose": "monochrome maskable" + }, { + "src": "/assets/threadlet/threadlet-color.svg", + "type": "image/svg+xml", + "sizes": "any" + }, { + "src": "/assets/threadlet/threadlet-mono.svg", + "type": "image/svg+xml", + "sizes": "any", + "purpose": "monochrome" + }, { + "src": "/assets/threadlet/threadlet-color-maskable.svg", + "type": "image/svg+xml", + "sizes": "any", + "purpose": "maskable" + }, { + "src": "/assets/threadlet/threadlet-mono-maskable.svg", + "type": "image/svg+xml", + "sizes": "any", + "purpose": "monochrome maskable" + }], + "screenshots": [{ + "src": "/assets/screenshots/threadlet-wide-mono.png", + "type": "image/png", + "sizes": "1920x1080", + "form_factor": "wide" + }, { + "src": "/assets/screenshots/threadlet-narrow-mono.png", + "type": "image/png", + "sizes": "1080x1920", + "form_factor": "narrow" + }, { + "src": "/assets/screenshots/threadlet-wide-color.png", + "type": "image/png", + "sizes": "1920x1080", + "form_factor": "wide" + }, { + "src": "/assets/screenshots/threadlet-narrow-color.png", + "type": "image/png", + "sizes": "1080x1920", + "form_factor": "narrow" + }] +} \ No newline at end of file diff --git a/client/style.css b/client/style.css index 9b268cc..ad5a33d 100644 --- a/client/style.css +++ b/client/style.css @@ -10,6 +10,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + --theme-color: #1fc873; --hover-bg: rgba(255 255 255 / 0.08); --background-primary: #242424; --background-secondary: #202020; @@ -44,15 +45,24 @@ body { #loadingScreen { display: flex; text-align: center; - align-items: center; + align-items: end; justify-content: center; - font-size: 24px; + font-size: 4vh; font-weight: bold; width: 100vw; height: 100vh; + background-image: url("/assets/threadlet/threadlet-color.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + background-size: max(30vh, 20vw); + background-color: var(--theme-color); + user-select: none; } #loadingText { + color: black; + margin-bottom: 12vh; } #app { @@ -604,4 +614,4 @@ body { border-radius: 20px; font-size: 10px; font-family: monospace; -} +} \ No newline at end of file diff --git a/client/vite.config.js b/client/vite.config.js index ff8ad31..8e9bec1 100644 --- a/client/vite.config.js +++ b/client/vite.config.js @@ -25,7 +25,7 @@ export default defineConfig({ }, }, hmr: { - protocol: "wss", + protocol: "ws", // path: "/.proxy/" }, allowedHosts: [dev_config.vite?.host].filter(Boolean),