-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathworkshops.html
More file actions
187 lines (176 loc) · 12.7 KB
/
Copy pathworkshops.html
File metadata and controls
187 lines (176 loc) · 12.7 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
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Module-based workshops by Programming Club - Curtin University Colombo. Assignment and study aids for units like COMP1000 and COMP1005.">
<meta name="theme-color" content="#0a0a0f">
<title>Workshops - Programming Club</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="styles.css">
<script>(function(){try{var t=localStorage.getItem('theme');if(!t){t=(window.matchMedia&&window.matchMedia('(prefers-color-scheme: light)').matches)?'light':'dark';}if(t==='light'){document.documentElement.setAttribute('data-theme','light');}}catch(e){}})();</script>
</head>
<body>
<!-- Navigation -->
<nav role="navigation" aria-label="Main navigation">
<div class="nav-container">
<a href="index.html" class="logo" aria-label="Programming Club home">
<img src="branding/logo.png" alt="Programming Club logo" class="logo-img">
<span>Programming Club</span>
</a>
<div class="nav-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="nav-social" aria-label="Programming Club social media">
<a href="mailto:pc.curtincolombo@gmail.com" class="nav-icon" aria-label="Email Programming Club"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg></a>
<a href="https://www.linkedin.com/company/programming-club-curtin-colombo" class="nav-icon" target="_blank" rel="noopener noreferrer" aria-label="Programming Club on LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://www.instagram.com/programming_club_cc" class="nav-icon" target="_blank" rel="noopener noreferrer" aria-label="Programming Club on Instagram"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a>
</div>
</div>
<div class="nav-controls">
<button class="theme-toggle" aria-label="Toggle light and dark theme" aria-pressed="false">
<svg class="icon-sun" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM1 10.5h3v2H1v-2zm10-9.95h2V3.5h-2V.55zm7.45 3.91l1.41-1.41 1.79 1.79-1.41 1.41-1.79-1.79zm-1.41 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5h3v2h-3v-2zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l-1.41 1.41 1.79 1.79 1.41-1.41-1.79-1.79z"/></svg>
<svg class="icon-moon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>
</button>
<button class="menu-toggle" aria-label="Toggle menu" aria-expanded="false">
☰
</button>
</div>
</div>
</nav>
<!-- Header with spacing for fixed nav -->
<div class="nav-spacer"></div>
<!-- Workshops Section -->
<section>
<h2>Workshops</h2>
<p class="section-intro">
Our workshops are mostly module-based and aimed at internal students - run as assignment understanding and study aids that complement your units at Curtin Colombo.
</p>
<div class="cards-grid">
<!-- Hello World -->
<article class="card">
<div class="date">👋 Hello World</div>
<h3>Hello World</h3>
<p>A friendly first step into the programming world. We cover what code is, how to set up your environment, and write your very first program - no prior experience needed.</p>
<div class="tags">
<span class="tag">Beginner Friendly</span>
<span class="tag">First Steps</span>
<span class="tag">Hands-on</span>
</div>
</article>
<!-- COMP1000 -->
<article class="card">
<div class="date">📘 COMP1000</div>
<h3>Unix & C</h3>
<p>Get comfortable with the Unix command line and C programming. We walk through core concepts and assignment-style problems to help you understand the module.</p>
<div class="tags">
<span class="tag">Unix</span>
<span class="tag">C</span>
<span class="tag">Assignment Aid</span>
</div>
</article>
<!-- COMP1005 -->
<article class="card">
<div class="date">📗 COMP1005</div>
<h3>Fundamentals of Programming</h3>
<p>Build a solid foundation in programming concepts and problem solving. Sessions reinforce lecture material with hands-on practice around the unit's assignments.</p>
<div class="tags">
<span class="tag">Python</span>
<span class="tag">Fundamentals</span>
<span class="tag">Beginner Friendly</span>
</div>
</article>
<!-- Git & Version Control -->
<article class="card">
<div class="date">🌿 Git & Version Control</div>
<h3>Git & Version Control</h3>
<p>Learn to track your work, collaborate without chaos, and use GitHub with confidence. We cover commits, branches, merges, and pull requests through practical, hands-on examples.</p>
<div class="tags">
<span class="tag">Git</span>
<span class="tag">GitHub</span>
<span class="tag">Collaboration</span>
</div>
</article>
<!-- Data Structures & Algorithms -->
<article class="card">
<div class="date">📙 Core Concepts</div>
<h3>Data Structures & Algorithms</h3>
<p>Hands-on sessions on the data structures and algorithms that show up in units, interviews, and real projects - with problem-solving practice to build your intuition.</p>
<div class="tags">
<span class="tag">DSA</span>
<span class="tag">Problem Solving</span>
<span class="tag">Study Aid</span>
</div>
</article>
<!-- Web Development -->
<article class="card">
<div class="date">📓 Build Projects</div>
<h3>Web Development</h3>
<p>Go from the basics of HTML, CSS, and JavaScript to building your own web pages and small projects - useful for coursework and personal portfolios alike.</p>
<div class="tags">
<span class="tag">HTML/CSS</span>
<span class="tag">JavaScript</span>
<span class="tag">Projects</span>
</div>
</article>
</div>
<!-- CTA Section -->
<div class="cta-box cta-inline">
<h3 class="cta-heading">Need help with a unit?</h3>
<p class="cta-text">
Let us know which modules you'd like workshops for. We plan sessions around what internal students need most.
</p>
<a href="contact.html" class="btn">Suggest a Workshop</a>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-grid">
<div class="footer-col footer-brand">
<div class="footer-logos">
<img src="branding/ccsg-white.png" alt="Curtin Colombo Student Guild logo" class="footer-logo footer-logo-ccsg ccsg-dark">
<img src="branding/ccsg-black.png" alt="Curtin Colombo Student Guild logo" class="footer-logo footer-logo-ccsg ccsg-light">
<span class="footer-logo-separator">|</span>
<img src="branding/logo.png" alt="Programming Club logo" class="footer-logo">
</div>
<p class="footer-about">The officially recognised student club for tech at Curtin University Colombo - computer science, software engineering, cybersecurity and networking.</p>
</div>
<div class="footer-col">
<h4 class="footer-heading">Quick Links</h4>
<ul class="footer-links">
<li><a href="index.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="workshops.html">Workshops</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-col">
<h4 class="footer-heading">Legal</h4>
<ul class="footer-links">
<li><a href="terms.html">Terms & Conditions</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-col">
<h4 class="footer-heading">Connect</h4>
<div class="footer-social" aria-label="Programming Club social media">
<a href="mailto:pc.curtincolombo@gmail.com" class="nav-icon" aria-label="Email Programming Club"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg></a>
<a href="https://www.linkedin.com/company/programming-club-curtin-colombo" class="nav-icon" target="_blank" rel="noopener noreferrer" aria-label="Programming Club on LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://www.instagram.com/programming_club_cc" class="nav-icon" target="_blank" rel="noopener noreferrer" aria-label="Programming Club on Instagram"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Programming Club - Curtin University Colombo. All rights reserved.</p>
<p class="footer-sub">Build with <3</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>