diff --git a/.forgejo/workflows/deploy.yaml b/.forgejo/workflows/deploy.yaml index c6a05d0..7f20d99 100644 --- a/.forgejo/workflows/deploy.yaml +++ b/.forgejo/workflows/deploy.yaml @@ -6,15 +6,26 @@ on: - main - astra/ci + jobs: deploy: name: Deploy runs-on: ubuntu-latest steps: - - name: Checkout repo + - name: Checkout main repo uses: actions/checkout@v4 + - name: Checkout overrides repo + uses: actions/checkout@v4 + with: + repository: scientific-witchery/pds-dash-overrides + token: ${{ secrets.OVERRIDES_TOKEN}} + path: overrides + + - name: Copy config file to root + run: cp overrides/config.ts ./config.ts + - name: Setup Node.js uses: actions/setup-node@v3 with: diff --git a/src/App.svelte b/src/App.svelte index 3ce393b..798b8a7 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -9,6 +9,26 @@ let posts: Post[] = []; + let hue: number = 1; + const cycleColors = async () => { + while (true) { + hue += 1; + if (hue > 360) { + hue = 0; + } + document.documentElement.style.setProperty("--primary-h", hue.toString()); + await new Promise((resolve) => setTimeout(resolve, 10)); + } + } + let clickCounter = 0; + const carameldansenfusion = async () => { + clickCounter++; + if (clickCounter >= 10) { + clickCounter = 0; + cycleColors(); + } + }; + onMount(() => { // Fetch initial posts getNextPosts().then((initialPosts) => { @@ -39,7 +59,7 @@

Loading...

{:then accountsData}
-

ATProto PDS

+

ATProto PDS

Home to {accountsData.length} accounts

{#each accountsData as accountObject} diff --git a/themes/default/theme.css b/themes/default/theme.css index 1b1682b..e4061ec 100644 --- a/themes/default/theme.css +++ b/themes/default/theme.css @@ -2,7 +2,8 @@ :root { /* Modern color palette */ - --link-color: #4f46e5; + --primary-h: 243; + --link-color: hsl(var(--primary-h), 73%, 59%); --link-hover-color: #4338ca; --time-color: #8b5cf6; --background-color: #f8fafc; @@ -342,7 +343,7 @@ h1 { font-size: 1.8em; margin-bottom: 16px; font-weight: 700; - background: linear-gradient(to right, #3b82f6, #8b5cf6); + background: linear-gradient(to right, var(--link-color), #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; diff --git a/themes/express/theme.css b/themes/express/theme.css index f442e76..cbc2336 100644 --- a/themes/express/theme.css +++ b/themes/express/theme.css @@ -234,6 +234,7 @@ a:hover { background-color: var(--header-background-color); padding: 0px; margin-bottom: 15px; + margin-right: 4px; border: 4px solid var(--border-color); box-shadow: var(--border-color) 10px 10px; }