Skip to content

Commit de749fa

Browse files
dangerwormdangerworm
authored
Merge pull request #22 from CodeWithGroup/feature/drop-in-info
Feature/drop in info
2 parents b11a994 + 0b6b537 commit de749fa

File tree

4 files changed

+275
-192
lines changed

4 files changed

+275
-192
lines changed

‎css/style.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -356,7 +356,15 @@ span.event-date-month {
356356
span.event-date-day {
357357
color: initial;
358358
}
359+
span.event-date-start-time {
360+
color: initial;
361+
font-size:large
362+
}
363+
span.event-date-end-time {
364+
color: initial;
365+
font-size:large
359366

367+
}
360368
span.event-title {
361369
font-family: 'Boogaloo';
362370
font-size: xx-large;

‎events-drop-ins.html‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<h2>Drop-in sessions</h2>
2+
<p>
3+
Drop-in sessions are hosted by at least one mentor and run regularly in the evenings.
4+
You can get help on our <a href="https://codewithpeople.slack.com">Slack Workspace</a>
5+
or, if it's a really tricky problem, we can always jump into a Jitsi meeting with you.
6+
</p>
7+
<p>
8+
Jitsi links for regularly-scheduled sessions will be added to the web site a little
9+
before each drop-in event, so check back here to join via the 'Jitsi Link' button.
10+
</p>
11+
<section id="events">
12+
<div class="row card">
13+
<div class="col-12">
14+
<div class="row">
15+
<div class="col-sm-4 col-lg-2 event-date">
16+
<span class="event-date-month"></span>
17+
<span class="event-date-day">TBC</span>
18+
<p>
19+
<span class="event-date-start-time">7pm - </span>
20+
21+
<span class="event-date-end-time">9pm</span>
22+
</p>
23+
</div>
24+
<div class="col-sm-8 col-lg-10 event-title">
25+
<span class="event-title">National Coding Week</span>
26+
</div>
27+
</div>
28+
<div class="row">
29+
<div class="col-md-12 col-lg-9 event-description">
30+
<span class="event-description">
31+
A drop in for anyone who would like help with coding. This can be something related to one of
32+
our workshops or anything else! </span>
33+
</div>
34+
<div class="col-md-12 col-lg-3 event-book-button">
35+
<button class="btn btn-primary float-right" type="button">Jitsi Link <span
36+
class="fas fa-link"></span></button>
37+
</div>
38+
</div>
39+
</div>
40+
</div>
41+
42+
</section>

‎events-eventbrite-list.html‎

Lines changed: 221 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,221 @@
1+
<h2>Scheduled Workshops</h2>
2+
3+
<section id="events">
4+
<div class="row card">
5+
<div class="col-12">
6+
<div class="row">
7+
<div class="col-sm-4 col-lg-2 event-date">
8+
<span class="event-date-month">SEP</span>
9+
<span class="event-date-day">14</span>
10+
<p>
11+
<span class="event-date-start-time">6pm - </span>
12+
13+
<span class="event-date-end-time">8pm</span>
14+
</p>
15+
</div>
16+
<div class="col-sm-8 col-lg-10 event-title">
17+
<span class="event-title">Programming 101</span>
18+
</div>
19+
</div>
20+
<div class="row">
21+
<div class="col-md-12 col-lg-9 event-description">
22+
<span class="event-description">
23+
Programming 101 aims to introduce people to the basic principles common to all programming languages.
24+
</span>
25+
</div>
26+
<div class="col-md-12 col-lg-3 event-book-button">
27+
<!-- Noscript content for added SEO -->
28+
<noscript><a href="https://www.eventbrite.co.uk/e/programming-101-tickets-117920085149"
29+
rel="noopener noreferrer" target="_blank"></noscript>
30+
<!-- You can customize this button any way you like -->
31+
<button id="eventbrite-widget-modal-trigger-117920085149" class="btn btn-primary float-right"
32+
type="button">Register</button>
33+
<noscript></a>Register for tickets on Eventbrite</noscript>
34+
35+
</div>
36+
</div>
37+
</div>
38+
</div>
39+
40+
<div class="row card">
41+
<div class="col-12">
42+
<div class="row">
43+
<div class="col-sm-4 col-lg-2 event-date">
44+
<span class="event-date-month">SEP</span>
45+
<span class="event-date-day">15</span>
46+
<p>
47+
<span class="event-date-start-time">6pm - </span>
48+
49+
<span class="event-date-end-time">8pm</span>
50+
</p>
51+
</div>
52+
<div class="col-sm-8 col-lg-10 event-title">
53+
<span class="event-title">Databases 101</span>
54+
</div>
55+
</div>
56+
<div class="row">
57+
<div class="col-md-12 col-lg-9 event-description">
58+
<span class="event-description">
59+
A workshop for database beginners covered basics concepts of relational
60+
databases and an how to design a database structure.
61+
</span>
62+
</div>
63+
<div class="col-md-12 col-lg-3 event-book-button">
64+
<!-- Noscript content for added SEO -->
65+
<noscript><a href="https://www.eventbrite.co.uk/e/databases-101-tickets-117562278941"
66+
rel="noopener noreferrer" target="_blank"></noscript>
67+
<!-- You can customize this button any way you like -->
68+
<button id="eventbrite-widget-modal-trigger-117562278941" class="btn btn-primary float-right"
69+
type="button">Register</button>
70+
<noscript></a>Register for tickets on Eventbrite</noscript>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
76+
<div class="row card">
77+
<div class="col-12">
78+
<div class="row">
79+
<div class="col-sm-4 col-lg-2 event-date">
80+
<span class="event-date-month">SEP</span>
81+
<span class="event-date-day">16</span>
82+
<p>
83+
<span class="event-date-start-time">6pm - </span>
84+
85+
<span class="event-date-end-time">8pm</span>
86+
</p>
87+
</div>
88+
<div class="col-sm-8 col-lg-10 event-title">
89+
<span class="event-title">Containers 101 - Docker</span>
90+
</div>
91+
</div>
92+
<div class="row">
93+
<div class="col-md-12 col-lg-9 event-description">
94+
<span class="event-description">
95+
An introduction workshop to introduce you to Docker, a way of running your applications in
96+
containers.
97+
</span>
98+
</div>
99+
<div class="col-md-12 col-lg-3 event-book-button">
100+
<!-- Noscript content for added SEO -->
101+
<noscript><a href="https://www.eventbrite.co.uk/e/containers-101-docker-tickets-117832786035"
102+
rel="noopener noreferrer" target="_blank"></noscript>
103+
<!-- You can customize this button any way you like -->
104+
<button id="eventbrite-widget-modal-trigger-117832786035" class="btn btn-primary float-right"
105+
type="button">Register</button>
106+
<noscript></a>Register for tickets on Eventbrite</noscript>
107+
</div>
108+
</div>
109+
</div>
110+
</div>
111+
112+
<div class="row card">
113+
<div class="col-12">
114+
<div class="row">
115+
<div class="col-sm-4 col-lg-2 event-date">
116+
<span class="event-date-month">SEP</span>
117+
<span class="event-date-day">16</span>
118+
<p>
119+
<span class="event-date-start-time">7pm - </span>
120+
121+
<span class="event-date-end-time">9pm</span>
122+
</p>
123+
</div>
124+
<div class="col-sm-8 col-lg-10 event-title">
125+
<span class="event-title">Just Git Started</span>
126+
</div>
127+
</div>
128+
<div class="row">
129+
<div class="col-md-12 col-lg-9 event-description">
130+
<span class="event-description">
131+
This workshop will give you an introduction to the basics of using Git - one of the most popular
132+
version control systems out there.
133+
</span>
134+
</div>
135+
<div class="col-md-12 col-lg-3 event-book-button">
136+
<!-- Noscript content for added SEO -->
137+
<noscript><a href="https://www.eventbrite.co.uk/e/just-git-started-tickets-117920634793"
138+
rel="noopener noreferrer" target="_blank"></noscript>
139+
<!-- You can customize this button any way you like -->
140+
<button id="eventbrite-widget-modal-trigger-117920634793" class="btn btn-primary float-right"
141+
type="button">Register</button>
142+
<noscript></a>Register for tickets on Eventbrite</noscript>
143+
</div>
144+
</div>
145+
</div>
146+
</div>
147+
148+
<div class="row card">
149+
<div class="col-12">
150+
<div class="row">
151+
<div class="col-sm-4 col-lg-2 event-date">
152+
<span class="event-date-month">SEP</span>
153+
<span class="event-date-day">17</span>
154+
<p>
155+
<span class="event-date-start-time">6pm - </span>
156+
157+
<span class="event-date-end-time">8pm</span>
158+
</p>
159+
</div>
160+
<div class="col-sm-8 col-lg-10 event-title">
161+
<span class="event-title">SQL Walkthrough</span>
162+
</div>
163+
</div>
164+
<div class="row">
165+
<div class="col-md-12 col-lg-9 event-description">
166+
<span class="event-description">
167+
This workshop is for complete beginners, although it will help if you have attended the
168+
Databases
169+
101 workshop.
170+
</span>
171+
</div>
172+
<div class="col-md-12 col-lg-3 event-book-button">
173+
<!-- Noscript content for added SEO -->
174+
<noscript><a href="https://www.eventbrite.co.uk/e/sql-walkthrough-tickets-117920303803"
175+
rel="noopener noreferrer" target="_blank"></noscript>
176+
<!-- You can customize this button any way you like -->
177+
<button id="eventbrite-widget-modal-trigger-117920303803" class="btn btn-primary float-right"
178+
type="button">Register</button>
179+
<noscript></a>Register for tickets on Eventbrite</noscript>
180+
</div>
181+
</div>
182+
</div>
183+
</div>
184+
185+
<div class="row card">
186+
<div class="col-12">
187+
<div class="row">
188+
<div class="col-sm-4 col-lg-2 event-date">
189+
<span class="event-date-month">SEP</span>
190+
<span class="event-date-day">18</span>
191+
<p>
192+
<span class="event-date-start-time">6pm - </span>
193+
194+
<span class="event-date-end-time">8pm</span>
195+
</p>
196+
</div>
197+
<div class="col-sm-8 col-lg-10 event-title">
198+
<span class="event-title">Containers 102 - Kubernetes</span>
199+
</div>
200+
</div>
201+
<div class="row">
202+
<div class="col-md-12 col-lg-9 event-description">
203+
<span class="event-description">
204+
This workshop will introduce you to Kubernetes a way of deploying containers in a resilient and
205+
distributed way.
206+
</span>
207+
</div>
208+
<div class="col-md-12 col-lg-3 event-book-button">
209+
<!-- Noscript content for added SEO -->
210+
<noscript><a href="https://www.eventbrite.co.uk/e/containers-102-kubernetes-tickets-117832864269"
211+
rel="noopener noreferrer" target="_blank"></noscript>
212+
<!-- You can customize this button any way you like -->
213+
<button id="eventbrite-widget-modal-trigger-117832864269" class="btn btn-primary float-right"
214+
type="button">Register</button>
215+
<noscript></a>Register for tickets on Eventbrite</noscript>
216+
</script>
217+
</div>
218+
</div>
219+
</div>
220+
</div>
221+
</section>

0 commit comments

Comments
 (0)