This repository has no description
add supporter page
author
damedotblog
date
(Feb 20, 2025, 11:13 PM -0500)
commit
0fc797ab
0fc797abfe2f6cb30d3d372b6fd17e3bc7844caa
parent
52c6e890
52c6e890b83ad7d48f784ff8be26ae527b39c17f
+67
+2
src/App.jsx
+2
src/App.jsx
···
6
6
import Newsletter from './components/Newsletter/Newsletter';
7
7
import About from './components/About/About';
8
8
import Home from './components/Home/Home';
9
+
import Supporter from './components/Supporter/Supporter';
9
10
import ScoringMethodology from './components/ScoringMethodology/ScoringMethodology';
10
11
import Terms from './components/PrivacyTerms/Terms';
11
12
import Privacy from './components/PrivacyTerms/Privacy';
···
32
33
<Route path="/privacy" element={<Privacy />} />
33
34
<Route path="/terms" element={<Terms />} />
34
35
<Route path="/newsletter" element={<Newsletter />} />
36
+
<Route path="/supporter" element={<Supporter />} />
35
37
<Route path="/:username" element={<UserProfile />} />
36
38
<Route path="/zen" element={<ZenPage />} />
37
39
<Route path="/methodology" element={<ScoringMethodology />} />
+18
src/components/Supporter/Supporter.css
+18
src/components/Supporter/Supporter.css
···
1
+
.supporter-page {
2
+
margin: 20px auto 20px;
3
+
max-width: 450px;
4
+
padding: 20px;
5
+
}
6
+
7
+
.supporter-page .alt-card {
8
+
text-align: left;
9
+
}
10
+
11
+
.supporter-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
+
}
+47
src/components/Supporter/Supporter.js
+47
src/components/Supporter/Supporter.js
···
1
+
// src/components/About/About.jsx
2
+
3
+
import React from 'react';
4
+
import './Supporter.css';
5
+
6
+
const Supporter = () => {
7
+
return (
8
+
<>
9
+
<main className="supporter-page">
10
+
<div className="alt-card">
11
+
<h1>Become a Supporter</h1>
12
+
<div className="supporter-buttons">
13
+
<button
14
+
className="patreon-button"
15
+
type="button"
16
+
onClick={() => window.open(
17
+
`https://patreon.com/dameis`, '_blank'
18
+
)}
19
+
>
20
+
Monthly Donation
21
+
</button>
22
+
<button
23
+
className="ko-fi-button"
24
+
type="button"
25
+
onClick={() => window.open(
26
+
`https://ko-fi.com/dameis`, '_blank'
27
+
)}
28
+
>
29
+
One-time Tip
30
+
</button>
31
+
</div>
32
+
<p>My name is Dame. I'm an artist and software experimentalist who has been creating resources, tools, and content for the AT Protocol + Bluesky community for the past several months during my professional (unpaid) sabbatical. I've been a part of Bluesky since almost the very beginning (user #1,216), and I've developed a keen interest in helping make the "Atmosphere" better.</p>
33
+
34
+
<p>Today I'm launching the beta version of a new platform I've created called cred.blue. It allows you to generate a Bluesky "credibility" score, helps you understand your AT Protocol data footprint, and let's you vibe check strangers and new accounts. Bots, fake accounts, and bad actors are all over the place these days, so it's my hope that this platform can play a small part in helping you better navigate the digital spaces we inhabit.</p>
35
+
36
+
<p>Launching and maintaining a project of this nature requires a significant time investment as well as ongoing costs in the form of servers, hosting, and various services. It's my hope that through this Patreon I'll be able to at least cover the upkeep costs of the various free resources I've made. I should be able to do that well for around ~$350. Beyond that, I'm interested in focusing more of my time towards creating new projects, tools, and resources that can help people live healthier digital lives... both within the AT Protocol + Bluesky ecosystem and beyond.</p>
37
+
38
+
<p>Thank you for considering supporting me,</p>
39
+
40
+
<p>Dame</p>
41
+
</div>
42
+
</main>
43
+
</>
44
+
);
45
+
};
46
+
47
+
export default Supporter;