-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlineup.html
More file actions
182 lines (177 loc) · 6.76 KB
/
Copy pathlineup.html
File metadata and controls
182 lines (177 loc) · 6.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://kit.fontawesome.com/f4b2fc7064.js" crossorigin="anonymous"></script>
<script defer src="js/header.js"></script>
<script defer src="js/footer.js"></script>
<title>Cwmaman Music Festival</title>
<link rel="icon" type="image/x-icon" href="images/icons/favicon.ico">
<link rel="manifest" href="manifest.json" />
<!-- ios support -->
<link rel="apple-touch-icon" href="images/icons/icon-72x72.png" />
<link rel="apple-touch-icon" href="images/icons/icon-96x96.png" />
<link rel="apple-touch-icon" href="images/icons/icon-128x128.png" />
<link rel="apple-touch-icon" href="images/icons/icon-144x144.png" />
<link rel="apple-touch-icon" href="images/icons/icon-152x152.png" />
<link rel="apple-touch-icon" href="images/icons/icon-192x192.png" />
<link rel="apple-touch-icon" href="images/icons/icon-384x384.png" />
<link rel="apple-touch-icon" href="images/icons/icon-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/icons/favicon-16x16.png">
<link rel="manifest" href="images/icons/site.webmanifest">
<meta name="apple-mobile-web-app-status-bar" content="#db4938" />
<meta name="theme-color" content="#db4938" />
</head>
<body>
<main>
<header-component></header-component>
<br>
<div class="MainPoster">
<img id="myImg" src="images/2023 Lineup Poster v3.webp" alt="Cwmfest 2023 Full Lineup" style='height: 100%; width: 100%; object-fit: contain' ></img>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg");
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
img.onclick = function(){
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
</script>
<!-- Description -->
<section class="w3-container w3-center w3-content">
<br>
<h2 class="w3-wide">2023 Full Lineup</h2>
<br>
<h3 class="w3-wide">Acts Are Arranged From Opening to Headlining per stage</h3>
<br>
<h3 class="w3-wide">Cwmaman Arts Centre (Cwmaman Hall)</h3>
<br>
<h4 class="w3-wide">Saturday</h4>
<p class="w3-left-align">1:00 – 4:00 – Family Fun Drum Workshops</p>
<br>
<h3 class="w3-wide">The Globe Inn</h3>
<!-- <h4 class="w3-wide">No card payments – Cash Only</h4>
<h4 class="w3-wide">Children allowed in the beer garden only. Children must be supervised at all times</h4>
<h4 class="w3-wide">Filled rolls available while stocks last</h4> -->
<br>
<h4 class="w3-wide">Friday</h4>
<p class="w3-left-align">8pm – The Last Friday Club</p>
<br>
<h4 class="w3-wide">Saturday</h4>
<p>3:30 - 4:30 Bankrupt Pug</p>
<p>5:00 – 5:30 Sam Chidgey</p>
<p>6:00 – 6:30 One Boot Lane</p>
<p>7:00 – 8:00 Zinc Bukowski</p>
<p>8:30 – 10:00 The Skiffs</p>
<p>10:30 – 11:30 Tangerine Republic</p>
<br>
<h4 class="w3-wide">Sunday</h4>
<p>3:00 – 3:30 Mark Watkins Price</p>
<p>4:00 – 4:30 The Fabulous Shytehawks</p>
<p>5:00 – 6:00 Fiddlebop</p>
<p>6:30 – 7:30 Ohibo Paronti</p>
<p>8:00 – 9:00 Trevor and The Sprouts</p>
<br>
<h3 class="w3-wide">The Bonki</h3>
<!-- <h4 class="w3-wide">Cash and card payments taken</h4>
<h4 class="w3-wide">Children allowed until approx. 7pm. Children must be supervised at all times</h4>
<h4 class="w3-wide">Hot food available while stocks last</h4> -->
<br>
<h4 class="w3-wide">Saturday</h4>
<p>3:30 - 4:30 Idlechord</p>
<p>5:00 – 5:30 Joe Dargavel</p>
<p>6:00 – 6:30 Fathom</p>
<p>7:00 – 8:00 UPB</p>
<p>8:30 – 9:30 Small Packages</p>
<p>10:00 – 11:30 Cobain’d (Nirvana Tribute)</p>
<br>
<h4 class="w3-wide">Sunday</h4>
<p>3:00 – 3:30 Bedface</p>
<p>4:00 – 4:30 Two In The Bush</p>
<p>5:00 – 6:00 Tin Goose</p>
<p>6:30 – 7:30 Mahouts</p>
<p>8:00 – 9:00 The Revolvers</p>
<br>
<h3 class="w3-wide">The Shepherd’s Arms</h3>
<!-- <h4 class="w3-wide">Cash and card payments taken</h4>
<h4 class="w3-wide">No children allowed during the festival</h4>
<h4 class="w3-wide">Filled rolls available while stocks last</h4> -->
<br>
<h4 class="w3-wide">Saturday</h4>
<p>3:30 - 4:30 Shop-Girls</p>
<p>5:00 – 5:30 Louise and The Feathers</p>
<p>6:00 – 6:30 The Mad Yolks</p>
<p>7:00 – 8:00 The Hostels</p>
<p>8:30 – 9:30 The Crippled Hillbillies</p>
<p>10:00 – 11:30 Position Impossible</p>
<br>
<h4 class="w3-wide">Sunday</h4>
<p>3:00 – 3:30 Pete Jagger</p>
<p>4:00 – 4:30 Bryony Sier</p>
<p>5:00 – 6:00 Celtic Spirit</p>
<p>6:30 – 7:30 Excellent Skeleton</p>
<p>8:00 – 9:00 Primary Covers</p>
<br>
<h3 class="w3-wide">The Falcon Retreat</h3>
<!-- <h4 class="w3-wide">No card payments – Cash Only</h4>
<h4 class="w3-wide">Children allowed until approx. 9pm. Children must be supervised at all times</h4>
<h4 class="w3-wide">Burgers available while stocks last</h4> -->
<br>
<h4 class="w3-wide">Saturday</h4>
<p>3:30 - 4:30 Haunted By Ghosts</p>
<p>5:00 - 5:30 Songfisher</p>
<p>6:00 – 6:30 Pete Morley</p>
<p>7:00 – 8:00 TUN</p>
<p>8:30 – 9:30 Those Heavy Souls</p>
<p>10:00 – 11:30 Push!</p>
<br>
<h4 class="w3-wide">Sunday</h4>
<p>3:00 – 3:30 Iwan Dacey</p>
<p>4:00 – 4:30 Luminosa</p>
<p>5:00 – 6:00 Afro Welsh Connection</p>
<p>6:30 – 7:30 The Tenbags</p>
<p>8:00 – 9:00 Gaudy Orde</p>
<br>
<h3 class="w3-wide">The Top Club (Glynhafod Club)</h3>
<!-- <h4 class="w3-wide">Cash and card payments taken</h4>
<h4 class="w3-wide">No children allowed during the festival</h4>
<h4 class="w3-wide">No food available</h4> -->
<br>
<h4 class="w3-wide">Saturday</h4>
<p>3:30 - 4:30 Tom Crow & The Ghostriders</p>
<p>5:00 - 5:30 Pete Pork</p>
<p>6:00 – 6:30 Rightkeyonly</p>
<p>7:00 – 8:00 Next Day Shakes</p>
<p>8:30 – 9:30 The Hoop</p>
<p>10:00 – 11:30 Parcel of Rogues</p>
<br>
<h3 class="w3-wide">All Lineups subject to change at short notice</h3>
<br>
</section>
<footer-component></footer-component>
</main>
<script src="js/app.js"></script>
</body>
</html>