Merge pull request #61 from node-girls/events-readme-language-update

updates homepage language, adds current events, adds readme instructions

README.md

@@ -1,27 +1,26 @@
-# Welcome to the node-girls-website 
+# Welcome to the node-girls-website
 
-[![Build Status](https://travis-ci.org/node-girls/node-girls-website.svg)](https://travis-ci.org/node-girls/node-girls-website)
-[![Dependency Status](https://david-dm.org/node-girls/node-girls-website.svg)](https://david-dm.org/node-girls/node-girls-website)
-[![devDependency Status](https://david-dm.org/node-girls/node-girls-website/dev-status.svg)](https://david-dm.org/node-girls/node-girls-website#info=devDependencies)
-[![Code Climate](https://codeclimate.com/github/node-girls/node-girls-website/badges/gpa.svg)](https://codeclimate.com/github/node-girls/node-girls-website)
 [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/node-girls/node-girls-website/issues)
 
-## What is Node Girls?
+## What is this?
 
-Node Girls runs free bootcamps in Node.js for women, inspired by [Rails Girls](http://railsgirls.com/) and [Django Girls](https://djangogirls.org/). Right now we're just in London, but we hope to spread the Node love around the globe very soon.
+Node Girls runs free JavaScript and Node.js workshops for women, non-binary and trans folk around the world. This is our official website where we are happy to list any Node Girls events happening around the world.
 
-## Why?
+## How to run this project?
 
-Read more [here](https://github.com/node-girls/start-here/blob/master/README.md)
+For local access, clone the repo from [here](https://github.com/node-girls/node-girls-website).
 
-## How to run node-girls-website?
+Our page is running on [gh-pages](https://pages.github.com/). To see your changes locally, open the page you are editing in a browser.
 
-For local access, please star the repo and then clone it from [here](https://github.com/node-girls/node-girls-website).
+## How to contribute?
 
-Our page is running on [gh-pages](https://pages.github.com/), to see your changes locally, open the page you are editing in a browser. 
+This project is basic frontend HTML and CSS, built using the Materialize CSS library and deployed via [GitHub Pages](https://pages.github.com/).
 
-Note: (currently the site is under construction)
+Some quick tips:
+* To add a chapter, you will need to add a `<city>.html` file to the root directory
+* To add an event, add it to Current Events in the `<city>.html`, `index.html`, and `events.html` files (bonus points if you remember to move it to Past Events once the event ends)
+* To add mentors, add their photo to the `images` directory, set the background image as a class in the CSS file, and add them to the relevant `<city>.html` file
 
-## Wireframes
+Please feel free to make pull requests and add your own chapter of Node Girls. More detailed instructions of how to contribute to this repository are coming. And hopefully, the website will be improved upon sometime soon.
 
-(Under construction)
+In the meantime, feel free to ping us with any questions. This repository is most actively maintained by @msmichellegar, @minaorangina, @nofootnotes, @iteles and @natalialkb. One of us will review any pull requests before merging into the main branch.

events.html

@@ -68,9 +68,113 @@ <h5 class="header col s12 light">
     <!--   Upcoming Events Section   -->
     <div class="container">
       <h3 class="header center green-text">Upcoming Events</h3>
+      <div class="event-container">
+        <a href="london.html"><div class="chip">London</div></a>
+        <h5 class="header light event-container__header">Saturday 29<sup>th</sup> October 2016</h5>
+        <h5 class="header time">
+          <span class="inline-clock-icon">
+            <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
+          </span>
+          10:00 - 17:00
+        </h5>
+        <div class="event">
+
+          <div class="title">
+            <a class="grey-text" href="https://nodegirls.typeform.com/to/pVr0eb">
+              Introduction to JavaScript
+            </a>
+            at
+            <a class="grey-text">
+              TBA
+            </a>
+          </div>
+
+          <p class="flow-text">A beginner's introduction to JavaScript and programming.</p>
+
+          <div class="row">
+            <div class="organisers-container col m6">
+              <a href="https://twitter.com/nofootnotes">
+                <div class="team-image team-image__small claire" src="" alt="Claire Mitchell"></div>
+              </a>
+              <a href="https://www.twitter.com/msmichellegar">
+                <div class="team-image team-image__small michelle" src="" alt="Michelle Garrett"></div>
+              </a>
+              <a href="https://www.twitter.com/iteles">
+                <div class="team-image team-image__small ines" src="" alt="Ines"></div>
+              </a>
+              <a href="https://twitter.com/NataliaLKB">
+                <div class="team-image team-image__small natalia" src="" alt="Natalia"></div>
+              </a>
+              <a href="https://twitter.com/minaorangina">
+                <div class="team-image team-image__small mina" src="" alt="Mina"></div>
+              </a>
+              <a href="https://twitter.com/a_nitacz">
+                <div class="team-image team-image__small anita" src="./images/claire" alt="Name"></div>
+              </a>
+            </div>
+
+            <div class="col m6 sponsors-container">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="event-container">
+        <a href="melbourne.html"><div class="chip">Melbourne</div></a>
+        <h5 class="header light event-container__header">Saturday 5<sup>th</sup> November 2016</h5>
+        <h5 class="header time">
+          <span class="inline-clock-icon">
+            <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
+          </span>
+          10:00 - 15:00
+        </h5>
+        <div class="event">
+
+          <div class="title">
+            <a class="grey-text" href="https://www.facebook.com/events/537458366458695/">
+              NodeGirls Melbourne @1.0
+            </a>
+            at
+            <a class="grey-text" href="https://www.zendesk.com/">
+              Zendesk
+            </a>
+          </div>
+
+          <p class="flow-text">Three way workshop - Javascript for beginners and intermediate, Node for advanced.</p>
+
+          <div class="row">
+            <div class="organisers-container col m6">
+              <a href="https://twitter.com/ButenkoMe">
+                <div class="team-image team-image__small tanya" src="" alt="Tanya Butenko"></div>
+              </a>
+              <a href="https://au.linkedin.com/in/daniel-siepen-b3353771">
+                <div class="team-image team-image__small daniel" src="" alt="Daniel Siepen"></div>
+              </a>
+            </div>
+
+            <div class="col m6 sponsors-container">
+              <a href="http://redwolfconsulting.com.au/">
+                <img class="sponsor" src="images/sponsors/redwolf-logo.png" alt="redwolf">
+              </a>
+              <a href="https://tabcorp.com.au/">
+                <img class="sponsor" src="images/sponsors/tabcorp-logo.png" alt="tabcorp">
+              </a>
+              <a href="https://www.zendesk.com/">
+                <img class="sponsor" src="images/sponsors/zendesk-logo.png" alt="zendesk">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      </div>
+    </div>
+
+
+    <!--   Past Events Section   -->
+    <div class="container">
+      <h3 class="header center green-text">Past Events</h3>
       <div class="event-container">
         <a href="sydney.html"><div class="chip">Sydney</div></a>
-        <h5 class="header light event-container__header">Saturday 24th September 2016</h5>
+        <h5 class="header light event-container__header">Saturday 24<sup>th</sup> September 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -89,8 +193,6 @@ <h5 class="header time">
             </a>
           </div>
 
-          <p class="flow-text">Jetpack Beluga event with 'Intro to JavaScript' workshop from Node Girls Sydney.</p>
-
           <div class="row">
             <div class="organisers-container col m6">
               <a href="https://twitter.com/ButenkoMe">
@@ -112,17 +214,9 @@ <h5 class="header time">
           </div>
           </div>
         </div>
-
-      </div>
-    </div>
-
-
-    <!--   Past Events Section   -->
-    <div class="container">
-      <h3 class="header center green-text">Past Events</h3>
       <div class="event-container">
         <a href="sydney.html"><div class="chip">Sydney</div></a>
-        <h5 class="header light event-container__header">Saturday 10th September 2016</h5>
+        <h5 class="header light event-container__header">Saturday 10<sup>th</sup> September 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -141,8 +235,6 @@ <h5 class="header time">
             </a>
           </div>
 
-          <p class="flow-text">A two-track workshop teaching beginners JavaScript and Node.js.</p>
-
           <div class="row">
             <div class="organisers-container col m6">
               <a href="https://twitter.com/ButenkoMe">
@@ -173,7 +265,7 @@ <h5 class="header time">
       </div>
       <div class="event-container">
         <a href="sydney.html"><div class="chip">Sydney</div></a>
-        <h5 class="header light event-container__header">Saturday 9th July 2016</h5>
+        <h5 class="header light event-container__header">Saturday 9<sup>th</sup> July 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -221,7 +313,7 @@ <h5 class="header time">
       </div>
       <div class="event-container">
         <a href="london.html"><div class="chip">London</div></a>
-        <h5 class="header light event-container__header">Saturday 2nd July 2016</h5>
+        <h5 class="header light event-container__header">Saturday 2<sup>nd</sup> July 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>

index.html

@@ -95,10 +95,7 @@ <h3 class="header center green-text">NODE.JS WORKSHOPS</h3>
             <hr class="why-text-container__divider"/>
             <div class="row center">
               <h5 class="header col s12 light">
-                Node Girls runs free 1 day Node.js workshops.
-              </h5>
-              <h5 class="header col s12 light">
-                We aim to provide a friendly environment for women who are learning to code, supported by a community of experienced female mentors.
+                Node Girls runs free JavaScript and Node.js workshops for women, non-binary and trans folk around the world.
               </h5>
             </div>
             <div class="row center">
@@ -114,7 +111,7 @@ <h5 class="header col s12 light">
       <div class="section no-pad-bot">
         <div class="container">
           <div class="row center">
-            <h4 class="header col s12 light">A community of women who learn together.</h4>
+            <h4 class="header col s12 light">A community of people who learn together.</h4>
           </div>
         </div>
       </div>
@@ -126,7 +123,7 @@ <h4 class="header col s12 light">A community of women who learn together.</h4>
       <h3 id="next-event" class="header center green-text">Upcoming Events</h3>
       <div class="event-container">
         <a href="london.html"><div class="chip">London</div></a>
-        <h5 class="header light event-container__header">Saturday 29th October 2016</h5>
+        <h5 class="header light event-container__header">Saturday 29<sup>th</sup> October 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -174,6 +171,53 @@ <h5 class="header time">
           </div>
         </div>
       </div>
+      <div class="event-container">
+        <a href="melbourne.html"><div class="chip">Melbourne</div></a>
+        <h5 class="header light event-container__header">Saturday 5<sup>th</sup> November 2016</h5>
+        <h5 class="header time">
+          <span class="inline-clock-icon">
+            <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
+          </span>
+          10:00 - 15:00
+        </h5>
+        <div class="event">
+
+          <div class="title">
+            <a class="grey-text" href="https://www.facebook.com/events/537458366458695/">
+              NodeGirls Melbourne @1.0
+            </a>
+            at
+            <a class="grey-text" href="https://www.zendesk.com/">
+              Zendesk
+            </a>
+          </div>
+
+          <p class="flow-text">Three way workshop - Javascript for beginners and intermediate, Node for advanced.</p>
+
+          <div class="row">
+            <div class="organisers-container col m6">
+              <a href="https://twitter.com/ButenkoMe">
+                <div class="team-image team-image__small tanya" src="" alt="Tanya Butenko"></div>
+              </a>
+              <a href="https://au.linkedin.com/in/daniel-siepen-b3353771">
+                <div class="team-image team-image__small daniel" src="" alt="Daniel Siepen"></div>
+              </a>
+            </div>
+
+            <div class="col m6 sponsors-container">
+              <a href="http://redwolfconsulting.com.au/">
+                <img class="sponsor" src="images/sponsors/redwolf-logo.png" alt="redwolf">
+              </a>
+              <a href="https://tabcorp.com.au/">
+                <img class="sponsor" src="images/sponsors/tabcorp-logo.png" alt="tabcorp">
+              </a>
+              <a href="https://www.zendesk.com/">
+                <img class="sponsor" src="images/sponsors/zendesk-logo.png" alt="zendesk">
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
     <div class="valign-wrapper parallax-background parallax-background--second-image">

london.html

@@ -73,7 +73,7 @@ <h5 class="header col s12 light">
         <!--   Upcoming Events Section   -->
         <h3 class="header center green-text">Upcoming Events</h3>
         <div class="event-container">
-          <h5 class="header light event-container__header">Saturday 29th October 2016</h5>
+          <h5 class="header light event-container__header">Saturday 29<sup>th</sup> October 2016</h5>
           <h5 class="header time">
             <span class="inline-clock-icon">
               <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -125,7 +125,7 @@ <h5 class="header time">
         <!--   Past Events Section   -->
         <h3 class="header center green-text">Past events</h3>
         <div class="event-container">
-          <h5 class="header light event-container__header">Saturday 2nd July 2016</h5>
+          <h5 class="header light event-container__header">Saturday 2<sup>nd</sup> July 2016</h5>
           <h5 class="header time">
             <span class="inline-clock-icon">
               <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>

melbourne.html

@@ -72,7 +72,7 @@ <h5 class="header col s12 light">
         <!--   Upcoming Events Section   -->
         <h3 class="header center green-text">Upcoming Events</h3>
         <div class="event-container">
-          <h5 class="header light event-container__header">Saturday 5th November 2016</h5>
+          <h5 class="header light event-container__header">Saturday 5<sup>th</sup> November 2016</h5>
           <h5 class="header time">
             <span class="inline-clock-icon">
               <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>

sydney.html

@@ -106,7 +106,7 @@ <h5 class="header time">
 
       <h3 class="header center green-text">Past Events</h3>
       <div class="event-container">
-        <h5 class="header light event-container__header">Saturday 24th September 2016</h5>
+        <h5 class="header light event-container__header">Saturday 24<sup>th</sup> September 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -148,7 +148,7 @@ <h5 class="header time">
 
       </div>
         <div class="event-container">
-          <h5 class="header light event-container__header">Saturday 10th September 2016</h5>
+          <h5 class="header light event-container__header">Saturday 10<sup>th</sup> September 2016</h5>
           <h5 class="header time">
             <span class="inline-clock-icon">
               <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>
@@ -197,7 +197,7 @@ <h5 class="header time">
         </div>
 
       <div class="event-container">
-        <h5 class="header light event-container__header">Saturday 9th July 2016</h5>
+        <h5 class="header light event-container__header">Saturday 9<sup>th</sup> July 2016</h5>
         <h5 class="header time">
           <span class="inline-clock-icon">
             <svg width="11" height="11" viewBox="0 0 11 11"><path d="M5.4 0C2.4 0 0 2.4 0 5.4s2.4 5.4 5.4 5.4 5.4-2.4 5.4-5.4S8.4 0 5.4 0zm3 6.8H4.7V1.7h.7L6 5.4l2.4.6v.8z"></path></svg>