-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (151 loc) · 7.99 KB
/
index.html
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
<!DOCTYPE html>
<html class="h-100 m-0" xmlns="http://www.w3.org/1999/xhtml" lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>OUTTA MI YARD RADIO - Roots and culture</title>
<link rel="icon" href="img/omyradio-thumb.png">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="bootstrap-5.0.0-beta2-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-5.0.0-beta2-dist/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/omy.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.1/howler.js"></script>
<script src="js/chatroom.js"></script>
<script src="js/player.js"></script>
<script data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script>
<script src="https://kit.fontawesome.com/c45592b1c6.js" crossorigin="anonymous"></script>
<script type="text/javascript">
$(() => {
enableFirefoxWarning();
show("playbtn");
auto();
});
</script>
</head>
<body class="m-1 omyTitleBarBg" style="text-align: center; height: 99%">
<div class="w-100 h-100 container-fluid">
<div class="row fixed-top p-2">
<div class="col-12">
<div class="row">
<div class="col-4">
<div class="row" style="text-align: left">
<div class="col-2">
<div class="ms-2 float-start">
<i id="playbtn" class="fas fa-play fa-3x px-1 icon-top" title="Play" onclick="play()"></i>
<i id="stopbtn" class="fas fa-stop fa-3x px-1 playbtn" title="Stop" onclick="stop()"></i>
<span id="loadingspinner" class="spinner-border omyDarkRed" onclick="stop()"/>
</div>
</div>
<div class="col-9">
<div id="title" class="col-12">
</div>
</div>
<div class="col-1">
<div class="row">
<div class="col-12 omyAltLight auto">
AUTO
</div>
<div class="col-12 omyYellow live">
AUTO
</div>
</div>
<div class="row">
<div class="col-12 omyAltLight live">
LIVE
</div>
<div class="col-12 omyYellow auto">
LIVE
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="text-center" style="margin-top: -3px">
<img src="img/omyradio-banner.png" height="80">
</div>
</div>
<div class="col-2"></div>
<div class="col-1">
<a data-bs-toggle="collapse" data-bs-target="#calendar" role="button" aria-expanded="false"
aria-controls="calendar">
<i class="px-4 fas fa-calendar-alt fa-3x px-1 icon-top" title="View schedule"
aria-label="View schedule"></i>
</a>
</div>
<div class="col-1">
<div class="dropdown">
<a class="dropdown-toggle" href="#" id="players" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="fas fa-music fa-3x px-1 icon-top" title="Open external players"></i>
</a>
<ul class="dropdown-menu dropdown-menu-omy omyAltTitleBarBg" aria-labelledby="players">
<li>
<a class="dropdown-item" href="https://tunein.com/radio/Outta-Mi-Yard-Radio-s232962/"
target="_blank">
<img class="float-end px-1" src="img/tunein.png" alt="Listen to Tunein"
width="35">
Tune in
</a>
</li>
<li>
<a class="dropdown-item" href="https://www.liveradio.ie/stations/outta-mi-yard"
target="_blank">
<img class="float-end px-1" src="img/liveradio.png" alt="Listen to LiveRadio"
width="35">
Live radio
</a>
</li>
<li>
<a class="dropdown-item" href="https://stream.omyradio.net/stream-vorbis-320" target="_blank">
<i class="float-end fas fa-external-link-alt fs-3 px-1 omyAltLight"
alt="Listen in extern window"></i>
Stream (Vorbis 320kbps)
</a>
</li>
<li>
<a class="dropdown-item" href="https://stream.omyradio.net/stream-vorbis-128" target="_blank">
<i class="float-end fas fa-external-link-alt fs-3 px-1 omyAltLight"
alt="Listen in extern window"></i>
Stream (Vorbis 128kbps)
</a>
</li>
<li>
<a class="dropdown-item" href="https://stream.omyradio.net/stream-mp3" target="_blank">
<i class="float-end fas fa-external-link-alt fs-3 px-1 omyAltLight"
alt="Listen in extern window"></i>
Stream (mp3 128kbps)
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row h-100" style="padding-top: 60px;">
<div class="col-12">
<div class="collapse" style="width: 100%" id="calendar">
<div data-tockify-component="calendar" data-tockify-calendar="omy.schedule"></div>
</div>
<div class="h-100" id="meet">
<div class="row align-items-center h-50">
<div class="col-12">
<i class="px-4 fas fa-comments fa-3x px-1 icon-top" title="Enter chatroom"
aria-label="Enter chatroom" onclick="loadChatroom()"></i>
</div>
</div>
<div class="row align-items-center" id="firefoxwarning">
<div class="col-12">
You appear to be using Firefox. Note that, while the chatroom in general will work, enabling
webcam will NOT work. You will be able to see yourself but others users will not see you.
<br>
If you want to enable your webcam in the chatroom, Chromium based browsers are known to work.
Apart from Chromium itself this includes Google Chrome, Brave, Opera and many others.
</div>
</div>
</div>
</div>
</div>
</div>
</body>