This repository has been archived by the owner on May 21, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (74 loc) · 4.33 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>WPGU 107.1 Champaign's Alternative</title>
<meta name="description" content="On the air 24/7 with lively student personalities, alternative music, speciality programs, local news and sports coverage.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.typekit.net/txr1dqd.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<div id="filler" style="padding-top: 1em"></div>
<script src="javascript/generate_banner.js"></script>
<a href="./"><img src="assets/horizontal_wordmark.svg" alt="WPGU logo"> </a>
<div style="display: flex; justify-content: space-evenly; line-height: 0 !important; margin-top: 1em; background-color: black; padding: .5em; border-top: 1px dashed #F7A11A;">
<a href="https://www.facebook.com/wpgu1071" target="_blank" rel="noopener noreferrer"><img src="/assets/socials/facebook.svg" id="social"></a>
<a href="https://twitter.com/WPGU1071" target="_blank" rel="noopener noreferrer"><img src="/assets/socials/twitter.svg" id="social"></a>
<a href="https://www.instagram.com/wpguillini/" target="_blank" rel="noopener noreferrer"><img src="/assets/socials/instagram.svg" id="social"></a>
<a href="https://www.youtube.com/channel/UCYlJZY3Uo31B9Btw1btcMsQ" target="_blank" rel="noopener noreferrer"><img src="/assets/socials/youtube.svg" id="social"></a>
</div>
<!-- <img src="ad_example.gif" style="width: 100%; margin-top: 1em;"> -->
<div id="yellow-on-black" style="margin-top:1em;">LIVESTREAM</div>
<audio controls class="audio-player">
<source src="https://ice64.securenetsystems.net/WPGUFM">
</audio>
<div class="text-container">
<div id="yellow-on-black">NOW PLAYING</div>
<div id="now-playing-section">
<img src="assets/placeholder.svg" id="dynamicImg" alt="Currently playing album art">
<div id="now-playing-text">
<div id="dynamicTitle">WPGU 107.1</div>
<br>
<div id="dynamicArtist">Champaign's Alternative</div>
</div>
</div>
<div id="yellow-on-black">RECENTLY PLAYED</div>
<div id="recently-played-section">
<!-- <div class="recently-played-node">
<img src="assets/placeholder_albumart.jpg" id="recently-played-image">
<div id="recently-played-text">
<div id="recently-played-title">Breakfast in America</div>
<div id="recently-played-artist"><i>Supertramp</i>
</div>
</div>
<div id="recently-played-time">
1 min ago
</div>
</div>
</div> -->
</div>
<!-- <a href="" style="">more songs ▶</a> -->
<script src="javascript/populate_recents.js"></script>
</div>
<div style="display: flex; margin-top: 1em;flex-direction: column;align-items: center;">
<a href="https://publicfiles.fcc.gov/fm-profile/wpgu#details" target="_blank" rel="noopener noreferrer">FCC public file</a>
⁎
<!-- <div id="copyright"></div>
⁎ -->
<a href="http://illinimedia.org/" target="_blank" rel="noopener noreferrer">The Illini Media Company</a>
<!-- <script>
var year = new Date(Date.now()).getFullYear()
// year.getFullYear()
document.getElementById("copyright").textContent = "© " + year
</script> -->
</div>
<!-- <script src="" async defer></script> -->
</body>
</html>