Skip to content

Commit 6485ca2

Browse files
BaseMaxBaseMax
authored
Working on meetup pages (brisbanesocialchess#410)
* working on meetup pages * Add link to meetups * add bio-img in css * install luxon for package
1 parent ebf8d7d commit 6485ca2

File tree

10 files changed

+325
-11
lines changed

10 files changed

+325
-11
lines changed

‎docs/meetup-friday.html‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Friday Night Chess - Coffee Supreme, Woolloongabba</title>
7-
<meta name="description" content="Weekly Friday night casual chess at Coffee Supreme, Woolloongabba hosted by John Bampton." />
6+
<title>Friday Night Chess - Chocolate Moments</title>
7+
<meta name="description" content="Weekly Friday night casual chess at Chocolate Moments hosted by John Bampton." />
88
<link rel="stylesheet" href="style.css" />
99
<link rel="icon" type="image/png" href="/assets/favicon.png" />
1010
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
@@ -35,32 +35,33 @@ <h1>Brisbane Social Chess</h1>
3535
<!-- Section: Meetup Info -->
3636
<section class="section">
3737
<h2>Friday Night Chess ♟️☕</h2>
38-
<p><strong>Location:</strong> Coffee Supreme, Woolloongabba</p>
38+
<p><strong>Location:</strong> Chocolate Moments</p>
3939
<p><strong>Hosted by:</strong> John Bampton</p>
4040
<div class="bio">
4141
<img
4242
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
4343
alt="John Bampton"
44-
style="max-width: 150px; border-radius: 10px; margin-top: 10px"
44+
class="bio-img"
4545
/>
4646
</div>
4747
<p>
48-
Welcome to Friday night chess at Coffee Supreme in Woolloongabba. <br />
48+
Welcome to Friday night chess at Chocolate Moments in the city. <br />
4949
Come play casual games over excellent coffee or a cold drink. <br />
5050
The venue is relaxed, social, and friendly — perfect for all skill levels.
5151
</p>
5252
<p><strong>Time:</strong> 6:00 PM – 9:00 PM AEST</p>
5353
<p><strong>When:</strong> Every Friday</p>
5454
<p><strong>Address:</strong> 15 Balaclava St, Woolloongabba QLD 4102</p>
5555
<div class="map">
56-
<iframe
56+
<!-- TODO -->
57+
<!-- <iframe
5758
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3538.0211617421363!2d153.02726041506186!3d-27.49145638289017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9159a7a0211687%3A0x85ff58a2cfd7c0e5!2sCoffee%20Supreme%20Brisbane!5e0!3m2!1sen!2sau!4v1691123456789!5m2!1sen!2sau"
5859
width="100%"
5960
height="250"
6061
style="border: 0; border-radius: 10px"
6162
allowfullscreen=""
6263
loading="lazy"
63-
></iframe>
64+
></iframe> -->
6465
</div>
6566
</section>
6667
</main>

‎docs/meetup-monday.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!doctype html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Monday Night Chess - Pig N Whistle King George Square</title>
7+
<meta name="description" content="Weekly Monday Night Chess - Pig N Whistle King George Square hosted by John Bampton." />
8+
<link rel="stylesheet" href="style.css" />
9+
<link rel="icon" type="image/png" href="/assets/favicon.png" />
10+
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
11+
</head>
12+
<body>
13+
<div class="background-overlay">
14+
<main class="content-wrapper">
15+
<!-- Logo -->
16+
<div class="logo">
17+
<a href="/">
18+
<img src="/assets/logo.jpg" alt="Brisbane Social Chess Logo" />
19+
</a>
20+
<h1>Brisbane Social Chess</h1>
21+
<p>A place for casual chess, for fun and friendly people.</p>
22+
</div>
23+
<!-- Navigation -->
24+
<nav class="nav-links">
25+
<a href="/">Home</a>
26+
<a href="/about.html">About</a>
27+
<a href="/games.html">Games</a>
28+
<a href="/meetup.html" class="active">Meetups</a>
29+
<a href="/minutes.html">Minutes</a>
30+
<a href="/register.html">Register</a>
31+
<a href="/rules.html">Rules</a>
32+
<a href="/terms.html">Terms</a>
33+
<a href="/contact.html">Contact</a>
34+
</nav>
35+
<!-- Section: Meetup Info -->
36+
<section class="section">
37+
<h2>Monday Night Chess ♟️☕</h2>
38+
<p><strong>Location:</strong> Pig N Whistle King George Square</p>
39+
<p><strong>Hosted by:</strong> John Bampton</p>
40+
<div class="bio">
41+
<img
42+
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
43+
alt="John Bampton"
44+
class="bio-img"
45+
/>
46+
</div>
47+
<p>
48+
Welcome to Monday night chess at Pig N Whistle King George Square. <br />
49+
Come play casual games over excellent coffee or a cold drink. <br />
50+
The venue is relaxed, social, and friendly — perfect for all skill levels.
51+
</p>
52+
<p><strong>Time:</strong> 6:00 PM – 9:00 PM AEST</p>
53+
<p><strong>When:</strong> Every Monday</p>
54+
<p><strong>Address:</strong> Pig N Whistle King George Square</p>
55+
<div class="map">
56+
<!-- TODO -->
57+
<!-- <iframe
58+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3538.0211617421363!2d153.02726041506186!3d-27.49145638289017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9159a7a0211687%3A0x85ff58a2cfd7c0e5!2sCoffee%20Supreme%20Brisbane!5e0!3m2!1sen!2sau!4v1691123456789!5m2!1sen!2sau"
59+
width="100%"
60+
height="250"
61+
style="border: 0; border-radius: 10px"
62+
allowfullscreen=""
63+
loading="lazy"
64+
></iframe> -->
65+
</div>
66+
</section>
67+
</main>
68+
</div>
69+
<!-- Footer -->
70+
<footer class="site-footer">
71+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
72+
</footer>
73+
<script type="text/javascript" src="/script.js"></script>
74+
</body>
75+
</html>

‎docs/meetup-saturday.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!doctype html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Saturday Night Chess - Chocolate Moments</title>
7+
<meta name="description" content="Weekly Saturday night casual chess at Chocolate Moments hosted by John Bampton." />
8+
<link rel="stylesheet" href="style.css" />
9+
<link rel="icon" type="image/png" href="/assets/favicon.png" />
10+
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
11+
</head>
12+
<body>
13+
<div class="background-overlay">
14+
<main class="content-wrapper">
15+
<!-- Logo -->
16+
<div class="logo">
17+
<a href="/">
18+
<img src="/assets/logo.jpg" alt="Brisbane Social Chess Logo" />
19+
</a>
20+
<h1>Brisbane Social Chess</h1>
21+
<p>A place for casual chess, for fun and friendly people.</p>
22+
</div>
23+
<!-- Navigation -->
24+
<nav class="nav-links">
25+
<a href="/">Home</a>
26+
<a href="/about.html">About</a>
27+
<a href="/games.html">Games</a>
28+
<a href="/meetup.html" class="active">Meetups</a>
29+
<a href="/minutes.html">Minutes</a>
30+
<a href="/register.html">Register</a>
31+
<a href="/rules.html">Rules</a>
32+
<a href="/terms.html">Terms</a>
33+
<a href="/contact.html">Contact</a>
34+
</nav>
35+
<!-- Section: Meetup Info -->
36+
<section class="section">
37+
<h2>Saturday Night Chess ♟️☕</h2>
38+
<p><strong>Location:</strong> Chocolate Moments</p>
39+
<p><strong>Hosted by:</strong> John Bampton</p>
40+
<div class="bio">
41+
<img
42+
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
43+
alt="John Bampton"
44+
class="bio-img"
45+
/>
46+
</div>
47+
<p>
48+
Welcome to Saturday night chess at Chocolate Moments in the city. <br />
49+
Come play casual games over excellent coffee or a cold drink. <br />
50+
The venue is relaxed, social, and friendly — perfect for all skill levels.
51+
</p>
52+
<p><strong>Time:</strong> 6:00 PM – 9:00 PM AEST</p>
53+
<p><strong>When:</strong> Every Saturday</p>
54+
<p><strong>Address:</strong> 15 Balaclava St, Woolloongabba QLD 4102</p>
55+
<div class="map">
56+
<!-- TODO -->
57+
<!-- <iframe
58+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3538.0211617421363!2d153.02726041506186!3d-27.49145638289017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9159a7a0211687%3A0x85ff58a2cfd7c0e5!2sCoffee%20Supreme%20Brisbane!5e0!3m2!1sen!2sau!4v1691123456789!5m2!1sen!2sau"
59+
width="100%"
60+
height="250"
61+
style="border: 0; border-radius: 10px"
62+
allowfullscreen=""
63+
loading="lazy"
64+
></iframe> -->
65+
</div>
66+
</section>
67+
</main>
68+
</div>
69+
<!-- Footer -->
70+
<footer class="site-footer">
71+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
72+
</footer>
73+
<script type="text/javascript" src="/script.js"></script>
74+
</body>
75+
</html>

‎docs/meetup-sunday.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!doctype html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Sunday Night Chess - Chocolate Moments</title>
7+
<meta name="description" content="Weekly Sunday night casual chess at Chocolate Moments hosted by John Bampton." />
8+
<link rel="stylesheet" href="style.css" />
9+
<link rel="icon" type="image/png" href="/assets/favicon.png" />
10+
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
11+
</head>
12+
<body>
13+
<div class="background-overlay">
14+
<main class="content-wrapper">
15+
<!-- Logo -->
16+
<div class="logo">
17+
<a href="/">
18+
<img src="/assets/logo.jpg" alt="Brisbane Social Chess Logo" />
19+
</a>
20+
<h1>Brisbane Social Chess</h1>
21+
<p>A place for casual chess, for fun and friendly people.</p>
22+
</div>
23+
<!-- Navigation -->
24+
<nav class="nav-links">
25+
<a href="/">Home</a>
26+
<a href="/about.html">About</a>
27+
<a href="/games.html">Games</a>
28+
<a href="/meetup.html" class="active">Meetups</a>
29+
<a href="/minutes.html">Minutes</a>
30+
<a href="/register.html">Register</a>
31+
<a href="/rules.html">Rules</a>
32+
<a href="/terms.html">Terms</a>
33+
<a href="/contact.html">Contact</a>
34+
</nav>
35+
<!-- Section: Meetup Info -->
36+
<section class="section">
37+
<h2>Sunday Night Chess ♟️☕</h2>
38+
<p><strong>Location:</strong> Chocolate Moments</p>
39+
<p><strong>Hosted by:</strong> John Bampton</p>
40+
<div class="bio">
41+
<img
42+
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
43+
alt="John Bampton"
44+
class="bio-img"
45+
/>
46+
</div>
47+
<p>
48+
Welcome to Sunday night chess at Chocolate Moments in the city. <br />
49+
Come play casual games over excellent coffee or a cold drink. <br />
50+
The venue is relaxed, social, and friendly — perfect for all skill levels.
51+
</p>
52+
<p><strong>Time:</strong> 6:00 PM – 9:00 PM AEST</p>
53+
<p><strong>When:</strong> Every Sunday</p>
54+
<p><strong>Address:</strong> 15 Balaclava St, Woolloongabba QLD 4102</p>
55+
<div class="map">
56+
<!-- TODO -->
57+
<!-- <iframe
58+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3538.0211617421363!2d153.02726041506186!3d-27.49145638289017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9159a7a0211687%3A0x85ff58a2cfd7c0e5!2sCoffee%20Supreme%20Brisbane!5e0!3m2!1sen!2sau!4v1691123456789!5m2!1sen!2sau"
59+
width="100%"
60+
height="250"
61+
style="border: 0; border-radius: 10px"
62+
allowfullscreen=""
63+
loading="lazy"
64+
></iframe> -->
65+
</div>
66+
</section>
67+
</main>
68+
</div>
69+
<!-- Footer -->
70+
<footer class="site-footer">
71+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
72+
</footer>
73+
<script type="text/javascript" src="/script.js"></script>
74+
</body>
75+
</html>

‎docs/meetup-thursday.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ <h2>Thursday Night Chess ♟️🍺</h2>
4141
<img
4242
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
4343
alt="Jimmy Joe"
44-
style="max-width: 150px; border-radius: 10px; margin-top: 10px"
44+
class="bio-img"
4545
/>
4646
</div>
4747
<p>

‎docs/meetup-wednesday.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!doctype html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Wednesday Night Chess - Chocolate Moments</title>
7+
<meta name="description" content="Weekly Wednesday night casual chess at Chocolate Moments hosted by John Bampton." />
8+
<link rel="stylesheet" href="style.css" />
9+
<link rel="icon" type="image/png" href="/assets/favicon.png" />
10+
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
11+
</head>
12+
<body>
13+
<div class="background-overlay">
14+
<main class="content-wrapper">
15+
<!-- Logo -->
16+
<div class="logo">
17+
<a href="/">
18+
<img src="/assets/logo.jpg" alt="Brisbane Social Chess Logo" />
19+
</a>
20+
<h1>Brisbane Social Chess</h1>
21+
<p>A place for casual chess, for fun and friendly people.</p>
22+
</div>
23+
<!-- Navigation -->
24+
<nav class="nav-links">
25+
<a href="/">Home</a>
26+
<a href="/about.html">About</a>
27+
<a href="/games.html">Games</a>
28+
<a href="/meetup.html" class="active">Meetups</a>
29+
<a href="/minutes.html">Minutes</a>
30+
<a href="/register.html">Register</a>
31+
<a href="/rules.html">Rules</a>
32+
<a href="/terms.html">Terms</a>
33+
<a href="/contact.html">Contact</a>
34+
</nav>
35+
<!-- Section: Meetup Info -->
36+
<section class="section">
37+
<h2>Wednesday Night Chess ♟️☕</h2>
38+
<p><strong>Location:</strong> Chocolate Moments</p>
39+
<p><strong>Hosted by:</strong> John Bampton</p>
40+
<div class="bio">
41+
<img
42+
src="https://avatars.githubusercontent.com/u/873384?s=400&v=4"
43+
alt="John Bampton"
44+
class="bio-img"
45+
/>
46+
</div>
47+
<p>
48+
Welcome to Wednesday night chess at Chocolate Moments in the city. <br />
49+
Come play casual games over excellent coffee or a cold drink. <br />
50+
The venue is relaxed, social, and friendly — perfect for all skill levels.
51+
</p>
52+
<p><strong>Time:</strong> 6:00 PM – 9:00 PM AEST</p>
53+
<p><strong>When:</strong> Every Wednesday</p>
54+
<p><strong>Address:</strong> 15 Balaclava St, Woolloongabba QLD 4102</p>
55+
<div class="map">
56+
<!-- TODO -->
57+
<!-- <iframe
58+
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3538.0211617421363!2d153.02726041506186!3d-27.49145638289017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9159a7a0211687%3A0x85ff58a2cfd7c0e5!2sCoffee%20Supreme%20Brisbane!5e0!3m2!1sen!2sau!4v1691123456789!5m2!1sen!2sau"
59+
width="100%"
60+
height="250"
61+
style="border: 0; border-radius: 10px"
62+
allowfullscreen=""
63+
loading="lazy"
64+
></iframe> -->
65+
</div>
66+
</section>
67+
</main>
68+
</div>
69+
<!-- Footer -->
70+
<footer class="site-footer">
71+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
72+
</footer>
73+
<script type="text/javascript" src="/script.js"></script>
74+
</body>
75+
</html>

‎docs/meetup.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,12 @@ <h2>Weekly Meetups</h2>
3535
<p>Click on a day to view detailed meetup information:</p>
3636
<div class="button-group">
3737
<a href="/meetup-monday.html" class="button">Monday</a>
38-
<a href="/meetup-tuesday.html" class="button">Tuesday</a>
38+
<!-- <a href="/meetup-tuesday.html" class="button">Tuesday</a> -->
3939
<a href="/meetup-wednesday.html" class="button">Wednesday</a>
4040
<a href="/meetup-thursday.html" class="button">Thursday</a>
4141
<a href="/meetup-friday.html" class="button">Friday</a>
42+
<a href="/meetup-saturday.html" class="button">Saturday</a>
43+
<a href="/meetup-sunday.html" class="button">Sunday</a>
4244
</div>
4345
</section>
4446
</main>

‎docs/style.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -400,6 +400,12 @@ form fieldset input[type='radio'] {
400400
.github-profile--medium img.github-avatar {
401401
width: 220px;
402402
}
403+
/* Meetups */
404+
.bio-img {
405+
max-width: 150px;
406+
border-radius: 10px;
407+
margin-top: 10px;
408+
}
403409

404410
/* Responsive */
405411
@media (max-width: 500px) {

0 commit comments

Comments
 (0)