ATProto PDS
+ATProto PDS
Home to {accountsData.length} accounts
{#each accountsData as accountObject}
@@ -72,17 +52,102 @@
diff --git a/src/lib/PostComponent.svelte b/src/lib/PostComponent.svelte
index 1cacc28..d140180 100644
--- a/src/lib/PostComponent.svelte
+++ b/src/lib/PostComponent.svelte
@@ -71,7 +71,7 @@
>
Error: {error.message}
{/await} -
+
diff --git a/src/app.css b/src/app.css
index cb315e4..50da734 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,4 +1,88 @@
-@import url('./themes/colors.css');
+@font-face {
+ font-family: "ProggyClean";
+ src: url(https://witchcraft.systems/ProggyCleanNerdFont-Regular.ttf);
+}
+
+:root {
+ --link-color: #646cff;
+ --link-hover-color: #535bf2;
+ --background-color: #12082b;
+ --header-background-color: #1f1145;
+ --content-background-color: #0d0620;
+ --text-color: white;
+ --border-color: #8054f0;
+ --indicator-inactive-color: #4a4a4a;
+ --indicator-active-color: #8054f0;
+}
+
+::-webkit-scrollbar {
+ width: 0px;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+}
+::-webkit-scrollbar-thumb {
+ background: transparent;
+ border-radius: 0;
+}
+::-webkit-scrollbar-track {
+ background: transparent;
+ border-radius: 0;
+}
+::-webkit-scrollbar-corner {
+ background: transparent;
+ border-radius: 0;
+}
+::-webkit-scrollbar-button {
+ background: transparent;
+ border-radius: 0;
+}
+* {
+ scrollbar-width: none;
+ scrollbar-color: transparent transparent;
+ -ms-overflow-style: none; /* IE and Edge */
+ -webkit-overflow-scrolling: touch;
+ -webkit-scrollbar: none; /* Safari */
+}
+
+a {
+ font-weight: 500;
+ color: var(--link-color);
+ text-decoration: inherit;
+}
+a:hover {
+ color: var(--link-hover-color);
+ text-decoration: underline;
+}
+
body {
- background-color: red;
-}
\ No newline at end of file
+ margin: 0;
+ display: flex;
+ place-items: center;
+ min-width: 320px;
+ min-height: 100vh;
+ background-color: var(--background-color);
+ font-family: "ProggyClean", monospace;
+ font-size: 24px;
+ color: var(--text-color);
+ border-color: var(--border-color);
+ overflow-wrap: break-word;
+ word-wrap: normal;
+ word-break: break-word;
+ hyphens: none;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+#app {
+ max-width: 1400px;
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+}
diff --git a/src/lib/AccountComponent.svelte b/src/lib/AccountComponent.svelte
index faf6251..880db3f 100644
--- a/src/lib/AccountComponent.svelte
+++ b/src/lib/AccountComponent.svelte
@@ -12,17 +12,38 @@
alt="avatar of {account.displayName}"
src="{Config.PDS_URL}/xrpc/com.atproto.sync.getBlob?did={account.did}&cid={account.avatarCid}"
/>
-
{#each posts as postObject}
- {account.displayName || account.handle || account.did}
-
- {:else}
-
- {account.displayName || account.handle || account.did}
-
{/if}
+
+ {account.displayName || account.handle || account.did}
+
@{post.authorHandle}{post.authorHandle}
{/if}
- {#if post.gifLink}
-
- {/if}