This repository has no description
style loader and fix at proto mentions
author
damedotblog
date
(Feb 19, 2025, 1:46 PM -0500)
commit
c2bb84bc
c2bb84bc91983077dd999ce2f190dd5dfb86fc65
parent
ebee5f76
ebee5f7677d1b575e64013e73b58ff91609a32c4
+47
-68
+1
-1
src/components/CompareScores/CompareScoresResults.js
+1
-1
src/components/CompareScores/CompareScoresResults.js
+1
-1
src/components/Home/Home.js
+1
-1
src/components/Home/Home.js
···
15
15
/>
16
16
<h1>Welcome</h1>
17
17
<p>
18
-
Generate a Bluesky credibility score. Understand your Atproto data footprint. Vibe check strangers and new accounts.
18
+
Generate a Bluesky credibility score. Understand your AT Proto data footprint. Vibe check strangers and new accounts.
19
19
</p>
20
20
<p className="disclaimer">
21
21
<strong>Note:</strong> this tool is currently in beta and things will change.
+32
-6
src/components/MatterLoadingAnimation.css
+32
-6
src/components/MatterLoadingAnimation.css
···
15
15
16
16
.loading-text {
17
17
font-size: 1em;
18
-
margin-top: 20px;
18
+
margin-top: 0px;
19
+
margin-bottom: 0px;
19
20
color: #004f84e6;
20
21
opacity: 1;
21
22
transition: opacity 0.5s ease-in-out;
···
37
38
.circle-counters {
38
39
display: flex;
39
40
gap: 24.5px;;
40
-
margin-top: 10px;
41
41
font-size: 1.2em;
42
42
align-content: center;
43
43
justify-content: center;
···
47
47
margin: 0px;
48
48
}
49
49
50
-
.dark-mode .circle-counters {
51
-
opacity: 50%;
52
-
}
53
-
54
50
.counter-item {
55
51
display: flex;
56
52
align-items: center;
57
53
gap: 8px;
58
54
}
55
+
56
+
.version-number p {
57
+
margin: 0px;
58
+
}
59
59
60
60
.legend-circle {
61
61
width: 12px;
···
74
74
.special-circle {
75
75
background-color: #FFD700;
76
76
border-color: #FFA500;
77
+
}
78
+
79
+
.loading-text-container {
80
+
display: flex;
81
+
flex-direction: column;
82
+
align-content: center;
83
+
justify-content: center;
84
+
text-align: center;
85
+
gap: 17px;
86
+
}
87
+
88
+
.loading-container-1 {
89
+
gap: 17px;
90
+
}
91
+
92
+
.counter-item-regular {
93
+
color: #004f84e6;
94
+
}
95
+
96
+
.counter-item-special {
97
+
color: orange;
98
+
}
99
+
100
+
.version-number {
101
+
font-size: 0.7em;
102
+
opacity: 0.5;
77
103
}
+2
-2
src/components/PrivacyTerms/Privacy.js
+2
-2
src/components/PrivacyTerms/Privacy.js
···
23
23
24
24
<h3>Information We Access</h3>
25
25
<ul>
26
-
<li>Public Bluesky/Atproto PDS data associated with searched user accounts</li>
26
+
<li>Public Bluesky/AT Protocol PDS data associated with searched user accounts</li>
27
27
<li>This includes publicly available posts, follows, likes, and other public account information</li>
28
28
</ul>
29
29
···
61
61
<h2>Third-Party Services</h2>
62
62
<ul>
63
63
<li>We use Bluesky's authentication system for user login</li>
64
-
<li>We access public data through Atproto/Bluesky PDSs</li>
64
+
<li>We access public data through AT Protocol/Bluesky PDSs</li>
65
65
<li>We do not share any collected information with third parties</li>
66
66
</ul>
67
67
+4
-4
src/components/ScoreResult.js
+4
-4
src/components/ScoreResult.js
···
146
146
147
147
{/* Atproto Score Breakdown */}
148
148
<div className="breakdown-section">
149
-
<h4>Atproto Score Breakdown</h4>
149
+
<h4>AT Proto Score Breakdown</h4>
150
150
{atprotoBreakdown.length > 0 ? (
151
151
<ul>
152
152
{atprotoBreakdown.map((item, index) => (
···
168
168
))}
169
169
</ul>
170
170
) : (
171
-
<p>No Atproto score breakdown available.</p>
171
+
<p>No AT Proto score breakdown available.</p>
172
172
)}
173
173
</div>
174
174
</div>
···
194
194
checked={showAtproto}
195
195
onChange={() => setShowAtproto((prev) => !prev)}
196
196
/>
197
-
Show Atproto Score
197
+
Show AT Proto Score
198
198
</label>
199
199
</div>
200
200
);
···
214
214
<p>{`Bluesky Score: ${dataPoint.Bluesky || 0}`}</p>
215
215
)}
216
216
{showAtproto && (
217
-
<p>{`Atproto Score: ${dataPoint.Atproto || 0}`}</p>
217
+
<p>{`AT Proto Score: ${dataPoint.Atproto || 0}`}</p>
218
218
)}
219
219
<p>{`Combined Score: ${dataPoint.Combined || 0}`}</p>
220
220
</div>
+2
-2
src/components/UserProfile/UserProfile.js
+2
-2
src/components/UserProfile/UserProfile.js
···
272
272
<div className="user-profile-data-group">
273
273
<div className="user-profile-score">
274
274
<p><strong>Bluesky Score:</strong> {selectedAccountData.blueskyScore}</p>
275
-
<p><strong>Atproto Score:</strong> {selectedAccountData.atprotoScore}</p>
275
+
<p><strong>AT Proto Score:</strong> {selectedAccountData.atprotoScore}</p>
276
276
</div>
277
277
<div className="user-profile-activity">
278
278
<p><strong>Bluesky Status:</strong> {selectedAccountData.activityAll.bskyActivityStatus}</p>
279
-
<p><strong>Atproto Status:</strong> {selectedAccountData.activityAll.atprotoActivityStatus}</p>
279
+
<p><strong>AT Proto Status:</strong> {selectedAccountData.activityAll.atprotoActivityStatus}</p>
280
280
</div>
281
281
</div>
282
282
<div className="share-button-container">
-51
src/components/UserProfile/components/ScoresCard.js
-51
src/components/UserProfile/components/ScoresCard.js
···
1
-
// src/components/ScoreCard/ScoreCard.js
2
-
import React from 'react';
3
-
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
4
-
5
-
const ScoreCard = ({ blueskyScore, atprotoScore }) => {
6
-
// Ensure scores are within 0-100
7
-
const validatedBlueskyScore = Math.max(0, Math.min(blueskyScore, 100));
8
-
const validatedAtprotoScore = Math.max(0, Math.min(atprotoScore, 100));
9
-
10
-
// Data for the bar chart
11
-
const data = [
12
-
{
13
-
name: 'Scores',
14
-
'Bluesky Score': validatedBlueskyScore,
15
-
'Atproto Score': validatedAtprotoScore,
16
-
},
17
-
];
18
-
19
-
return (
20
-
<div className="score-card">
21
-
<h2>Account Scores</h2>
22
-
<ResponsiveContainer width="100%" height={150}>
23
-
<BarChart
24
-
data={data}
25
-
layout="vertical"
26
-
margin={{ top: 20, right: 30, left: 20, bottom: 20 }}
27
-
>
28
-
<CartesianGrid strokeDasharray="3 3" />
29
-
<XAxis type="number" domain={[0, 100]} />
30
-
<YAxis type="category" dataKey="name" hide />
31
-
<Tooltip />
32
-
<Legend verticalAlign="top" height={36} />
33
-
<Bar dataKey="Bluesky Score" fill="#8884d8" barSize={20} />
34
-
<Bar dataKey="Atproto Score" fill="#82ca9d" barSize={20} />
35
-
</BarChart>
36
-
</ResponsiveContainer>
37
-
<div className="score-values">
38
-
<div className="score-item">
39
-
<span className="score-label bluesky">Bluesky Score:</span>
40
-
<span className="score-number">{validatedBlueskyScore}/100</span>
41
-
</div>
42
-
<div className="score-item">
43
-
<span className="score-label atproto">Atproto Score:</span>
44
-
<span className="score-number">{validatedAtprotoScore}/100</span>
45
-
</div>
46
-
</div>
47
-
</div>
48
-
);
49
-
};
50
-
51
-
export default ScoreCard;