- Discreetly
+ 
Discreetly
+
A new take on anonymous communication.
This feels like a mostly familiar chat application, with random numbers as usernames, but I
diff --git a/src/routes/chat/Chat.svelte b/src/routes/chat/Chat.svelte
index 0aebca6..711f974 100644
--- a/src/routes/chat/Chat.svelte
+++ b/src/routes/chat/Chat.svelte
@@ -124,14 +124,19 @@
socket.on('messageBroadcast', (data: MessageI) => {
console.debug('Received Message: ', data);
- if (!$messageStore[data.room]) {
- console.debug('Creating room in message store', data.room);
- $messageStore[data.room] = { messages: [] };
+ const roomID = data.room?.toString();
+ if (roomID) {
+ if (!$messageStore[roomID]) {
+ console.debug('Creating room in message store', roomID);
+ $messageStore[roomID] = { messages: [] };
+ }
+ $messageStore[roomID].messages = [data, ...$messageStore[roomID].messages.reverse()];
+ $messageStore[roomID].messages = $messageStore[roomID].messages.slice(0, 500);
+ console.log($messageStore[roomID].messages.slice(0, 5));
+ scrollChatBottom();
}
- $messageStore[data.room].messages = [data, ...$messageStore[data.room].messages];
- $messageStore[data.room].messages = $messageStore[data.room].messages.slice(0, 500);
- scrollChatBottom();
});
+
setInterval(() => {
currentEpoch = rateManager.getCurrentEpoch();
messagesLeft = rateManager.getRemainingMessages();
@@ -143,7 +148,7 @@
});
-Backup Your Identity
@@ -8,3 +31,10 @@
href={'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify($identityStore))}
download="identity.json">JSON
+QR Code
+
+{#if loading && !imageUrl}
+
+{/if}
diff --git a/src/routes/signup/+layout.svelte b/src/routes/signup/+layout.svelte
index 0ef1f3a..2e6b886 100644
--- a/src/routes/signup/+layout.svelte
+++ b/src/routes/signup/+layout.svelte
@@ -149,13 +149,20 @@
placeholder="Invite Code"
bind:value={code}
on:keydown={(event) => {
+ const input = event.target;
if (event.key === 'Enter') {
event.preventDefault();
addCode(code);
} else if ([' ', '-'].includes(event.key)) {
event.preventDefault();
if (code.length > 0 && code[code.length - 1] !== '-') {
- code += '-';
+ // inserts a - where the cursor is
+ code =
+ code.slice(0, input.selectionStart) + '-' + code.slice(input.selectionStart);
+ const _cursor_position = input.selectionStart;
+ setTimeout(function () {
+ input.selectionStart = input.selectionEnd = _cursor_position + 1;
+ }, 0);
}
} else if (
[
diff --git a/src/theme.postcss b/src/theme.postcss
index ec668f6..e81d05f 100644
--- a/src/theme.postcss
+++ b/src/theme.postcss
@@ -2,97 +2,97 @@
:root {
/* =~= Theme Properties =~= */
--theme-font-family-base: 'Space Grotesk', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
- --theme-font-family-heading: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- --theme-font-color-base: var(--color-surface-900);
- --theme-font-color-dark: var(--color-primary-50);
- --theme-rounded-base: 8px;
- --theme-rounded-container: 6px;
- --theme-border-base: 2px;
- /* =~= Theme On-X Colors =~= */
- --on-primary: 0 0 0;
- --on-secondary: 0 0 0;
- --on-tertiary: 0 0 0;
- --on-success: 0 0 0;
- --on-warning: 0 0 0;
- --on-error: 0 0 0;
- --on-surface: 255 255 255;
- /* =~= Theme Colors =~= */
- /* primary | #99b5b8 */
- --color-primary-50: 240 244 244; /* ⬅ #f0f4f4 */
- --color-primary-100: 235 240 241; /* ⬅ #ebf0f1 */
- --color-primary-200: 230 237 237; /* ⬅ #e6eded */
- --color-primary-300: 214 225 227; /* ⬅ #d6e1e3 */
- --color-primary-400: 184 203 205; /* ⬅ #b8cbcd */
- --color-primary-500: 153 181 184; /* ⬅ #99b5b8 */
- --color-primary-600: 138 163 166; /* ⬅ #8aa3a6 */
- --color-primary-700: 115 136 138; /* ⬅ #73888a */
- --color-primary-800: 92 109 110; /* ⬅ #5c6d6e */
- --color-primary-900: 75 89 90; /* ⬅ #4b595a */
- /* secondary | #fa5f5f */
- --color-secondary-50: 254 231 231; /* ⬅ #fee7e7 */
- --color-secondary-100: 254 223 223; /* ⬅ #fedfdf */
- --color-secondary-200: 254 215 215; /* ⬅ #fed7d7 */
- --color-secondary-300: 253 191 191; /* ⬅ #fdbfbf */
- --color-secondary-400: 252 143 143; /* ⬅ #fc8f8f */
- --color-secondary-500: 250 95 95; /* ⬅ #fa5f5f */
- --color-secondary-600: 225 86 86; /* ⬅ #e15656 */
- --color-secondary-700: 188 71 71; /* ⬅ #bc4747 */
- --color-secondary-800: 150 57 57; /* ⬅ #963939 */
- --color-secondary-900: 123 47 47; /* ⬅ #7b2f2f */
- /* tertiary | #158993 */
- --color-tertiary-50: 220 237 239; /* ⬅ #dcedef */
- --color-tertiary-100: 208 231 233; /* ⬅ #d0e7e9 */
- --color-tertiary-200: 197 226 228; /* ⬅ #c5e2e4 */
- --color-tertiary-300: 161 208 212; /* ⬅ #a1d0d4 */
- --color-tertiary-400: 91 172 179; /* ⬅ #5bacb3 */
- --color-tertiary-500: 21 137 147; /* ⬅ #158993 */
- --color-tertiary-600: 19 123 132; /* ⬅ #137b84 */
- --color-tertiary-700: 16 103 110; /* ⬅ #10676e */
- --color-tertiary-800: 13 82 88; /* ⬅ #0d5258 */
- --color-tertiary-900: 10 67 72; /* ⬅ #0a4348 */
- /* success | #45a164 */
- --color-success-50: 227 241 232; /* ⬅ #e3f1e8 */
- --color-success-100: 218 236 224; /* ⬅ #daece0 */
- --color-success-200: 209 232 216; /* ⬅ #d1e8d8 */
- --color-success-300: 181 217 193; /* ⬅ #b5d9c1 */
- --color-success-400: 125 189 147; /* ⬅ #7dbd93 */
- --color-success-500: 69 161 100; /* ⬅ #45a164 */
- --color-success-600: 62 145 90; /* ⬅ #3e915a */
- --color-success-700: 52 121 75; /* ⬅ #34794b */
- --color-success-800: 41 97 60; /* ⬅ #29613c */
- --color-success-900: 34 79 49; /* ⬅ #224f31 */
- /* warning | #ffb585 */
- --color-warning-50: 255 244 237; /* ⬅ #fff4ed */
- --color-warning-100: 255 240 231; /* ⬅ #fff0e7 */
- --color-warning-200: 255 237 225; /* ⬅ #ffede1 */
- --color-warning-300: 255 225 206; /* ⬅ #ffe1ce */
- --color-warning-400: 255 203 170; /* ⬅ #ffcbaa */
- --color-warning-500: 255 181 133; /* ⬅ #ffb585 */
- --color-warning-600: 230 163 120; /* ⬅ #e6a378 */
- --color-warning-700: 191 136 100; /* ⬅ #bf8864 */
- --color-warning-800: 153 109 80; /* ⬅ #996d50 */
- --color-warning-900: 125 89 65; /* ⬅ #7d5941 */
- /* error | #fa5f5f */
- --color-error-50: 254 231 231; /* ⬅ #fee7e7 */
- --color-error-100: 254 223 223; /* ⬅ #fedfdf */
- --color-error-200: 254 215 215; /* ⬅ #fed7d7 */
- --color-error-300: 253 191 191; /* ⬅ #fdbfbf */
- --color-error-400: 252 143 143; /* ⬅ #fc8f8f */
- --color-error-500: 250 95 95; /* ⬅ #fa5f5f */
- --color-error-600: 225 86 86; /* ⬅ #e15656 */
- --color-error-700: 188 71 71; /* ⬅ #bc4747 */
- --color-error-800: 150 57 57; /* ⬅ #963939 */
- --color-error-900: 123 47 47; /* ⬅ #7b2f2f */
- /* surface | #323f3f */
- --color-surface-50: 224 226 226; /* ⬅ #e0e2e2 */
- --color-surface-100: 214 217 217; /* ⬅ #d6d9d9 */
- --color-surface-200: 204 207 207; /* ⬅ #cccfcf */
- --color-surface-300: 173 178 178; /* ⬅ #adb2b2 */
- --color-surface-400: 112 121 121; /* ⬅ #707979 */
- --color-surface-500: 50 63 63; /* ⬅ #323f3f */
- --color-surface-600: 45 57 57; /* ⬅ #2d3939 */
- --color-surface-700: 38 47 47; /* ⬅ #262f2f */
- --color-surface-800: 30 38 38; /* ⬅ #1e2626 */
- --color-surface-900: 25 31 31; /* ⬅ #191f1f */
+ --theme-font-family-heading: 'Nippo', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --theme-font-color-base: var(--color-surface-800);
+ --theme-font-color-dark: var(--color-primary-200);
+ --theme-rounded-base: 4px;
+ --theme-rounded-container: 6px;
+ --theme-border-base: 1px;
+ /* =~= Theme On-X Colors =~= */
+ --on-primary: 0 0 0;
+ --on-secondary: 255 255 255;
+ --on-tertiary: 0 0 0;
+ --on-success: 0 0 0;
+ --on-warning: 0 0 0;
+ --on-error: 255 255 255;
+ --on-surface: 255 255 255;
+ /* =~= Theme Colors =~= */
+ /* primary | #99b5b8 */
+ --color-primary-50: 240 244 244; /* ⬅ #f0f4f4 */
+ --color-primary-100: 235 240 241; /* ⬅ #ebf0f1 */
+ --color-primary-200: 230 237 237; /* ⬅ #e6eded */
+ --color-primary-300: 214 225 227; /* ⬅ #d6e1e3 */
+ --color-primary-400: 184 203 205; /* ⬅ #b8cbcd */
+ --color-primary-500: 153 181 184; /* ⬅ #99b5b8 */
+ --color-primary-600: 138 163 166; /* ⬅ #8aa3a6 */
+ --color-primary-700: 115 136 138; /* ⬅ #73888a */
+ --color-primary-800: 92 109 110; /* ⬅ #5c6d6e */
+ --color-primary-900: 75 89 90; /* ⬅ #4b595a */
+ /* secondary | #fa5f5f */
+ --color-secondary-50: 254 231 231; /* ⬅ #fee7e7 */
+ --color-secondary-100: 254 223 223; /* ⬅ #fedfdf */
+ --color-secondary-200: 254 215 215; /* ⬅ #fed7d7 */
+ --color-secondary-300: 253 191 191; /* ⬅ #fdbfbf */
+ --color-secondary-400: 252 143 143; /* ⬅ #fc8f8f */
+ --color-secondary-500: 250 95 95; /* ⬅ #fa5f5f */
+ --color-secondary-600: 225 86 86; /* ⬅ #e15656 */
+ --color-secondary-700: 188 71 71; /* ⬅ #bc4747 */
+ --color-secondary-800: 150 57 57; /* ⬅ #963939 */
+ --color-secondary-900: 123 47 47; /* ⬅ #7b2f2f */
+ /* tertiary | #158993 */
+ --color-tertiary-50: 220 237 239; /* ⬅ #dcedef */
+ --color-tertiary-100: 208 231 233; /* ⬅ #d0e7e9 */
+ --color-tertiary-200: 197 226 228; /* ⬅ #c5e2e4 */
+ --color-tertiary-300: 161 208 212; /* ⬅ #a1d0d4 */
+ --color-tertiary-400: 91 172 179; /* ⬅ #5bacb3 */
+ --color-tertiary-500: 21 137 147; /* ⬅ #158993 */
+ --color-tertiary-600: 19 123 132; /* ⬅ #137b84 */
+ --color-tertiary-700: 16 103 110; /* ⬅ #10676e */
+ --color-tertiary-800: 13 82 88; /* ⬅ #0d5258 */
+ --color-tertiary-900: 10 67 72; /* ⬅ #0a4348 */
+ /* success | #45a164 */
+ --color-success-50: 227 241 232; /* ⬅ #e3f1e8 */
+ --color-success-100: 218 236 224; /* ⬅ #daece0 */
+ --color-success-200: 209 232 216; /* ⬅ #d1e8d8 */
+ --color-success-300: 181 217 193; /* ⬅ #b5d9c1 */
+ --color-success-400: 125 189 147; /* ⬅ #7dbd93 */
+ --color-success-500: 69 161 100; /* ⬅ #45a164 */
+ --color-success-600: 62 145 90; /* ⬅ #3e915a */
+ --color-success-700: 52 121 75; /* ⬅ #34794b */
+ --color-success-800: 41 97 60; /* ⬅ #29613c */
+ --color-success-900: 34 79 49; /* ⬅ #224f31 */
+ /* warning | #ffb585 */
+ --color-warning-50: 255 244 237; /* ⬅ #fff4ed */
+ --color-warning-100: 255 240 231; /* ⬅ #fff0e7 */
+ --color-warning-200: 255 237 225; /* ⬅ #ffede1 */
+ --color-warning-300: 255 225 206; /* ⬅ #ffe1ce */
+ --color-warning-400: 255 203 170; /* ⬅ #ffcbaa */
+ --color-warning-500: 255 181 133; /* ⬅ #ffb585 */
+ --color-warning-600: 230 163 120; /* ⬅ #e6a378 */
+ --color-warning-700: 191 136 100; /* ⬅ #bf8864 */
+ --color-warning-800: 153 109 80; /* ⬅ #996d50 */
+ --color-warning-900: 125 89 65; /* ⬅ #7d5941 */
+ /* error | #fa5f5f */
+ --color-error-50: 254 231 231; /* ⬅ #fee7e7 */
+ --color-error-100: 254 223 223; /* ⬅ #fedfdf */
+ --color-error-200: 254 215 215; /* ⬅ #fed7d7 */
+ --color-error-300: 253 191 191; /* ⬅ #fdbfbf */
+ --color-error-400: 252 143 143; /* ⬅ #fc8f8f */
+ --color-error-500: 250 95 95; /* ⬅ #fa5f5f */
+ --color-error-600: 225 86 86; /* ⬅ #e15656 */
+ --color-error-700: 188 71 71; /* ⬅ #bc4747 */
+ --color-error-800: 150 57 57; /* ⬅ #963939 */
+ --color-error-900: 123 47 47; /* ⬅ #7b2f2f */
+ /* surface | #363f3f */
+ --color-surface-50: 225 226 226; /* ⬅ #e1e2e2 */
+ --color-surface-100: 215 217 217; /* ⬅ #d7d9d9 */
+ --color-surface-200: 205 207 207; /* ⬅ #cdcfcf */
+ --color-surface-300: 175 178 178; /* ⬅ #afb2b2 */
+ --color-surface-400: 114 121 121; /* ⬅ #727979 */
+ --color-surface-500: 54 63 63; /* ⬅ #363f3f */
+ --color-surface-600: 49 57 57; /* ⬅ #313939 */
+ --color-surface-700: 41 47 47; /* ⬅ #292f2f */
+ --color-surface-800: 32 38 38; /* ⬅ #202626 */
+ --color-surface-900: 26 31 31; /* ⬅ #1a1f1f */
- }
+}
\ No newline at end of file
diff --git a/static/android-icon-144x144.png b/static/android-icon-144x144.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b6b0229a7754bb15de6cf9c54bdb5c03f6cf08a
GIT binary patch
literal 2157
zcmZ{l2~-p37Jw&cS>*Uo#07j}6f$8A*@0*vLRQE|76L&?Fib+&5<`$pDT*m-fm#%8
zki}wgr7lo#*HaKtisA+oaA^gJ^x=Y{fQr1q)AydQ=XB28`_H}qcb9+eoHN^neAe7K
zE^`0?n9E_)Mew?FMr>!n`qp=jI{*N&UK<)J)T&efkkwcAZKpRq!l^A-ojAyHvTuKk
zs+)HJB)79eIW7l2^mVL#9eU%No?KmNO4&0f6gkg#!v0sU
R1h()>M;B~xvq-UxZ|7}(9?4Ut8u}DNJ>Lc)*9|j%MgejR*6S-b
z2(*di@J(!T