Compare commits

..

No commits in common. "4a3d55634d53c0255af0d2dec723a3f4f2c36471" and "7dd07d95c807fdb488dd5cdb74e640d1869a4608" have entirely different histories.

4 changed files with 4 additions and 37 deletions

View file

@ -6,26 +6,15 @@ on:
- main - main
- astra/ci - astra/ci
jobs: jobs:
deploy: deploy:
name: Deploy name: Deploy
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- name: Checkout main repo - name: Checkout repo
uses: actions/checkout@v4 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 - name: Setup Node.js
uses: actions/setup-node@v3 uses: actions/setup-node@v3
with: with:

View file

@ -9,26 +9,6 @@
let posts: Post[] = []; 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(() => { onMount(() => {
// Fetch initial posts // Fetch initial posts
getNextPosts().then((initialPosts) => { getNextPosts().then((initialPosts) => {
@ -59,7 +39,7 @@
<p>Loading...</p> <p>Loading...</p>
{:then accountsData} {:then accountsData}
<div id="Account"> <div id="Account">
<h1 onclick={carameldansenfusion} id="Header">ATProto PDS</h1> <h1 id="Header">ATProto PDS</h1>
<p>Home to {accountsData.length} accounts</p> <p>Home to {accountsData.length} accounts</p>
<div id="accountsList"> <div id="accountsList">
{#each accountsData as accountObject} {#each accountsData as accountObject}

View file

@ -2,8 +2,7 @@
:root { :root {
/* Modern color palette */ /* Modern color palette */
--primary-h: 243; --link-color: #4f46e5;
--link-color: hsl(var(--primary-h), 73%, 59%);
--link-hover-color: #4338ca; --link-hover-color: #4338ca;
--time-color: #8b5cf6; --time-color: #8b5cf6;
--background-color: #f8fafc; --background-color: #f8fafc;
@ -343,7 +342,7 @@ h1 {
font-size: 1.8em; font-size: 1.8em;
margin-bottom: 16px; margin-bottom: 16px;
font-weight: 700; font-weight: 700;
background: linear-gradient(to right, var(--link-color), #8b5cf6); background: linear-gradient(to right, #3b82f6, #8b5cf6);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;

View file

@ -234,7 +234,6 @@ a:hover {
background-color: var(--header-background-color); background-color: var(--header-background-color);
padding: 0px; padding: 0px;
margin-bottom: 15px; margin-bottom: 15px;
margin-right: 4px;
border: 4px solid var(--border-color); border: 4px solid var(--border-color);
box-shadow: var(--border-color) 10px 10px; box-shadow: var(--border-color) 10px 10px;
} }