This repository has no description
tweak styles of table
author
damedotblog
date
(Feb 22, 2025, 3:56 PM -0500)
commit
1b0b4354
1b0b43544d0962e3bd5dcef169435513a6a4ecf9
parent
d8f0d500
d8f0d500db01730c36622d70f5d0c99bcca7de0f
+81
-6
+1
public/index.html
+1
public/index.html
···
5
5
<link rel="icon" href="https://cred.blue/favicon.ico" />
6
6
<meta name="viewport" content="width=device-width, initial-scale=1" />
7
7
<meta name="theme-color" content="#000000" />
8
+
<meta name="shortcut-version" content="1.0" />
8
9
9
10
<!-- Basic Meta Tags -->
10
11
<meta name="description" content="Generate a Bluesky score. Understand your AT Proto data footprint. Vibe check strangers and new accounts." />
+2
src/App.jsx
+2
src/App.jsx
···
8
8
import Home from './components/Home/Home';
9
9
import Leaderboard from './components/Leaderboard/Leaderboard';
10
10
import Supporter from './components/Supporter/Supporter';
11
+
import Shortcut from './components/Shortcut/Shortcut';
11
12
import ScoringMethodology from './components/ScoringMethodology/ScoringMethodology';
12
13
import Terms from './components/PrivacyTerms/Terms';
13
14
import Privacy from './components/PrivacyTerms/Privacy';
···
36
37
<Route path="/newsletter" element={<Newsletter />} />
37
38
<Route path="/supporter" element={<Supporter />} />
38
39
<Route path="/leaderboard" element={<Leaderboard />} />
40
+
<Route path="/shortcut" element={<Shortcut />} />
39
41
<Route path="/zen" element={<ZenPage />} />
40
42
<Route path="/methodology" element={<ScoringMethodology />} />
41
43
{/* Handle both DIDs and regular usernames */}
+4
src/components/Leaderboard/Leaderboard.css
+4
src/components/Leaderboard/Leaderboard.css
+25
src/components/Shortcut/Shortcut.css
+25
src/components/Shortcut/Shortcut.css
···
1
+
.shortcut-page {
2
+
margin: 20px auto 20px;
3
+
max-width: 450px;
4
+
padding: 20px;
5
+
}
6
+
7
+
.shortcut-page .alt-card {
8
+
text-align: left;
9
+
}
10
+
11
+
.shortcut-page ul {
12
+
list-style: none;
13
+
text-align: center;
14
+
margin: 0px auto;
15
+
padding: 0px;
16
+
width: 100%;
17
+
opacity: 0.5;
18
+
}
19
+
20
+
.shortcut-buttons {
21
+
text-align: center;
22
+
display: flex;
23
+
gap: 17.3px;
24
+
justify-content: center;
25
+
}
+38
src/components/Shortcut/Shortcut.js
+38
src/components/Shortcut/Shortcut.js
···
1
+
// src/components/Shortcut/Shortcut.jsx
2
+
3
+
import React from 'react';
4
+
import './Shortcut.css';
5
+
6
+
const Shortcut = () => {
7
+
return (
8
+
<>
9
+
<main className="shortcut-page">
10
+
<div className="alt-card">
11
+
<h1>Download Apple Shortcut</h1>
12
+
13
+
<p>If you have an iPhone, iPad, or Macbook, you can download a special Apple Shortcut to your device that will allow you to quickly check a Bluesky account's cred.blue score while you're scrolling inside of the Bluesky app.
14
+
</p>
15
+
16
+
<p>Thank you for considering supporting me,</p>
17
+
18
+
<p>Dame</p>
19
+
<p><a href="https://bsky.app/profile/dame.is" target="_blank" rel="noreferrer">@dame.is</a></p>
20
+
21
+
<div className="shortcut-buttons">
22
+
<button
23
+
className="patreon-button"
24
+
type="button"
25
+
onClick={() => window.open(
26
+
`https://cred.blue/shortcut`, '_blank'
27
+
)}
28
+
>
29
+
Download Shortcut
30
+
</button>
31
+
</div>
32
+
</div>
33
+
</main>
34
+
</>
35
+
);
36
+
};
37
+
38
+
export default Shortcut;
+3
-6
src/components/UserProfile/UserProfile.css
+3
-6
src/components/UserProfile/UserProfile.css
···
180
180
margin: 0px;
181
181
font-size: 0.8em;
182
182
font-weight: 500;
183
+
margin-bottom: 4px;
183
184
}
184
185
185
186
.circular-badge {
···
309
310
.compare-button-container {
310
311
align-content: center;
311
312
grid-row: 3;
312
-
}
313
-
314
-
.share-button-profile {
315
-
margin-top: 5px;
316
313
}
317
314
318
315
.max-score {
···
517
514
.profile-sections-wrapper {
518
515
grid-template-columns: 1fr;
519
516
grid-template-rows: auto auto auto;
520
-
gap: 37.7px;
517
+
gap: 27px;
521
518
}
522
519
523
520
.profile-section.left-section {
···
604
601
}
605
602
606
603
.profile-section.middle-section {
607
-
margin-top: -91.3px;
604
+
margin-top: -85.7px;
608
605
gap: 13.5px;
609
606
grid-column: 1;
610
607
grid-row: 2;