source for getorbyt.com
getorbyt.com/
client
bsky
orbytapp
app
orbyt
bluesky
getorbyt
orbytvideo
atproto
video
refactor: remove ExternalServiceRedirectPage and associated routes
- Delete ExternalServiceRedirectPage component and its usage in the iOS and Discord pages.
- Update sitemap to remove the Discord page from the routing structure.
- Clean up astro.config.mjs by removing the iOS redirect configuration.
+1
-170
+1
-1
README.md
+1
-1
README.md
···
47
47
2. Video URL from embed (playlist or `video.bsky.app/watch/...`)
48
48
3. HLS.js client-side playback, view transitions
49
49
50
-
**Static pages:** `/`, `/about`, `/android`, `/app`, `/contact`, `/discord`, `/terms`, `/privacy` — all prerendered
50
+
**Static pages:** `/`, `/about`, `/android`, `/app`, `/contact`, `/terms`, `/privacy` — all prerendered
51
51
52
52
## Deployment
53
53
-3
astro.config.mjs
-3
astro.config.mjs
-140
src/components/ExternalServiceRedirectPage.astro
-140
src/components/ExternalServiceRedirectPage.astro
···
1
-
---
2
-
import DocumentColorScheme from './DocumentColorScheme.astro';
3
-
import { SITE_DOCUMENT } from '../utils/site-document-theme';
4
-
5
-
interface Props {
6
-
destinationUrl: string;
7
-
title?: string;
8
-
message?: string;
9
-
emojis?: string;
10
-
autoRedirectDelayMs?: number;
11
-
manualLinkLabel?: string;
12
-
appleItunesAppId?: string;
13
-
appleItunesAppArgument?: string;
14
-
}
15
-
16
-
const {
17
-
destinationUrl,
18
-
title = 'Redirecting - orbyt',
19
-
message = 'routing you to your destination...',
20
-
emojis = '🚙💨',
21
-
autoRedirectDelayMs = 700,
22
-
manualLinkLabel = 'open destination',
23
-
appleItunesAppId,
24
-
appleItunesAppArgument,
25
-
} = Astro.props;
26
-
27
-
const appleItunesContent = appleItunesAppId
28
-
? `app-id=${appleItunesAppId}${appleItunesAppArgument ? `, app-argument=${appleItunesAppArgument}` : ''}`
29
-
: undefined;
30
-
---
31
-
32
-
<!doctype html>
33
-
<html lang="en" class="orbyt-doc-dark">
34
-
<head>
35
-
<meta charset="utf-8">
36
-
<DocumentColorScheme
37
-
colorScheme="dark"
38
-
themeColor={SITE_DOCUMENT.orbytBlack}
39
-
tileColor={SITE_DOCUMENT.orbytBlack}
40
-
/>
41
-
<link rel="stylesheet" href="/css/tokens.css" />
42
-
<meta name="viewport" content="width=device-width, initial-scale=1">
43
-
<title>{title}</title>
44
-
{appleItunesContent && <meta name="apple-itunes-app" content={appleItunesContent} />}
45
-
<link rel="canonical" href={destinationUrl}>
46
-
<script is:inline define:vars={{ destinationUrl, autoRedirectDelayMs }}>
47
-
const redirect = () => {
48
-
window.location.assign(destinationUrl);
49
-
};
50
-
51
-
window.setTimeout(redirect, autoRedirectDelayMs);
52
-
</script>
53
-
<style>
54
-
@font-face {
55
-
font-family: 'Figtree';
56
-
src: url('/fonts/Figtree/Figtree-VariableFont_wght.woff2') format('woff2');
57
-
font-weight: 300 900;
58
-
font-style: normal;
59
-
font-display: fallback;
60
-
}
61
-
html, body {
62
-
margin: 0;
63
-
padding: 0;
64
-
background: #000;
65
-
color: #fff;
66
-
height: 100vh;
67
-
}
68
-
body {
69
-
display: flex;
70
-
flex-direction: column;
71
-
align-items: center;
72
-
justify-content: center;
73
-
position: relative;
74
-
}
75
-
.container {
76
-
display: flex;
77
-
flex-direction: column;
78
-
align-items: center;
79
-
gap: 20px;
80
-
}
81
-
.emojis {
82
-
font-size: 70px;
83
-
line-height: 1;
84
-
}
85
-
.text {
86
-
font-family: 'Figtree', sans-serif;
87
-
font-weight: 300;
88
-
font-size: 20px;
89
-
color: #fff;
90
-
text-align: center;
91
-
max-width: 320px;
92
-
}
93
-
.manual-link {
94
-
display: inline-flex;
95
-
align-items: center;
96
-
justify-content: center;
97
-
text-decoration: none;
98
-
font-family: 'Figtree', sans-serif;
99
-
font-weight: 700;
100
-
font-size: 16px;
101
-
color: #e0ebff;
102
-
background: #551def;
103
-
border: 2px solid #000;
104
-
border-radius: 999px;
105
-
padding: 12px 18px;
106
-
}
107
-
.logo-icon {
108
-
width: 80px;
109
-
height: auto;
110
-
position: absolute;
111
-
bottom: 40px;
112
-
}
113
-
.logo-icon .logo-fg {
114
-
fill: #f3f5fe;
115
-
stroke: #f3f5fe;
116
-
}
117
-
</style>
118
-
</head>
119
-
<body>
120
-
<div class="container">
121
-
<div class="emojis">{emojis}</div>
122
-
<div class="text">{message}</div>
123
-
<a class="manual-link" href={destinationUrl}>{manualLinkLabel}</a>
124
-
</div>
125
-
<noscript>
126
-
<p><a href={destinationUrl}>{manualLinkLabel}</a></p>
127
-
</noscript>
128
-
<svg class="logo-icon" xmlns="http://www.w3.org/2000/svg" viewBox="65 65 894 894">
129
-
<defs>
130
-
<mask id="cutout-mask">
131
-
<rect x="65" y="65" width="894" height="894" fill="white"/>
132
-
<path fill="black" fill-rule="evenodd" d="M349 129.3c-23.9 5.4-36.8 31.5-26.1 53.2 8 16.2 25.2 24.4 42.1 20.1 7.4-1.9 5.3-3.4 18.5 13.9 10.3 13.6 33.6 44.2 36.7 48.4 3.5 4.6 3.5 4.6-1.1 8.9-5.9 5.6-14.1 16.9-19 26-5 9.4-3.4 8.6-22.1 10.2-136.2 11.1-177 34.7-192.6 111.5-16.5 81.2-16.5 193.6.1 276.7 10.5 52.9 39.8 83.7 89.3 93.9 6 1.3 6 1.3 2.5 8.8-18.4 39.4-5.4 73.1 30 78.1 24.5 3.5 32.3-1.8 73.7-50 20.8-24.3 16.8-22.1 37-20.5 50.9 4.1 138.2 4.1 189 0 20.2-1.6 16.2-3.8 37 20.5 41.4 48.2 49.2 53.5 73.7 50 35.4-5 48.4-38.7 30-78.1-3.5-7.5-3.5-7.5 2.5-8.8 49.5-10.2 78.8-41 89.3-93.9 16.6-83.1 16.6-195.5.1-276.7C824 344.7 783.2 321.1 647 310c-18.7-1.6-17.1-.8-22.1-10.2-4.9-9.1-13.1-20.4-19-26-4.6-4.3-4.6-4.3-1.1-8.9 3.1-4.2 26.4-34.8 36.7-48.4 13.2-17.3 11.1-15.8 18.5-13.9 41.5 10.6 64.2-49.2 26.3-69.3-32-17.1-68 17.2-51.7 49.3 3.1 6.1 3.1 6.1-11.8 25.5-8.2 10.7-20 26-26.1 34.1-11.1 14.8-11.1 14.8-14.7 12.6-44.5-26.5-94.5-26.5-139 0-3.6 2.2-3.6 2.2-14.7-12.6-6.1-8.1-17.9-23.4-26.1-34.1-14.9-19.4-14.9-19.4-11.8-25.5 13.8-27.1-11.7-59.8-41.4-53.3m249.3 243.2C752 381.3 773.8 399.3 781.1 523c5.8 98.9-9.4 168.3-41.5 189.8-59.5 39.8-394.7 39.8-454.2 0-32.1-21.5-47.3-90.9-41.5-189.8 7.7-130.5 28.8-144.8 226.1-152.4 19.3-.8 104.3.5 128.3 1.9Z"/>
133
-
<rect fill="black" x="372" y="482" width="82" height="136" rx="41" ry="41"/>
134
-
<rect fill="black" x="570" y="482" width="82" height="136" rx="41" ry="41"/>
135
-
</mask>
136
-
</defs>
137
-
<path class="logo-fg" mask="url(#cutout-mask)" stroke-width="65" stroke-linejoin="round" stroke-linecap="round" d="M349 129.3c-23.9 5.4-36.8 31.5-26.1 53.2 8 16.2 25.2 24.4 42.1 20.1 7.4-1.9 5.3-3.4 18.5 13.9 10.3 13.6 33.6 44.2 36.7 48.4 3.5 4.6 3.5 4.6-1.1 8.9-5.9 5.6-14.1 16.9-19 26-5 9.4-3.4 8.6-22.1 10.2-136.2 11.1-177 34.7-192.6 111.5-16.5 81.2-16.5 193.6.1 276.7 10.5 52.9 39.8 83.7 89.3 93.9 6 1.3 6 1.3 2.5 8.8-18.4 39.4-5.4 73.1 30 78.1 24.5 3.5 32.3-1.8 73.7-50 20.8-24.3 16.8-22.1 37-20.5 50.9 4.1 138.2 4.1 189 0 20.2-1.6 16.2-3.8 37 20.5 41.4 48.2 49.2 53.5 73.7 50 35.4-5 48.4-38.7 30-78.1-3.5-7.5-3.5-7.5 2.5-8.8 49.5-10.2 78.8-41 89.3-93.9 16.6-83.1 16.6-195.5.1-276.7C824 344.7 783.2 321.1 647 310c-18.7-1.6-17.1-.8-22.1-10.2-4.9-9.1-13.1-20.4-19-26-4.6-4.3-4.6-4.3-1.1-8.9 3.1-4.2 26.4-34.8 36.7-48.4 13.2-17.3 11.1-15.8 18.5-13.9 41.5 10.6 64.2-49.2 26.3-69.3-32-17.1-68 17.2-51.7 49.3 3.1 6.1 3.1 6.1-11.8 25.5-8.2 10.7-20 26-26.1 34.1-11.1 14.8-11.1 14.8-14.7 12.6-44.5-26.5-94.5-26.5-139 0-3.6 2.2-3.6 2.2-14.7-12.6-6.1-8.1-17.9-23.4-26.1-34.1-14.9-19.4-14.9-19.4-11.8-25.5 13.8-27.1-11.7-59.8-41.4-53.3Z"/>
138
-
</svg>
139
-
</body>
140
-
</html>
-10
src/pages/discord.astro
-10
src/pages/discord.astro
···
1
-
---
2
-
export const prerender = true;
3
-
import ExternalServiceRedirectPage from '../components/ExternalServiceRedirectPage.astro';
4
-
---
5
-
<ExternalServiceRedirectPage
6
-
destinationUrl="https://community.getorbyt.com"
7
-
title="Community - orbyt"
8
-
message="routing you to community..."
9
-
emojis="🚙💨"
10
-
/>
-15
src/pages/ios.astro
-15
src/pages/ios.astro
···
1
-
---
2
-
export const prerender = true;
3
-
4
-
import ExternalServiceRedirectPage from '../components/ExternalServiceRedirectPage.astro';
5
-
---
6
-
7
-
<ExternalServiceRedirectPage
8
-
destinationUrl="https://apps.apple.com/us/app/orbyt-video/id6751679299"
9
-
title="iOS App - orbyt"
10
-
message="routing you to the App Store..."
11
-
emojis="🚗💨"
12
-
manualLinkLabel="open in the App Store"
13
-
appleItunesAppId="6751679299"
14
-
appleItunesAppArgument="https://getorbyt.com/ios"
15
-
/>
-1
src/pages/sitemap.xml.ts
-1
src/pages/sitemap.xml.ts
···
11
11
{ path: '/app/', changefreq: 'monthly', priority: '0.8' },
12
12
{ path: '/android/', changefreq: 'monthly', priority: '0.8' },
13
13
{ path: '/contact/', changefreq: 'monthly', priority: '0.6' },
14
-
{ path: '/discord/', changefreq: 'monthly', priority: '0.6' },
15
14
{ path: '/privacy/', changefreq: 'yearly', priority: '0.4' },
16
15
{ path: '/terms/', changefreq: 'yearly', priority: '0.4' },
17
16
];