Skip to content

Commit 67da9e5

Browse files
BaseMaxBaseMax
authored
Max updates - new pages (rules, terms, register, games) (brisbanesocialchess#53)
* start rules page * Update rules.html * Update index.html * Update rules.html * Update rules.html * Update index.html * Update index.html * Update rules.html * Update style.css * Create games.html * Create terms.html * Create register.html * Update style.css * Update games.html * Update games.html * Update register.html * Update style.css * Update rules.html * Update style.css * Update index.html * Update games.html - footer * Update register.html - footer * Update rules.html - footer * Update terms.html
1 parent 29f989a commit 67da9e5

File tree

6 files changed

+469
-2395
lines changed

6 files changed

+469
-2395
lines changed

‎games.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
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>Games - Brisbane Social Chess</title>
7+
<meta name="description" content="Fun casual chess games in Brisbane" />
8+
<link rel="stylesheet" href="style.css" />
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet" />
10+
<link rel="icon" type="image/png" href="assets/favicon.png">
11+
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
12+
</head>
13+
<body>
14+
<div class="background-overlay">
15+
<main class="content-wrapper">
16+
17+
<div class="logo">
18+
<img src="assets/image03.jpg" alt="Brisbane Social Chess Logo" />
19+
<h1>Brisbane Social Chess</h1>
20+
<p>A place for casual chess, for fun and friendly people.</p>
21+
</div>
22+
23+
<nav class="nav-links">
24+
<a href="index.html">Home</a>
25+
<a href="rules.html">Rules</a>
26+
<a href="terms.html">Terms</a>
27+
<a href="register.html">How to Register</a>
28+
<a href="games.html">Games</a>
29+
</nav>
30+
31+
<section class="section">
32+
<h2>Club Games Archive</h2>
33+
<p>
34+
Explore some of the fun and chaotic group games we've played at different meetups. Each link opens the full game replay.
35+
</p>
36+
37+
<div class="game-list">
38+
<!--
39+
<div class="game-item">
40+
<h3>Queenless Chaos</h3>
41+
<p><strong>Date:</strong> June 28, 2025</p>
42+
<p><strong>Location:</strong> Southbank Park Meetup</p>
43+
</div>
44+
45+
<div class="game-item">
46+
<h3>4-Player Blitz</h3>
47+
<p><strong>Date:</strong> July 2, 2025</p>
48+
<p><strong>Location:</strong> City Library Chess Lounge</p>
49+
</div>
50+
51+
<div class="game-item">
52+
<h3>King’s Hill Brawl</h3>
53+
<p><strong>Date:</strong> July 5, 2025</p>
54+
<p><strong>Location:</strong> West End Rooftop Café</p>
55+
</div>
56+
-->
57+
</div>
58+
</section>
59+
60+
<footer class="site-footer">
61+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
62+
</footer>
63+
64+
<script>
65+
document.getElementById("year").textContent = new Date().getFullYear();
66+
</script>
67+
68+
</main>
69+
</div>
70+
</body>
71+
</html>

‎index.html‎

Lines changed: 73 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,75 @@
1-
<!DOCTYPE HTML>
2-
<html lang="en">
3-
<head>
4-
<title>Brisbane Social Chess</title>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width,initial-scale=1">
7-
<meta name="color-scheme" content="light only">
8-
<meta name="description" content="Brisbane's only social chess club">
9-
<meta property="og:site_name" content="Brisbane Social Chess">
10-
<meta property="og:title" content="Brisbane Social Chess">
11-
<meta property="og:type" content="website">
12-
<meta property="og:description" content="Brisbane's only social chess club">
13-
<meta property="og:image" content="https://www.brisbanesocialchess.org.au/assets/share.jpg">
14-
<meta property="og:image:type" content="image/jpeg">
15-
<meta property="og:image:width" content="518">
16-
<meta property="og:image:height" content="315">
17-
<meta property="og:url" content="https://www.brisbanesocialchess.org.au">
18-
<meta property="twitter:card" content="summary_large_image">
19-
<link rel="canonical" href="https://www.brisbanesocialchess.org.au">
20-
<link href="https://fonts.googleapis.com/css2?display=swap&amp;family=Montserrat:ital,wght@0,300;0,400;1,300;1,400&amp;family=Source+Sans+Pro:ital,wght@0,200;1,200" rel="stylesheet" type="text/css">
21-
<link rel="icon" type="image/png" href="assets/favicon.png">
22-
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
23-
<link rel="stylesheet" type="text/css" href="style.css">
24-
<noscript>
25-
<style>
26-
body {
27-
overflow: auto !important;
28-
}
29-
body:after {
30-
display: none !important;
31-
}
32-
#main>.inner {
33-
opacity: 1.0 !important;
34-
}
35-
#main {
36-
opacity: 1.0 !important;
37-
transform: none !important;
38-
transition: none !important;
39-
filter: none !important;
40-
}
41-
#main>.inner>section {
42-
opacity: 1.0 !important;
43-
transform: none !important;
44-
transition: none !important;
45-
filter: none !important;
46-
}
47-
#main>.inner>* {
48-
opacity: 1.0 !important;
49-
transform: none !important;
50-
transition: none !important;
51-
filter: none !important;
52-
}
53-
</style>
54-
</noscript>
55-
</head>
56-
<body class="is-ready">
57-
<div id="wrapper">
58-
<div id="main">
59-
<div class="inner">
60-
<div id="columns03" class="container default">
61-
<div class="wrapper">
62-
<div class="inner">
63-
<div id="image03" class="image" data-position="top">
64-
<span class="frame">
65-
<img src="assets/image03.jpg" alt="">
66-
</span>
67-
</div>
68-
<h1 id="text03">Brisbane Social CHess</h1>
69-
<hr id="divider04">
70-
<p id="text09">A place for casual chess, for fun and friendly people.</p>
71-
</div>
72-
</div>
73-
</div>
74-
<hr id="divider05">
75-
<div id="columns01" class="container columns">
76-
<div class="wrapper">
77-
<div class="inner">
78-
<div>
79-
<p id="text10">6 meetups a week</p>
80-
<p id="text11">We have meetings every day of the week except Tuesdays. There are always more meeting times and locations in the works.</p>
81-
</div>
82-
<div>
83-
<div id="image01" class="image">
84-
<a href="#one" class="frame">
85-
<img src="assets/image01.jpg" alt="">
86-
</a>
87-
</div>
88-
</div>
89-
</div>
90-
</div>
91-
</div>
92-
<hr id="divider06">
93-
<div id="columns02" class="container columns">
94-
<div class="wrapper">
95-
<div class="inner">
96-
<div>
97-
<div id="image02" class="image">
98-
<a href="#two" class="frame deferred">
99-
<img src="assets/image02.jpg" alt="" style="opacity: 1;background-image:none">
100-
</a>
101-
</div>
102-
<p id="text05">A dedicated team of organisers</p>
103-
</div>
104-
<div>
105-
<p id="text08">We are a registered community organisation in Queensland with a committee. Ready to contribute? We would like to hear from you.</p>
106-
</div>
107-
</div>
108-
</div>
109-
</div>
110-
<hr id="divider03">
111-
<div id="columns05" class="container columns">
112-
<div class="wrapper">
113-
<div class="inner">
114-
<div>
115-
<p id="text07">Join uS!</p>
116-
<p id="text02">Click below to join us on Chess.com or peruse our Facebook page.
117-
Contribute to our projects and website on the GitHub AI powered social network.
118-
Hang out with us live on Discord!
119-
We can be reached below.</p>
120-
<ul id="buttons02" class="buttons">
121-
<li>
122-
<a href="https://www.chess.com/club/brisbane-social-chess" class="button n01" role="button">Chess.com</a>
123-
</li>
124-
<li>
125-
<a href="https://www.facebook.com/BrisbaneSocialChess/" class="button n02" role="button">Facebook</a>
126-
</li>
127-
<li>
128-
<a href="https://github.com/brisbanesocialchess" class="button n03" role="button">GitHub</a>
129-
</li>
130-
<li>
131-
<a href="https://discord.com/invite/JWBKhQmzvD" class="button n04" role="button">Discord</a>
132-
</li>
133-
</ul>
134-
</div>
135-
<div>
136-
<div id="image05" class="image" data-position="center">
137-
<a href="#three" class="frame">
138-
<img src="assets/image05.jpg" alt="">
139-
</a>
140-
</div>
141-
</div>
142-
</div>
143-
</div>
144-
</div>
145-
</div>
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>Brisbane Social Chess</title>
7+
<meta name="description" content="Brisbane's only social chess club" />
8+
<link rel="stylesheet" href="style.css" />
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
10+
<link rel="icon" type="image/png" href="assets/favicon.png">
11+
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
12+
</head>
13+
<body>
14+
<div class="background-overlay">
15+
<main class="content-wrapper">
16+
17+
<!-- Logo -->
18+
<div class="logo">
19+
<img src="assets/image03.jpg" alt="Brisbane Social Chess Logo" />
20+
<h1>Brisbane Social Chess</h1>
21+
<p>A place for casual chess, for fun and friendly people.</p>
14622
</div>
147-
</div>
148-
</body>
23+
24+
<!-- Top Navigation -->
25+
<nav class="nav-links">
26+
<a href="index.html">Home</a>
27+
<a href="rules.html">Rules</a>
28+
<a href="terms.html">Terms</a>
29+
<a href="register.html">How to Register</a>
30+
<a href="games.html">Games</a>
31+
</nav>
32+
33+
<!-- Section 1 -->
34+
<section class="section">
35+
<h2>6 Meetups a Week</h2>
36+
<p>We have meetings every day of the week except Tuesdays. There are always more meeting times and locations in the works.</p>
37+
<img src="assets/image01.jpg" alt="Chess Meetup" />
38+
</section>
39+
40+
<!-- Section 2 -->
41+
<section class="section">
42+
<h2>A Dedicated Team of Organisers</h2>
43+
<p>We are a registered community organisation in Queensland with a committee. Ready to contribute? We would like to hear from you.</p>
44+
<img src="assets/image02.jpg" alt="Organisers" />
45+
</section>
46+
47+
<!-- Section 3 -->
48+
<section class="section">
49+
<h2>Join Us!</h2>
50+
<p>
51+
Click below to join us on Chess.com or peruse our Facebook page.
52+
Contribute to our projects and website on the GitHub AI powered social network.
53+
Hang out with us live on Discord!
54+
</p>
55+
<div class="button-group">
56+
<a href="https://www.chess.com/club/brisbane-social-chess" class="button">Chess.com</a>
57+
<a href="https://www.facebook.com/BrisbaneSocialChess/" class="button">Facebook</a>
58+
<a href="https://github.com/brisbanesocialchess" class="button">GitHub</a>
59+
<a href="https://discord.com/invite/JWBKhQmzvD" class="button">Discord</a>
60+
</div>
61+
<img src="assets/image05.jpg" alt="Play Chess" />
62+
</section>
63+
64+
<footer class="site-footer">
65+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
66+
</footer>
67+
68+
<script>
69+
document.getElementById("year").textContent = new Date().getFullYear();
70+
</script>
71+
72+
</main>
73+
</div>
74+
</body>
14975
</html>

‎register.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
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>Register - Brisbane Social Chess</title>
7+
<meta name="description" content="How to join Brisbane Social Chess" />
8+
<link rel="stylesheet" href="style.css" />
9+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet" />
10+
<link rel="icon" type="image/png" href="assets/favicon.png">
11+
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
12+
</head>
13+
<body>
14+
<div class="background-overlay">
15+
<main class="content-wrapper">
16+
17+
<div class="logo">
18+
<img src="assets/image03.jpg" alt="Brisbane Social Chess Logo" />
19+
<h1>Brisbane Social Chess</h1>
20+
<p>A place for casual chess, for fun and friendly people.</p>
21+
</div>
22+
23+
<nav class="nav-links">
24+
<a href="index.html">Home</a>
25+
<a href="rules.html">Rules</a>
26+
<a href="terms.html">Terms</a>
27+
<a href="register.html">How to Register</a>
28+
<a href="games.html">Games</a>
29+
</nav>
30+
31+
<section class="section">
32+
<h2>How to Join</h2>
33+
<p>Becoming a member is easy and open to everyone!</p>
34+
35+
<ol>
36+
<li>Click the link below to complete your membership form.</li>
37+
<li>Pay your joining fee ($...) online via secure payment.</li>
38+
<li>You're done — welcome to the club!</li>
39+
</ol>
40+
41+
<div class="button-group">
42+
<a href="membership-form.html" class="button">Join Now</a>
43+
<a href="https://discord.com/invite/XXXXXXXXX" class="button">Ask Questions on Discord</a>
44+
<a href="mailto:john.test@gmail.com" class="button">Ask Questions on E-Mail</a>
45+
</div>
46+
</section>
47+
48+
<footer class="site-footer">
49+
<p>&copy; <span id="year"></span> Brisbane Social Chess. All rights reserved.</p>
50+
</footer>
51+
52+
<script>
53+
document.getElementById("year").textContent = new Date().getFullYear();
54+
</script>
55+
56+
</main>
57+
</div>
58+
</body>
59+
</html>

0 commit comments

Comments
 (0)