This repository has no description
add shortcut stuff
author
damedotblog
date
(Feb 24, 2025, 1:19 PM -0500)
commit
6000a762
6000a762068e74d5b2d9e734752f74ba54b2f58f
parent
430c2e83
430c2e83a372c5aa7a1551b5041752d62109401b
+43
-18
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.
+13
src/components/Shortcut/Shortcut.css
+13
src/components/Shortcut/Shortcut.css
···
22
22
display: flex;
23
23
gap: 17.3px;
24
24
justify-content: center;
25
+
}
26
+
27
+
.image-container {
28
+
display: flex;
29
+
flex-direction: column;
30
+
justify-content: center;
31
+
gap: 20px;
32
+
margin-top: 20px;
33
+
}
34
+
35
+
.shortcut-image {
36
+
max-width: 100%;
37
+
height: auto;
25
38
}
+30
-18
src/components/Shortcut/Shortcut.js
+30
-18
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>
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.
9
+
<div className="alt-card">
10
+
<h1>Download Apple Shortcut</h1>
11
+
<p>
12
+
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
13
</p>
15
-
16
-
<p>Thank you for considering supporting me,</p>
17
14
18
-
<p>Dame</p>
19
-
<p><a href="https://bsky.app/profile/dame.is" target="_blank" rel="noreferrer">@dame.is</a></p>
15
+
<div className="image-container">
16
+
<img
17
+
src="/how-to-use-cred-blue-shortcut.png"
18
+
alt="How to use Cred.blue Shortcut"
19
+
className="shortcut-image"
20
+
/>
21
+
</div>
20
22
21
23
<div className="shortcut-buttons">
22
-
<button
24
+
<button
23
25
className="patreon-button"
24
26
type="button"
25
-
onClick={() => window.open(
26
-
`https://cred.blue/shortcut`, '_blank'
27
-
)}
28
-
>
29
-
Download Shortcut
30
-
</button>
27
+
onClick={() => window.open('https://cred.blue/shortcut', '_blank')}
28
+
>
29
+
Download Shortcut
30
+
</button>
31
31
</div>
32
-
</div>
32
+
33
+
<p>
34
+
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.
35
+
</p>
36
+
37
+
<div className="image-container">
38
+
<img
39
+
src="/enable-share-sheet.png"
40
+
alt="Enable Share Sheet"
41
+
className="shortcut-image"
42
+
/>
43
+
</div>
44
+
</div>
33
45
</main>
34
46
</>
35
47
);
36
48
};
37
49
38
-
export default Shortcut;
50
+
export default Shortcut;