Attend a Dojo page

coderdojorise · cajogos · Oct 4, 2020 · Mar 1, 2020 · Mar 1, 2020 · Mar 1, 2020
commit 36823ee2a00e49758c1264fe98ebfdc788c7f323
diff --git a/README.md b/README.md
@@ -4,6 +4,6 @@
 
 ## Checklist
 
-TODO: Email forwarding for hi@coderdojorise.com and dev@coderdojorise.com
-TODO: Set-up way to sign-up for email newsletters from Mailchimp.
-TODO: Fix the breadcrumbs element for each page.
+* TODO: Email forwarding for hi@coderdojorise.com and dev@coderdojorise.com
+* TODO: Set-up way to sign-up for email newsletters from Mailchimp.
+* TODO: Fix the breadcrumbs element for each page.
diff --git a/_data/events.json b/_data/events.json
@@ -0,0 +1,65 @@
+[
+	{
+		"name": "CoderDojo RISE",
+		"date": "28-03-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-28-march-2020-tickets-87608614725"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "25-04-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-25-april-2020-tickets-87608630773"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "30-05-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-30-may-2020-tickets-87608648827"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "27-06-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-27-june-2020-tickets-87608668887"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "25-07-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-25-july-2020-tickets-87608682929"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "29-08-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-29-august-2020-tickets-87608809307"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "26-09-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-26-september-2020-tickets-87608819337"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "31-10-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-31-october-2020-tickets-87608979817"
+	},
+	{
+		"name": "CoderDojo RISE",
+		"date": "28-11-2020 14:00",
+		"location": "RISE London, 41 Luke street, Shoreditch, London EC2A 4DP",
+		"type": "Regular",
+		"tickets_link": "https://www.eventbrite.co.uk/e/coderdojo-rise-28-november-2020-tickets-87608995865"
+	}
+]
diff --git a/_includes/partials/events-table.html b/_includes/partials/events-table.html
@@ -0,0 +1,32 @@
+<div class="events-table-element">
+
+    <h3>Upcoming Events</h3>
+
+	{% if site.data.events %}
+        <table class="table table-striped table-condensed">
+            <thead>
+                <tr>
+                    <th class="col-date">When</th>
+                    <th>Dojo<span class="hidden-xs"> Name</span></th>
+                    <th>Location</th>
+                    <th class="hidden-xs">Type</th>
+                    <th></th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for event in site.data.events %}
+                    <tr>
+                        <td class="col-date">{{ event.date }}</td>
+                        <td>{{ event.name }}</td>
+                        <td>{{ event.location }}</td>
+                        <td class="hidden-xs">{{ event.type }}</td>
+                        <td><a href="{{ event.tickets_link }}" class="btn" target="_blank"><span class="hidden-xs">Book </span>Tickets</a></td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    {% else %}
+        <h4><i class="fa fa-info-circle"></i> There are currently no scheduled events, please check back later.</h4>
+	{% endif %}
+
+</div>
diff --git a/assets/css/master.scss b/assets/css/master.scss
@@ -946,9 +946,6 @@ div.supporter-contact ul.social-links li a:active {
 ////////////////////
 // EVENTS TABLE ///
 //////////////////
-div.events-table-element table .col-minidate {
-	display: none;
-}
 
 //////////////////////////
 // NEWSLETTER SIGN UP ///
@@ -1223,9 +1220,6 @@ div.newsletter-form-container div.response-success h3 {
 	div.events-table-element table .col-time {
 		display: none;
 	}
-	div.events-table-element table .col-minidate {
-		display: table-cell;
-	}
 	div.resource a.resource-overlay h2.resource-title {
 		margin-top: 40px;
 		font-size: 18px;

diff --git a/pages/about-us.html b/pages/about-us.html
@@ -1,7 +1,7 @@
 ---
+permalink: /about-us
 layout: master
 title: Find out about CoderDojo in London
-permalink: about-us
 ---
 
 <div class="heading-banner-container heading-orange">

diff --git a/pages/attend-a-dojo.html b/pages/attend-a-dojo.html
@@ -0,0 +1,82 @@
+---
+permalink: /attend-a-dojo
+layout: master
+title: Attend a CoderDojo in London
+---
+
+<div class="heading-banner-container heading-green">
+	<div class="heading-banner">
+		<h1>Attend a Dojo</h1>
+	</div>
+</div>
+
+<div class="container attend">
+
+	{% include partials/events-table.html %}
+
+	<hr />
+
+	<h2 title="Frequently Asked Questions about CoderDojo">FAQs</h2>
+
+	<div class="row">
+		<div class="col-sm-9">
+			<h3 class="faq-title">What is my child going to learn?</h3>
+			<p>What does your child want to learn? The philosophy of CoderDojo is peer learning and self-taught. Almost every Dojo uses Scratch, though there will also be other languages to explore. If there's a language your child wants to learn more about, just let us know and we'll make it happen.</p>
+			<p>We do not follow the National curriculum, nor do we provide homework. Everyone seems to learn best when they can play and have fun.</p>
+		</div>
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><i class="fa fa-info"></i></div></div>
+	</div>
+
+	<hr/>
+
+	<div class="row">
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><i class="fa fa-laptop"></i></div></div>
+		<div class="col-sm-9 text-right">
+			<h3 class="faq-title">What does my child need to bring?</h3>
+			<p>Laptop is a requirement for most Dojos. Not an iPad or a tablet. Some Dojo's will have special Dojos where they'll provide all the required equipment, though most of the time your child will code on their own laptop. Please do contact if you'd like to discuss this point.</p>
+		</div>
+	</div>
+	<hr/>
+
+	<div class="row">
+		<div class="col-sm-9">
+			<h3 class="faq-title">Do I need to register?</h3>
+			<p>Registrations are a must! A parent and child ticket must be booked to attend.</p>
+			<p>We will never ask for your child's name on the booking form, we just need to know how many children you will be bringing.</p>
+			<p>Most registrations will be via Eventbrite.</p>
+		</div>
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><i class="fa fa-ticket"></i></div></div>
+	</div>
+
+	<hr/>
+
+	<div class="row">
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><i class="fa fa-times-circle"></i></div></div>
+		<div class="col-sm-9 text-right">
+			<h3 class="faq-title">What if I have registered but cannot make it after all?</h3>
+			<p>Places are limited, so if you register and do not show up, that is a real pity for someone else who wanted to come but didn't have a spot.</p>
+			<p>If you have to cancel please let us know in time by emailing your local Dojo or, better yet, by canceling your ordered ticket directly in Eventbrite. That way, someone on the waiting list might still be able to join.</p>
+		</div>
+	</div>
+
+	<hr/>
+
+	<div class="row">
+		<div class="col-sm-9">
+			<h3 class="faq-title">Do parents need to stay during the Dojo?</h3>
+			<p>Yes, if your child's age is below 14. Even if your child is older, we always promote parents being around to be involved.</p>
+		</div>
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><i class="fa fa-users"></i></div></div>
+	</div>
+
+	<hr/>
+
+	<div class="row">
+		<div class="col-sm-3 hidden-xs"><div class="icon-container green-icon"><span class="fa-stack fa-lg"><i class="fa fa-money fa-stack-2x"></i><i class="fa fa-times fa-stack-1x" style="color:#EA4737;opacity:0.8"></i></span></div></div>
+		<div class="col-sm-9 text-right">
+			<h3 class="faq-title">Does it cost anything?</h3>
+			<p>100% free and always will be. The dojo is run by committed, fun-loving volunteers and supported by corporate partners. Want to help? <a href="{{ '/volunteer' | relative_url }}">Click here</a>.</p>
+		</div>
+	</div>
+
+</div>