first commit

assets/style-big.css

@@ -0,0 +1,57 @@
+@media screen and (min-width: 768px) {
+    nav#sidebar {
+        flex: 0 0 17em;
+        border-right: 0.5rem solid;
+        max-width: 30%;
+        min-width: 16em;
+    }
+    nav#sidebar h1,h2,h3,h4,h5,h6 {
+        font-size: 3em;
+    }
+
+    #sidebar ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    #sidebar > ul a {
+        display: block;
+        padding: 0.5em 1em;
+    }
+
+    #sidebar ul li ul a {
+        margin-left: 2em;
+    }
+
+    body.home #sidebar {
+        border-right-color: hsla(200, 2%, 28%,0.8);
+    }
+body.about #sidebar {
+    border-right-color: hsla(185, 57%, 52%,0.8);
+}
+body.news #sidebar {
+    border-right-color: hsla(79, 91%, 39%,0.8);
+}
+body.city #sidebar, body.find-a-jam #sidebar {
+    border-right-color: hsla(197, 78%, 52%,0.8);
+}
+body.resources #sidebar {
+    border-right-color: hsla(189, 100%, 39%,0.8);
+}
+body.conference #sidebar {
+    border-right-color: hsla(78, 74%, 55%,0.8);
+}
+
+    header {
+        font-size: 3rem;
+    }
+
+    .city-list > li {
+        max-width: 30%;
+    }
+
+    .city-list li:not(.hiatus) a {
+        font-size: 2rem;
+    }
+}

assets/style-print.css

@@ -0,0 +1,5 @@
+@media print {
+    #sidebar {
+        display: none;
+    }
+}

assets/style-small.css

@@ -0,0 +1,56 @@
+@media screen and (max-width:768px) {
+    html {
+        font-size: 16px;
+    }
+    .everything {
+        flex-direction: column;
+    }
+    nav#sidebar {
+        padding-bottom: 0.5rem;
+        background-color: #454748;
+    }
+    nav#sidebar h1 {
+        font-size: 1.5em;
+    }
+
+    #sidebar > ul a {
+        display: inline-block;
+        padding: 0.2em 0.5em;
+        margin: 0.1em 0;
+    }
+
+    header {
+        font-size: 2rem;
+    }
+
+    li.hiatus a::after {
+        margin-left: 0.5em;
+    }
+
+    .city-list li a {
+        white-space: nowrap;
+    }
+
+    .city-list li:not(.hiatus) a {
+        font-size: 1.5rem;
+    }
+
+    #sidebar > ul > li {
+        display: block;
+    }
+
+    #sidebar ul li ul {
+        display: none;
+    }
+
+    #sidebar ul li ul.submenu.open {
+        display: flex;
+        margin-left: 0.3em;
+        margin-right: 0.3em;
+        flex-wrap: wrap;
+    }
+    #sidebar .submenu li {
+        display: inline-block;
+        flex: 1 1 50%;
+    }
+}

assets/style.css

@@ -0,0 +1,219 @@
+html {
+    font-size: 18px;
+}
+
+body {
+    margin: 0;
+    min-height: 100vh;
+    display: flex;
+    font-family: 'Neuton', serif;
+    background: hsl(0,0%,97%);
+}
+
+.everything {
+    display: flex;
+    flex-wrap: wrap;
+    min-height: 100vh;
+    width: 100%;
+}
+
+h1,h2,h3,h4,h5,h6 {
+    font-family: 'Rokkitt',serif;
+    font-weight: normal;
+}
+
+.content {
+    /* padding: 0 1em; */
+    flex: 3 1 15em;
+}
+.content-block {
+    max-width: 800px;
+    margin: 1em auto;
+}
+
+#sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+#sidebar {
+    box-sizing: border-box;
+    background-color: #454748;
+}
+#sidebar h1,h2,h3,h4,h5,h6 {
+    margin: 0;
+    text-align: center;
+    font-size: 3em;
+}
+
+#sidebar > ul a {
+    text-decoration: none;
+    color: white;
+    font-family: 'Rokkitt',serif;
+    font-size: 1.2rem;
+}
+
+#sidebar > ul > li ~ li {
+    /* margin-top: 0.2em; */
+}
+
+#sidebar ul li ul a {
+    background: hsla(200, 2%, 24%,0.4);
+}
+
+.content > main {
+    min-height: 85vh;
+    padding: 0 1em;
+}
+
+header {
+    text-align: center;
+    font-size: 3rem;
+}
+
+header {
+    margin: 0em 0 1rem 0em;
+    background: #b36c35;
+    padding-top: 10rem;
+    color: white;
+}
+header h1.jam-name {
+    font-size: 1.5em;
+}
+header h1 {
+    padding-top: 2rem;
+}
+
+body header {
+    background-image: url('images/newcastleheadpic.jpg');
+    background-size: cover;
+    background-position-y: 50%;
+    background-blend-mode: soft-light;
+}
+
+body.home header, #sidebar li.home {
+    background-color: #454748;
+}
+body.home header h1 {
+    background: linear-gradient(
+        hsla(200, 2%, 28%,0),
+        hsla(200, 2%, 28%,0.8) 2rem,
+        hsla(200, 2%, 28%,1)
+    );
+}
+body.about header, body.about header h1, #sidebar li.about {
+    background-color: #40c0cb;
+}
+body.about header h1 {
+    background: linear-gradient(
+        hsla(185, 57%, 52%,0),
+        hsla(185, 57%, 52%,0.8) 2rem,
+        hsla(185, 57%, 52%,1)
+    );
+}
+body.news header, body.news header h1, #sidebar li.news {
+    background-color: #83bc09;
+}
+body.city header, body.city header h1 {
+    background-color: #26ade4;
+}
+body.find-a-jam header, body.find-a-jam header h1, #sidebar li.find-a-jam {
+    background-color: #26ade4;
+}
+body.resources header, body.resources header h1, #sidebar li.resources {
+    background-color: #00a8c6;
+}
+body.conference header, body.conference header h1, #sidebar li.conference {
+    background-color: #aee239;
+    color: black;
+}
+#sidebar li.twitter {
+    background-color: #0084b4;
+}
+#sidebar li.conference a {
+    color: black;
+}
+
+.city-list li.hiatus a {
+    text-decoration: line-through !important;
+    color: #888;
+}
+
+li.hiatus a::after {
+    content: 'On hiatus!';
+    font-style: italic;
+    text-decoration: none;
+    color: white;
+    display: inline-block;
+    font-size: 0.7em;
+    width: 100%;
+}
+
+ul.city-list {
+    padding: 0.2em;
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background: #454748;
+}
+
+.city-list > li {
+    display: inline-block;
+    margin: 0.1rem;
+    flex: 5 1 15%;
+    background: hsl(200, 2%, 12%);
+}
+
+.city-list li a {
+    font-family: 'Rokkitt',serif;
+    color: white;
+    text-decoration: none;
+    display: block;
+    padding: 1rem;
+}
+
+.city-list li:not(.hiatus) a {
+    font-size: 2rem;
+    white-space: nowrap;
+}
+
+.city-list > li.hiatus {
+    flex-grow: 1;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+    color: inherit;
+    text-decoration: none;
+}
+.post-title {
+    text-align: center;
+}
+.post-title p {
+    color: #333;
+    margin: 0 !important;
+    max-width: none;
+}
+header > * {
+    margin: 0;
+}
+footer {
+    text-align: right;
+    margin: 3rem 1rem 1rem 1rem;
+}
+
+#city-map {
+    height: 30vh;
+    margin: 1rem;
+}
+body.city header::after {
+  content: "";
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;   
+}

cities/aberdeen.md

@@ -0,0 +1,17 @@
+---
+layout: city                                           
+city_name: Aberdeen                                                               
+jam_name: Aberdeen MathsJam
+email: [email protected]
+organiser:
+    name: Ayliean
+    email: [email protected]
+location:
+    group: rest-of-uk
+    pub_name: "Dr. Noodles"
+    description: " on Union St"
+    url: http://www.drnoodles.co.uk/
+    lon: 4.40246430000002
+    lat: 51.2194475
+hiatus: False
+---

cities/antwerp.md

@@ -0,0 +1,17 @@
+---
+layout: city                                           
+city_name: Antwerp                                                               
+jam_name: Antwerp MathsJam
+email: [email protected]
+organiser:
+    name: Rudi
+    email: [email protected]
+location:
+    group: rest-of-world
+    pub_name: "Agora"
+    description: ", Grote Kauwenberg 2"
+    url: http://www.goudengids.be/agora-caffee-antwerpen-2000/
+    lon: 0
+    lat: 0
+hiatus: False
+---

cities/auckland.md

@@ -0,0 +1,17 @@
+---
+layout: city                                           
+city_name: Auckland                                                               
+jam_name: Auckland MathsJam
+email: [email protected]
+organiser:
+    name: Nicolette
+    email: [email protected]
+location:
+    group: rest-of-world
+    pub_name: "Vulture's Lane Craft Bar"
+    description: ", on Vulcan Lane"
+    url: https://www.facebook.com/vultureslane
+    lon: 174.766449
+    lat: -36.842656
+hiatus: False
+---