coderdojorise · cajogos · Oct 4, 2020 · Oct 4, 2020 · Oct 4, 2020 · Oct 4, 2020
diff --git a/README.md b/README.md
@@ -4,10 +4,26 @@
 
 ## 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: Volunteer pages
+### Website
+
 * TODO: Resources pages
 * TODO: Supporters pages
-* TODO: Community pages
-* TODO: Add Google Analytics tag
+* TODO: Add Google Analytics tag
+
+### Systems
+
+* TODO: Email forwarding for hi@coderdojorise.com and dev@coderdojorise.com
+* TODO: Set-up way to sign-up for email newsletters from Mailchimp.
+
+## Running Locally
+
+1. Install Github Pages Jekyll:
+    - Follow this tutorial: https://jekyllrb.com/docs/github-pages/
+
+2. Run the following command locally:
+    - `$ bundle exec jekyll serve`
+
+## Misc
+
+- We recommend using `rbenv` to install Ruby:
+    - https://github.com/rbenv/rbenv
diff --git a/_data/events.json b/_data/events.json
diff --git a/_data/events.yml b/_data/events.yml
@@ -0,0 +1,8 @@
+events:
+
+  # - name: CoderDojo Rise
+  #   date: 28 Mar 2020
+  #   time: 14:00
+  #   location: RISE London, 41 Luke Street, London EC2A 4DP
+  #   type: Regular
+  #   ticketsLink: https://www.eventbrite.co.uk/e/coderdojo-rise-28-march-2020-tickets-87608614725
diff --git a/_posts/2020-02-23-welcome-to-jekyll.markdown → ...fts/2020-02-23-welcome-to-jekyll.markdown b/_posts/2020-02-23-welcome-to-jekyll.markdown → ...fts/2020-02-23-welcome-to-jekyll.markdown
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -8,7 +8,7 @@
 				<span class="icon-bar"></span>
 			</button>
 			<a class="navbar-brand" href="/">
-				<img class="logo" alt="CoderDojo RISE Logo" src="{{ site.data.navbar.logo }}"/>
+				<img class="logo" alt="CoderDojo RISE Logo" src="{{ site.data.navbar.logo | relative_url }}"/>
 			</a>
 		</div>
 		<div class="collapse navbar-collapse" id="cd-london-navbar-collapse">

diff --git a/_includes/partials/events-table.html b/_includes/partials/events-table.html
@@ -2,7 +2,7 @@
 
     <h3>Upcoming Events</h3>
 
-	{% if site.data.events %}
+	{% if site.data.events.events %}
         <table class="table table-striped table-condensed">
             <thead>
                 <tr>
@@ -15,7 +15,7 @@ <h3>Upcoming Events</h3>
                 </tr>
             </thead>
             <tbody>
-                {% for event in site.data.events %}
+                {% for event in site.data.events.events %}
                     <tr>
 						<td class="col-date">{{ event.date }}</td>
 						<td class="col-date hidden-xs">{{ event.time }}</td>

diff --git a/_layouts/main.html b/_layouts/main.html
@@ -10,17 +10,17 @@
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css" />
         <link rel="stylesheet" href="{{ 'assets/css/styles.css' | relative_url }}" />
+
+        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="{{ 'assets/js/utils.js' | relative_url }}"></script>
+        <script type="text/javascript" src="{{ 'assets/js/scripts.js' | relative_url }}"></script>
     </head>
     <body>
         {% include header.html %}
         {%- include partials/breadcrumbs.html -%}
         {{ content }}
         {% include footer.html %}
         {% include partials/eu-cookie-message.html %}
-
-        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
-        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-        <script type="text/javascript" src="{{ 'assets/js/utils.js' | relative_url }}"></script>
-        <script type="text/javascript" src="{{ 'assets/js/scripts.js' | relative_url }}"></script>
     </body>
 </html>
diff --git a/_posts/.gitignore b/_posts/.gitignore
diff --git a/pages/community.html b/pages/community.html
@@ -0,0 +1,45 @@
+---
+permalink: /community
+layout: main
+title: Join the CoderDojo RISE community
+breadcrumbs: "Home:/:;Community:/community:community active;"
+---
+<div class="heading-banner-container banner-inverse heading-black">
+    <div class="heading-banner">
+        <h1>Community</h1>
+    </div>
+</div>
+<div class="container community">
+    <h2>Community Events</h2>
+    <div class="well">
+        <p style="font-size:1.3em">We are working on creating some awesome Community Events for the wider CoderDojo
+            network!</p>
+    </div>
+    <hr/>
+    <div class="newsletter-form-container">
+        <div class="row form-area">
+            <div class="col-sm-6">
+                <h4>Sign up to the community newsletters</h4>
+            </div>
+            <div class="col-sm-6 text-right">
+                <form class="form-inline" id="subscribe-form" data-list="{$list}">
+                    <div class="form-group">
+                        <label class="sr-only">Your email address</label>
+                        <div class="input-group">
+                            <input type="email" class="form-control success" id="newsletter-email-input"
+                                placeholder="Your email address..." required="required" />
+                        </div>
+                    </div>
+                    <button type="submit" class="btn btn-success" disabled>
+                        <i class="fa fa-envelope"></i> Sign Up
+                    </button>
+                </form>
+            </div>
+        </div>
+        <div class="response-success">
+            <h3>Thank you! You are on our list. Watch out for our emails <i class="fa fa-smile-o"></i></h3>
+        </div>
+    </div>
+    <hr/>
+    <h4 class="text-center">More coming Soon...</h4>
+</div>
diff --git a/pages/legal/cookies.html b/pages/legal/cookies.html
@@ -0,0 +1,47 @@
+---
+permalink: /legal/cookies
+layout: main
+title: How we use cookies
+breadcrumbs: "Home:/:;How we use cookies:/legal/cookies:active"
+---
+<div class="container">
+	<h2><i class="fa fa-info-circle"></i> How we use Cookies</h2>
+	<p>By using our website, you're consenting to our use of cookies. You can change your cookie settings at any time through your browser.</p>
+
+	<h3>What are cookies?</h3>
+	<p>A cookie is a small text file that is stored on your computer or device when you visit a website. Cookies are used by all websites, and have several different functions.</p>
+
+	<strong>At a basic level cookies will:</strong>
+	<ul>
+		<li>Allow the site to work properly, and help keep it secure.</li>
+		<li>Help us understand how people use the website.</li>
+		<li>Make the site easier to use by remembering information that you've entered.</li>
+		<li>Improve your experience by showing you information that's relevant to you.</li>
+	</ul>
+
+	<div class="row">
+		<div class="col-sm-6">
+			<h3>Types of cookies we use</h3>
+			<ol>
+				<li>
+					<strong>Necessary cookies</strong>
+					<p>These cookies let you move around our website and use all its features.</p>
+				</li>
+				<li>
+					<strong>Performance cookies</strong>
+					<p>These simply help us improve the way our website works. They tell us how people use each page, which ones are most commonly viewed, or whether any errors occurred. These are often provided by Google Analytics.</p>
+				</li>
+				<li>
+					<strong>Customisation cookies</strong>
+					<p>These cookies store your personal settings such as font sizes, volume level, or remember basic information that you've entered, so next time you visit our website it's all there for you. For example, if you choose to close our Cookie Law message, cookies will help us remember that for you.</p>
+				</li>
+			</ol>
+		</div>
+		<div class="col-sm-6">
+			<h3>Changing your cookie settings</h3>
+			<p>We recommend that you don't change your cookie settings, as we can't guarantee the performance of the site if you block some or all cookies.</p>
+
+			<p>If you do decide to change them, you can do this through your browser. Each browser works in a different way, so you'll need to search for 'cookie settings' in your browser's help section to find out how to do this. Or you may <a href="https://www.civicuk.com/cookie-control/browser-settings" target="_blank">use this guide</a>.</p>
+		</div>
+	</div>
+</div>
diff --git a/pages/resources/home.html b/pages/resources/home.html
@@ -0,0 +1,87 @@
+---
+permalink: /resources
+layout: main
+title: Resources to Learn Coding
+breadcrumbs: "Home:/:;Resources:/resources:resources active"
+---
+
+<div class="heading-banner-container heading-red">
+	<div class="heading-banner">
+		<h1>Resources</h1>
+	</div>
+</div>
+
+<div class="container resources">
+
+	<div>
+		<p>Awesome and the wonderful friends of CoderDojo have provided some great resources for you to learn, explore and enjoy.</p>
+		<p>There's a mixture of both companies and pure programming languages. Some resources will have particular mentors that can assist you in your knowledge boost, while others have companies that can offer discounts on products that also assist you through your journey.</p>
+
+		<h5>There are 3 levels of resources:</h5>
+		<ul>
+			<li>
+				<strong>Starting out:</strong> choose this if you're new to this language or want to refresh your skills.
+			</li>
+			<li>
+				<strong>Some experience:</strong> this level is for ninjas that have mastered the basics and are looking to advance their skills.
+			</li>
+			<li>
+				<strong>Very experienced:</strong> so you think you're good? Take on these challenges to become a Master!
+			</li>
+		</ul>
+		<h5>There are 4 types of resources:</h5>
+		<ul>
+			<li>
+				<strong>Sushi Cards:</strong> Very similar to the Japanese dish, these cards are bite-size lessons to learn small, quick tasks.
+			</li>
+			<li>
+				<strong>Guide Cards:</strong> tutorial style cards, that take you through an adventure-style lesson that's more than just a single task that you've gained form a Sushi Card.
+			</li>
+			<li>
+				<strong>External Resource:</strong> this will take you to one of our partners' sites that have some great resources to use.
+			</li>
+			<li>
+				<strong>Assets:</strong> this will be a file of assets (such as image or sound files, etc) that you'll require in order to complete some exercises.
+			</li>
+		</ul>
+	</div>
+
+	<div class="row">
+
+		<div class="col-sm-4 col-xs-6 resource">
+			<img src="{{ 'assets/images/logos/scratch.png' | relative_url}}" class="resource-logo" alt="Scratch programming language" />
+			<a class="resource-overlay" href="/resources/scratch" title="Scratch resources">
+				<h2 class="resource-title">Scratch</h2>
+			</a>
+		</div>
+
+		<div class="col-sm-4 col-xs-6 resource">
+			<img src="{{ 'assets/images/logos/python.png' | relative_url }}" class="resource-logo" alt="Python programming language" />
+			<a class="resource-overlay" href="/resources/python" title="Python resources">
+				<h2 class="resource-title">Python</h2>
+			</a>
+		</div>
+
+		<div class="col-sm-4 col-xs-6 resource">
+			<img src="{{ 'assets/images/logos/javascript.png' | relative_url }}" class="resource-logo" alt="JavaScript programming language" />
+			<a class="resource-overlay" href="/resources/javascript" title="JavaScript resources">
+				<h2 class="resource-title">JavaScript</h2>
+			</a>
+        </div>
+
+        <div class="col-sm-4 col-xs-6 resource">
+			<img src="{{ 'assets/images/logos/idea.png' | relative_url }}" class="resource-logo" alt="iDEA" />
+			<a class="resource-overlay" href="/resources/idea" title="iDEA - Inspiring Digital Enterprise Award resources">
+				<h2 class="resource-title">iDEA</h2>
+			</a>
+		</div>
+
+		<div class="col-sm-4 col-xs-6 resource">
+			<img src="{{ 'assets/images/logos/raspberry-pi.png' | relative_url }}" class="resource-logo" alt="Raspberry Pi" />
+			<a class="resource-overlay" href="/resources/raspberry-pi" title="Raspberry Pi resources">
+				<h2 class="resource-title">Raspberry Pi</h2>
+			</a>
+		</div>
+	</div>
+
+</div>