This repository has no description
Merge branch 'testing'
author
damedotblog
date
(Feb 24, 2025, 1:53 PM -0500)
commit
9b20adcd
9b20adcd30a32521b6a2e09df02b1f82ddd94d4a
parent
b9695124
b9695124e12b3eb76cdf7a0c54742c77712fbd84
+67
-21
+10
package-lock.json
+10
package-lock.json
···
27
27
"react-dom": "^18.2.0",
28
28
"react-grid-layout": "^1.5.0",
29
29
"react-helmet": "^6.1.0",
30
+
"react-image-gallery": "^1.4.0",
30
31
"react-resizable": "^3.0.5",
31
32
"react-router-dom": "^6.28.1",
32
33
"react-scripts": "^5.0.1",
···
15050
15051
},
15051
15052
"peerDependencies": {
15052
15053
"react": ">=16.3.0"
15054
+
}
15055
+
},
15056
+
"node_modules/react-image-gallery": {
15057
+
"version": "1.4.0",
15058
+
"resolved": "https://registry.npmjs.org/react-image-gallery/-/react-image-gallery-1.4.0.tgz",
15059
+
"integrity": "sha512-m7xLq7+g6/xh+BhVMAxvRU0132sNcEFglYsVsgthrnItl9VtLE7MuVvVWD9pvzcI+WBP5+p9HvnRwIiyhPkBDg==",
15060
+
"license": "MIT",
15061
+
"peerDependencies": {
15062
+
"react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
15053
15063
}
15054
15064
},
15055
15065
"node_modules/react-is": {
+1
package.json
+1
package.json
public/how-to-use-cred-blue-shortcut.png
public/how-to-use-cred-blue-shortcut.png
This is a binary file and will not be displayed.
+16
-1
src/components/Shortcut/Shortcut.css
+16
-1
src/components/Shortcut/Shortcut.css
···
20
20
.shortcut-buttons {
21
21
text-align: center;
22
22
display: flex;
23
-
gap: 17.3px;
23
+
flex-direction: column;
24
+
justify-content: center;
25
+
margin-top: 20px;
26
+
margin-bottom: 20px;
27
+
}
28
+
29
+
.image-container {
30
+
display: flex;
31
+
flex-direction: column;
24
32
justify-content: center;
33
+
gap: 20px;
34
+
margin-top: 20px;
35
+
}
36
+
37
+
.shortcut-image {
38
+
max-width: 100%;
39
+
height: auto;
25
40
}
+40
-20
src/components/Shortcut/Shortcut.js
+40
-20
src/components/Shortcut/Shortcut.js
···
1
1
// src/components/Shortcut/Shortcut.jsx
2
-
3
2
import React from 'react';
4
3
import './Shortcut.css';
5
4
···
7
6
return (
8
7
<>
9
8
<main className="shortcut-page">
10
-
<div className="alt-card">
11
-
<h1>Download Apple Shortcut</h1>
9
+
<div className="alt-card">
10
+
<h1>Apple Shortcut</h1>
12
11
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.
12
+
<div className="shortcut-buttons">
13
+
<button
14
+
className="shortcut-button"
15
+
type="button"
16
+
onClick={() => window.open('https://www.icloud.com/shortcuts/d399b453ae774a43a95e0caf35c120c7', '_blank')}
17
+
>
18
+
Download
19
+
</button>
20
+
<p className="disclaimer">
21
+
Version 1.0
22
+
</p>
23
+
</div>
24
+
25
+
<p>
26
+
If you have an iPhone, 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
27
</p>
15
-
16
-
<p>Thank you for considering supporting me,</p>
17
28
18
-
<p>Dame</p>
19
-
<p><a href="https://bsky.app/profile/dame.is" target="_blank" rel="noreferrer">@dame.is</a></p>
29
+
<p>
30
+
You don't even have to go to an account's profile for the shortcut to work. You can tap the share button on any post, profile, or even use the "copy author DID" or "copy post URI" buttons in developer mode, letting you quickly check a score even from within a thread or a feed.
31
+
</p>
20
32
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>
33
+
<div className="image-container">
34
+
<img
35
+
src="/how-to-use-cred-blue-shortcut.png"
36
+
alt="How to use Cred.blue Shortcut"
37
+
className="shortcut-image"
38
+
/>
31
39
</div>
32
-
</div>
40
+
41
+
<p>
42
+
Once you have the Apple Shortcut installed, go through the setup process to enter your username and then check to make sure that the Share Sheet feature has been enabled.
43
+
</p>
44
+
45
+
<div className="image-container">
46
+
<img
47
+
src="/enable-share-sheet.png"
48
+
alt="Enable Share Sheet"
49
+
className="shortcut-image"
50
+
/>
51
+
</div>
52
+
</div>
33
53
</main>
34
54
</>
35
55
);
36
56
};
37
57
38
-
export default Shortcut;
58
+
export default Shortcut;