This repository has no description
fix styles
author
damedotblog
date
(Mar 15, 2025, 12:49 PM -0400)
commit
64274a01
64274a01847edf35d13fbc2caa1f403f47031951
parent
46d1b87d
46d1b87d0c91e589612500721292ff9b7ed58e0c
+17
-75
+2
-3
app/src/app/about/about.module.css
+2
-3
app/src/app/about/about.module.css
···
7
7
8
8
.header {
9
9
text-align: center;
10
-
margin-bottom: 3rem;
10
+
margin-bottom: 2rem;
11
11
}
12
12
13
13
.title {
···
25
25
}
26
26
27
27
.section {
28
-
margin-bottom: 3rem;
28
+
margin-bottom: 2rem;
29
29
background-color: var(--card-background);
30
30
border-radius: 1rem;
31
31
padding: 2rem;
···
62
62
}
63
63
64
64
.featureList li {
65
-
margin-bottom: 0.75rem;
66
65
line-height: 1.6;
67
66
}
68
67
+1
-1
app/src/app/globals.css
+1
-1
app/src/app/globals.css
-19
app/src/app/page.tsx
-19
app/src/app/page.tsx
···
356
356
<div className={styles.container}>
357
357
<header className={styles.header}>
358
358
<div className={styles.headerContent}>
359
-
<h1 className={styles.title}>Flushes 🧻</h1>
360
-
<p className={styles.subtitle}>https://flushes.app 🚽</p>
361
359
<p className={styles.description}>
362
360
The world's 1st decentralized social media app for sharing when you're on the toilet. Powered by the AT Protocol. Your flushes are saved to your PDS via the im.flushing lexicon.<br />
363
361
<span className={styles.creditLine}>
···
366
364
</span>
367
365
</p>
368
366
</div>
369
-
<div className={styles.headerActions}>
370
-
{isAuthenticated ? (
371
-
<>
372
-
<Link href={`/profile/${handle}`} className={styles.userInfo}>@{handle}</Link>
373
-
<button onClick={handleLogout} className={styles.logoutButton}>
374
-
Logout
375
-
</button>
376
-
</>
377
-
) : (
378
-
<Link href="/auth/login" className={styles.loginButton}>
379
-
Login with Bluesky
380
-
</Link>
381
-
)}
382
-
</div>
383
367
</header>
384
-
385
-
{/* Plumbing Stats link - visible to all users */}
386
-
<Link href="/stats" className={styles.statsLink}>View Plumbing Stats 🪠</Link>
387
368
388
369
{/* Status update section - only visible when logged in */}
389
370
{isAuthenticated && (
-28
app/src/app/stats/page.tsx
-28
app/src/app/stats/page.tsx
···
98
98
99
99
return (
100
100
<div className={styles.container}>
101
-
<header className={styles.header}>
102
-
<div className={styles.headerContent}>
103
-
<h1 className={styles.title}>Flushes 🧻</h1>
104
-
<p className={styles.subtitle}>https://flushes.app 🚽</p>
105
-
<p className={styles.description}>
106
-
The world's first decentralized social media app for sharing when you're on the toilet. Connect with other bathroom enjoyers all over the world by posting "flushes"! Powered by the AT Protocol. Your status updates are saved to your PDS with the im.flushing lexicon.<br />
107
-
<span className={styles.creditLine}>
108
-
Made by <a href="https://bsky.app/profile/dame.is" target="_blank" rel="noopener noreferrer">@dame.is</a>.
109
-
Like the app? Consider contributing to <a href="https://ko-fi.com/dameis" target="_blank" rel="noopener noreferrer" className={styles.kofiLink}>my toilet paper fund</a>.
110
-
</span>
111
-
</p>
112
-
</div>
113
-
<div className={styles.headerActions}>
114
-
{isAuthenticated ? (
115
-
<>
116
-
<Link href={`/profile/${handle}`} className={styles.userInfo}>@{handle}</Link>
117
-
<button onClick={handleLogout} className={styles.logoutButton}>
118
-
Logout
119
-
</button>
120
-
</>
121
-
) : (
122
-
<Link href="/auth/login" className={styles.loginButton}>
123
-
Login with Bluesky
124
-
</Link>
125
-
)}
126
-
</div>
127
-
</header>
128
-
129
101
<div className={styles.statsHeader}>
130
102
<h2>Plumbing Stats 🪠</h2>
131
103
<p className={styles.statsSubtitle}>