-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
274 lines (207 loc) · 15 KB
/
index.html
File metadata and controls
274 lines (207 loc) · 15 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<html class="js supports flexbox flexwrap csstransforms3d" lang="en" style="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0">
<meta property="og:url" content="https://radio.sunnybungalow.com/" />
<meta property="og:type" content="music.radio_station" />
<meta property="og:title" content="Sunny Bungalow Radio" />
<meta property="og:description" content="Good Music Makes You Happy" />
<meta property="og:image" content="https://radio.sunnybungalow.com/img/og-image-logo.png" />
<meta property="og:image:secure_url" content="https://radio.sunnybungalow.com/img/og-image-logo.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="627" />
<meta property="og:image:alt" content="Good Music Makes You Happy" />
<meta property="og:audio" content="https://radio.sunnybungalow.com/" />
<title>Sunny Bungalow Radio</title>
<meta name="description" content="Good Music Makes You Happy">
<link rel="canonical" href="https://radio.sunnybungalow.com/">
<!-- <script src="js/vendor.js" type="text/javascript"></script> -->
<link rel="icon" href="favicon-32x32.png" sizes="16x16 32x32" type="image/png">
<link href="css/clean-sb.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
</head>
<body style="background-image: url('/img/bg-fluted-stripes-2.png');" class="bg-top bg-repeat-x bg-scroll" id="index">
<div class="flex container mx-auto w-screen h-screen items-center flex-col">
<div id="head" class="mt-6 flex flex-col items-center md:flex-row place-content-between max-w-7xl w-full">
<div>
<img src="/img/SBlogoNew.png" alt="Sunny Bungalow" itemprop="logo" style="width:285px;">
</div>
<div class="md:self-end flex flex-row mt-6 gap-4 text-slate-500 text-2xl" style="font-family: Kalam, sans-serif;">
<a href="https://www.sunnybungalow.com/" target="_blank">Home</a>
<a href="https://www.sunnybungalow.com/" target="_blank">Shop</a>
<a href="https://www.sunnybungalow.com/blogs/news" target="_blank">Blog</a>
<a href="https://www.sunnybungalow.com/pages/about-us" target="_blank">About Us</a>
<a href="https://www.sunnybungalow.com/pages/contact-us" target="_blank">Contact</a>
</div>
</div>
<!-- Content -->
<div id="cont" style="background-color:#fdeeec;" class="flex flex-col items-center md:flex-row md:items-start m-4 mt-6 w-full rounded-lg">
<!-- Left Column -->
<div class="basis-full md:basis-1/3">
<!-- Player -->
<div class="flex flex-col items-center m-6 p-6 bg-slate-100 rounded-lg w-96 drop-shadow-lg">
<div class="container-fluid">
<img src="img/record.png" class="mx-auto" alt="Record" style="width:285px;">
<!-- actual player -->
<link href="/css/player/base.css" rel="stylesheet" type="text/css" />
<link href="/css/player/style-1.css" rel="stylesheet" type="text/css" />
<link href="/css/ui/jquery.ui.slider.css" rel="stylesheet" type="text/css" />
<script>
if (typeof jQuery == 'undefined') {
var i = "i"; // :)
document.write('<script type="text/javascript" src="/js/jquery-2.2.4.min.js"></scr' + i + 'pt>');
}
</script>
<script type="text/javascript" src="/js/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="/js/jplayer/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="/js/jplayer/modernizr.js"></script>
<script type="text/javascript" src="/js/player/rt_pl.js"></script>
<div id="rtJpID-1"></div>
<div class="rtplwrapperForIe">
<div id="rtplayer-1" class="rtplmain_window gradient_style-1">
<a id="button_play_stop-1" class="rtplbutton_play_stop button_play_stop_style-1" href="#"></a>
<div id="current_time-1" class="rtplcurrent_time">00:00:00</div>
<a id="rtplmute-1" class="rtplmute button_mute_style-1" href="#"></a>
<div id="rtplvolume-1" class="rtplvolume"></div>
<a id="rtplmaxvol-1" class="rtplmaxvol button_max_vol_style-1" href="#"></a>
</div>
</div>
<script>
$(document).ready(function () {
console.log("Setting up player");
new RTPlayer(1, 50, false, "https://hoth.alonhosting.com:1370", "mp3", { "mp3": "https://hoth.alonhosting.com:1475/stream" }, "en")
});
</script>
<!-- /actual player -->
<div id="now_playing_area" class="mt-6 text-md">
<span class="font-bold text-orange-600" id="now_playing_label">Now Playing: 🎵</span>
<br />
<span class="text-orange-800" id="now_playing">...</span>
</div>
</div>
</div>
<!-- Requests -->
<!-- <div class="flex flex-col items-center m-6 px-2 py-1 bg-white rounded-xl w-96 drop-shadow-lg gradient-border">
<div class="container-fluid w-full bg-white m-1 p-2 rounded-lg border-1 shadow-lg bg-slate-100">
<div class="text-center mb-4 text-2xl font-bold text-orange-800">Song Requests Are BROKEN!</div>
<div class="text-center mb-2 font-bold text-orange-800">Currently interfacing with new DJ system. Should be back online in a few days.</div>
<div class="text-center mb-2 font-bold text-slate-800">Search our library and request a song!</div>
<div class="text-center pt-2 mb-2 font-bold text-orange-800">If I'm awake and near my computer I'll queue your request up 😊</div>
<div class="text-center mb-4 text-slate-800">
If you don't find it here, let us know in the Sunny Bungalow Radio Chat Telegram channel,
we'll be happy to find it and add it to the library.
</div>
<div class="text-center mb-4 text-orange-800">
This is in beta. If you notice any problems let me know in the chat channel. <b>Thanks!</b> ❤️
</div>
<link href="https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
<script src="https://unpkg.com/gridjs-jquery/dist/gridjs.production.min.js"></script>
<script type="text/javascript" src="/js/requests/requests.js"></script>
<div class="relative mx-auto text-gray-600 mb-4">
<form action="javascript:void(0);">
<input disabled id="input_search" class="w-full border-2 border-gray-300 bg-white h-10 px-5 pr-12 rounded-lg text-sm focus:outline-none" type="search" name="search" xplaceholder="Song Search… Example: Barry Manilow" placeholder="Search Disabled Temporarily">
<button id="btn_seach" type="submit" class="absolute right-0 top-0 mt-3 mr-4">
<svg class="text-gray-600 h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 56.966 56.966" style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve" width="512px" height="512px">
<path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z" />
</svg>
</button>
</form>
</div>
<div id="search_results"></div>
<div id="server_status"></div>
<div id="results"></div>
<script>
$(document).ready(function () {
console.log("Setting up requests");
init_requests();
});
</script>
</div>
</div> -->
</div>
<!-- Right Column -->
<div class="basis-full md:basis-2/3">
<!-- Welcome -->
<div class="m-6 p-6 grow bg-white rounded-lg drop-shadow-lg text-slate-700">
<div class="mb-6">
<img class="mx-auto rounded-lg" src="img/djcat-animated.gif" alt="Sunny Bungalow Radio" style="width:285px;">
</div>
<div class="text-center mb-4 text-2xl font-bold text-orange-800">24x7 Commercial-Free Music!</div>
<div class="mb-2">
<img class="mx-auto" src="img/sb_radio_text.png" alt="Sunny Bungalow Radio" style="width:585px;">
</div>
<div class="text-center mb-6 text-2xl font-bold text-orange-800">Good Music Makes You Happy!</div>
<div class="mb-4 font-bold text-center">Listen here on this page (even listen in your car!)</div>
<div class="mb-4 font-bold text-center">Join our <a href="https://t.me/sunnybungalowradio" class="text-blue-700" target="_blank">Telegram
Channel</a> for announcements!</div>
<div class="text-center mb-4">iTunes users:
<a class="text-blue-700 font-bold" href="https://hoth.alonhosting.com:1370/jonathanmartin/1/itunes.pls">Download iTunes radio
station<img class="ml-4 inline" src="https://hoth.alonhosting.com:1370/media/static/images/listener/itunes.png" title="iTunes 192 kpbs mp3"></a>
</div>
<div class="place-self-center bg-slate-200 rounded-lg p-2 mb-4">
<div class="mb-1 font-bold">Current Daily Schedule (eastern):</div>
<div class="ml-4 mb-1">Mornings and Afternoons: Jazz, Vocals, Light Rock</div>
<div class="ml-4 mb-1">Evenings: Classic 60s, 70s, with a hint of pop</div>
</div>
<div class="mb-4">Join the <a class="text-blue-700 font-bold" href="https://t.me/SunnyBungalowRadioChat">Telegram Chat</a> to report any problems, request
any music, suggest scheduled program
ideas.</div>
<div class="mb-4">This is still a work in progess - let me know if there are any
problems!</div>
<div class="mb-4"><span class="font-bold">Coming soon:</span>
<ul class="ml-4 list-disc">
<li>More songs, more jingles</li>
<li>My overnight insane songs playlist</li>
<li>Sunday morning devotional music and messages</li>
<li>Ocassional live evening shows with Wikiwoo and I (once we get over our head-colds!)
</li>
</ul>
</div>
<div><i>Welcome SIM Family!</i></div>
</div>
<!-- News -->
<div class="m-6 p-6 grow bg-white rounded-lg drop-shadow-lg text-slate-700">
<div class="text-center mb-6 text-2xl font-bold text-orange-800">News</div>
<div class="mb-4">
<div class="mb-6 text-2xl font-bold text-blue-700">Status</div>
</div>
<div class="mb-4">
Song requests through this web page were working for a while, then I switched the backend DJ automation software and broke it.
I'll put it back eventually, but it's kind of a low priority.
</div>
<div class="mb-4">
In the meantime, if you want to hear anything in particular, join the chat and let me know!
</div>
</div>
<!-- Welcome -->
<div class="m-6 p-6 grow bg-white rounded-lg drop-shadow-lg text-slate-700">
<div class="text-center mb-6 text-2xl font-bold text-orange-800">About</div>
<div class="mb-4">
I have created a lot of mix-tape CDs for Wikiwoo over the years.
This time I built her a radio station, a kind of living mix-tape. It plays in
the house while she makes soap, while I ship orders, while we drive, and while we relax at night. We Welcome
everyone to enjoy along with us.
</div>
<div class="mb-4">
I also set up a pirate FM radio station that streams the station after seeing the 2009 Philip
Seymour Hoffman
movie
<a class="text-blue-700 font-bold" href="https://en.wikipedia.org/wiki/The_Boat_That_Rocked" target="_blank">The Boat That
Rocked</a>.
One of my favorite movies was the 1990 Christian Slater movie <a class="text-blue-700 font-bold" href="https://en.wikipedia.org/wiki/Pump_Up_the_Volume_(film)">Pump up the Voume</a>.
The FCC Part 15 compliant FM transmitter broadcasts around our house
and to parts of our town.
</div>
<div class="mb-4">
On the tech side it's a crazy mix of technologies. Ask me about it if you're interested in
learning more.
</div>
</div>
</div>
</div>
</div>
</body>
</html>