This repository has no description
1// src/components/Shortcut/Shortcut.jsx
2import React from 'react';
3import './Shortcut.css';
4
5const Shortcut = () => {
6 return (
7 <>
8 <main className="shortcut-page">
9 <div className="alt-card">
10 <h1>Apple Shortcut</h1>
11
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.1
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.
27 </p>
28
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>
32
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 />
39 </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>
53 </main>
54 </>
55 );
56};
57
58export default Shortcut;