-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpodcasts.html
More file actions
216 lines (204 loc) · 11.7 KB
/
Copy pathpodcasts.html
File metadata and controls
216 lines (204 loc) · 11.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>YR11 Radio — Podcasts</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Unica+One&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<link rel="icon" href="favicon.ico" />
<script src="script.js" defer></script>
<script>
!function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init fi Cr Or ci Tr Ir capture Mi calculateEventProperties Ar register register_once register_for_session unregister unregister_for_session Nr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty jr Mr createPersonProfile Lr kr Ur opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Fr debug M Dr getPageViewId captureTraceFeedback captureTraceMetric Sr".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
posthog.init('phc_kHZWuiUzdGkjQ7OvXfER2jygjMyTK9oyFfjVeg5vuAg', {
api_host: 'https://us.i.posthog.com',
defaults: '2025-05-24',
person_profiles: 'always', // or 'always' to create profiles for anonymous users as well
})
</script>
</head>
<body class="podcasts-page">
<div class="page">
<aside class="left-sidebar" aria-label="Main navigation and player">
<nav class="left-nav">
<ul>
<li><a href="/podcasts" class="active">PODCASTS</a></li>
<li><a href="/trending">TRENDING</a></li>
<li><a href="/genres">GENRE</a></li>
<li><a href="/playlists">PLAYLISTS</a></li>
<li><a href="/search">SEARCH</a></li>
</ul>
</nav>
<div class="mini-player">
<div class="mini-player-art">
<img src="public/logo.jpg" alt="The Carbon Algorithm" />
</div>
<p class="mini-player-title">The Carbon Algorithm</p>
<div class="mini-player-controls">
<button class="mini-control-btn" aria-label="Rewind">
<span class="icon icon-rewind"></span>
</button>
<button class="mini-control-btn primary" aria-label="Play">
<span class="icon icon-play"></span>
</button>
<button class="mini-control-btn" aria-label="Forward">
<span class="icon icon-forward"></span>
</button>
</div>
<div class="mini-player-footer">
<button class="user-profile-btn" aria-label="User profile">
<span class="icon icon-user"></span>
</button>
<button class="settings-btn" aria-label="Settings">
<span class="icon icon-settings"></span>
</button>
</div>
</div>
</aside>
<main class="main-content" aria-labelledby="podcasts-title">
<header class="podcasts-header">
<div>
<p class="eyebrow">Browse</p>
<h1 id="podcasts-title" class="podcasts-title">Podcasts</h1>
</div>
</header>
<div class="podcasts-toolbar" aria-label="Filters and search">
<label class="search" aria-label="Search podcasts">
<span class="search-icon" aria-hidden="true"></span>
<input type="search" placeholder="Search..." aria-label="Search podcasts" />
</label>
<div class="genres" role="list" aria-label="Genres">
<a class="chip active" role="listitem" aria-current="page" href="/genre-rock">Rock</a>
<a class="chip purple" role="listitem" href="/genre-pop">Pop</a>
<a class="chip olive" role="listitem" href="/genre-jazz">Jazz</a>
<a class="chip dark" role="listitem" href="/genre-drill">Drill</a>
<a class="chip" role="listitem" href="/genre-indie">Indie</a>
</div>
</div>
<section class="podcast-grid" aria-label="Podcast results">
<!-- Sample cards based on podcasts.md description -->
<!-- Repeat a few to form a grid -->
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
<article class="podcast-card">
<div class="thumb" aria-hidden="true">
<img src="public/logo.jpg" alt="The Carbon Algorithm cover art" />
</div>
<h3 class="title">The Carbon Algorithm</h3>
<p class="meta">By Robert Fox</p>
<div class="actions" aria-label="Actions">
<button class="icon-btn" aria-label="Play"><span class="icon icon-play"></span></button>
<button class="icon-btn" aria-label="Download"><span class="icon icon-download"></span></button>
<button class="icon-btn" aria-label="More"><span class="icon icon-menu"></span></button>
</div>
</article>
</section>
</main>
<aside class="nav-panel" aria-label="Primary navigation">
<div class="logo" aria-hidden="true">
<img src="public/logo.jpg" alt="YR11 logo" class="logo-image" />
</div>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li>
<a href="/schedule">
Schedule
</a>
</li>
<li><a class="active" href="/podcasts">Podcasts</a></li>
<li><a href="/about">About Us</a></li>
<li><a class="outline" href="/contact">Contact Us</a></li>
</ul>
</nav>
</aside>
</div>
</body>
</html>