london updates

_conferences/london.md

@@ -0,0 +1,16 @@
+---
+name: london
+location: 'London, United Kingdom'
+image: /images/tokyo.png
+image: /images/Selenium Conf London purchased.png
+color: 1533A0
+order: 2
+date: 2019-10-07
+buttons:
+  - link: 'https://wvnts.co/2Suwp0Q'
+    text: Visit the Site
+  - link: 'https://wvnts.co/2SvZrgy'
+    text: Buy Tickets
+---
+
+October 7 & 8, 2019

_includes/header.html

@@ -2,51 +2,50 @@
   <nav class="navbar">
     <div class="navbar-brand">
       <figure id="seconficon" class="image ">
-      <img class="is-square" src="/images/android-192x192.png" />
+        <img class="is-square" src="/images/android-192x192.png" />
       </figure>
-      <a href="{{ "/" | prepend: site
-      l }}" class="navbar-item">
-      {{ site.name }}
+      <a href="{{ "/" | prepend: siteurl }}" class="navbar-item">
+        {{ site.name }}
       </a>
       {% if site.social.github %}
       <a href="https://github.com/{{ site.social.github }}" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-github"></i>
+          <i class="fa fa-github"></i>
         </span>
       </a>
       {% endif %}
       {% if site.social.email %}
       <a href="mailto:{{ site.social.email }}" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-envelope-o"></i>
+          <i class="fa fa-envelope-o"></i>
         </span>
       </a>
       {% endif %}
       {% if site.social.facebook %}
       <a href="https://facebook.com/{{ site.social.facebook }}" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-facebook"></i>
+          <i class="fa fa-facebook"></i>
         </span>
       </a>
       {% endif %}
       {% if site.social.twitter %}
       <a href="https://twitter.com/{{ site.social.twitter }}" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-twitter"></i>
+          <i class="fa fa-twitter"></i>
         </span>
       </a>
       {% endif %}
       {% if site.social.instagram %}
       <a href="https://instagram.com/{{ site.social.instagram }}" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-instagram"></i>
+          <i class="fa fa-instagram"></i>
         </span>
       </a>
       {% endif %}
       {% if site.social.tumblr %}
       <a href="https://{{ site.social.tumblr }}.tumblr.com" class="navbar-item is-hidden-desktop">
         <span class="icon">
-            <i class="fa fa-tumblr"></i>
+          <i class="fa fa-tumblr"></i>
         </span>
       </a>
       {% endif %}
@@ -65,42 +64,42 @@
         {% if site.social.github %}
         <a href="https://github.com/{{ site.social.github }}" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-github"></i>
+            <i class="fa fa-github"></i>
           </span>
         </a>
         {% endif %}
         {% if site.social.email %}
         <a href="mailto:{{ site.social.email }}" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-envelope-o"></i>
+            <i class="fa fa-envelope-o"></i>
           </span>
         </a>
         {% endif %}
         {% if site.social.facebook %}
         <a href="https://facebook.com/{{ site.social.facebook }}" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-facebook"></i>
+            <i class="fa fa-facebook"></i>
           </span>
         </a>
         {% endif %}
         {% if site.social.twitter %}
         <a href="https://twitter.com/{{ site.social.twitter }}" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-twitter"></i>
+            <i class="fa fa-twitter"></i>
           </span>
         </a>
         {% endif %}
         {% if site.social.instagram %}
         <a href="https://instagram.com/{{ site.social.instagram }}" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-instagram"></i>
+            <i class="fa fa-instagram"></i>
           </span>
         </a>
         {% endif %}
         {% if site.social.tumblr %}
         <a href="https://{{ site.social.tumblr }}.tumblr.com" class="navbar-item is-hidden-desktop-only">
           <span class="icon">
-              <i class="fa fa-tumblr"></i>
+            <i class="fa fa-tumblr"></i>
           </span>
         </a>
         {% endif %}
@@ -139,6 +138,8 @@
 {% for announcement in site.data.announcements %}
 
 {% if announcement.announcement %}
-<div class=" has-text-centered" style="background-color: #{{ announcement.color }};"><p style="padding:5px;">{{ announcement.announcement }}</p></div>
+<div class=" has-text-centered" style="background-color: #{{ announcement.color }};">
+  <p style="padding:5px;">{{ announcement.announcement }}</p>
+</div>
 {% endif %}
 {% endfor %}

_old_conferences/tokyo.md

@@ -0,0 +1,15 @@
+---
+name: tokyo
+location: "Tokyo, Japan"
+image: /images/tokyo.png
+color: BC002D
+order: 3
+date: 2019-04-17
+buttons:
+  - link: "https://conf.selenium.jp/"
+    text: Visit the Site
+  - link: "https://ti.to/se-conf-tokyo-team/seleniumconf-tokyo"
+    text: Buy Tickets
+---
+
+April 18 & 19, 2019

_posts/2019-02-27-Accouncing-london.md

@@ -0,0 +1,21 @@
+---
+layout: post
+title: SeleniumConf is coming back to London!
+categories:
+  - London
+comments: false
+date: 2019-02-27 00:00:00 +0000
+---
+
+Join us in London this October for two days of inspiring talks, practical workshops and the chance to spend some quality time with like-minded QA and testing peers.
+
+<div class="columns">
+<div class="column"></div>
+<div class="column">
+<img src='/images/SeConf_twitter.png' alt="seconf twitter announcment">
+</div>
+<div class="column"></div>
+</div>
+We're thrilled to welcome Ash Coleman, Richard Bradshaw, Aditi Mulay and Petra Bouskova as our first invited speakers, and we're looking forward to welcoming many more through the CFP! Have you thought about joining their ranks? If you’re passionate about Selenium (or related subjects) and want to share your expertise with the community then we would love to hear from you!
+
+We've also just released to the conference and our in-depth training workshops and started accepting applications to our scholarship scheme. Head over to the website for all the details: [https://wvnts.co/2Suwp0Q](https://wvnts.co/2Suwp0Q)

_posts/2019-05-01-SeConf-London-Keynote-CFP.md

@@ -0,0 +1,9 @@
+---
+title: SeleniumConf Keynote Call For Proposals!
+categories:
+  - London
+comments: false
+date: 2019-02-27 00:00:00 +0000
+---
+
+Selenium conf is proud to continue our partnership with SpeakEasy, and are thrilled to announce we are continuing that with #SeConfLondon in a Call for Keynote! https://speaking-easy.com/seconf.html

index.html

@@ -1,18 +1,20 @@
 ---
 layout: default
 ---
-<section class="hero is-primary" >
+<section class="hero is-primary">
   <div class=" is-gapless">
     <div class="container is-fluid columns  is-gapless">
 
-      {% for conf in site.conferences %}
-      <div type="conference" id="{{ conf.name }}" class="conference hero-body column level" style="background-image: url('{{ conf.image }}');">
+      {% assign sorted_confs = site.conferences | sort 'date' %}
+      {% for conf in sorted_confs %}
+      <div type="conference" id="{{ conf.name }}" class="conference hero-body column level conf.order" style="background-image: url('{{ conf.image }}');">
         <div class="info is-centered has-text-centered columns is-mobile">
           <div class="box column is-half">
             <h1 class="title" style="color: #{{ conf.color }} ">{{ conf.location }}</h1>
             <h2 class="subtitle">{{ conf.content }}</h2>
             {% for button in conf.buttons %}
-            <a href="{{ button.link }}" style="background-color: #{{ conf.color }}"><button class="button is-{{ conf.conference }}">{{ button.text}}</button></a>
+            <a href="{{ button.link }}" style="background-color: #{{ conf.color }}"><button class="button is-{{ conf.conference }}">{{
+                button.text}}</button></a>
             {% endfor %}
 
           </div>
@@ -39,7 +41,8 @@ <h2 class="subtitle">{{ conf.content }}</h2>
         <h3 class="post-title"><a href="{{ site.baseurl }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h3>
         <p class="post-categories">
           {% for category in post.categories %}
-          <a href="/{{ category | prepend: site.baseurl }}" class="tag {% if site.data.category[category].color %} is-{{ site.data.category[category].color }} {% endif %}">{{ category }}</a>
+          <a href="/{{ category | prepend: site.baseurl }}" class="tag {% if site.data.category[category].color %} is-{{ site.data.category[category].color }} {% endif %}">{{
+            category }}</a>
           {% endfor %}
         </p>
         {{ post.excerpt }}
@@ -57,7 +60,8 @@ <h3 class="post-title"><a href="{{ site.baseurl }}{{ post.url }}" title="{{ post
       <ul class="pagination-list">
         {% for page in (1..paginator.total_pages) %}
         <li>
-          <a {% if page == paginator.page %}{% else %} href="{% if page == 1 %}../{% else %}{% if paginator.page != 1 %}../{% endif %}{{ page }}{% endif %}" {% endif %} class="pagination-link {% if page == paginator.page %} is-current {% endif %}">{{ page }}</a>
+          <a {% if page==paginator.page %}{% else %} href="{% if page == 1 %}../{% else %}{% if paginator.page != 1 %}../{% endif %}{{ page }}{% endif %}"
+            {% endif %} class="pagination-link {% if page == paginator.page %} is-current {% endif %}">{{ page }}</a>
         </li>
         {% endfor %}
       </ul>

package.json

@@ -19,24 +19,25 @@
     "gulp-clean": "^0.4.0",
     "gulp-concat": "^2.6.1",
     "gulp-cssnano": "^2.1.3",
-    "gulp-replace": "^1.0.0",
     "gulp-gh-pages": "^0.5.4",
     "gulp-htmlmin": "3.0.0",
     "gulp-imagemin": "^4.1.0",
     "gulp-load-plugins": "1.5.0",
+    "gulp-replace": "^1.0.0",
     "gulp-sass": "^4.0.1",
     "gulp-shell": "^0.6.5",
     "gulp-uglify": "^3.0.1",
     "lighthouse": "^2.7.0",
+    "run-sequence": "^2.2.1",
     "sw-precache": "^5.2.0",
-    "sw-toolbox": "^3.6.0",
-    "run-sequence": "^2.2.1"
+    "sw-toolbox": "^3.6.0"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/andrewmkrug/SeConfHome.git"
   },
   "dependencies": {
+    "@babel/register": "^7.0.0",
     "bulma": "^0.7.1",
     "bulma-start": "0.0.2"
   }

scss/main.scss

@@ -11,12 +11,15 @@
 $chicago: #4C8DBF !default
 $bangalore: #40AF49 !default
 $tokyo: #BC002D !default
+
+$london: #1533A0 !default
 $selenium: #28A82E !default
 
 $selenium-invert: #fff;
 $bangalore-invert: findColorInvert($bangalore);
 $chicago-invert: findColorInvert($chicago);
 $tokyo-invert: findColorInvert($tokyo);
+$london-invert: findColorInvert($london);
 
 $primary: #28A82E;
 // Add a serif family
@@ -47,6 +50,7 @@ $addColors: (
         "github": ($github, $github-invert),
         "bangalore": ($bangalore $bangalore-invert),
         "chicago": ($chicago, $chicago-invert),
+        "london": ($london, $london-invert),
         "selenium": ($selenium, $selenium-invert),
         "tokyo": ($tokyo, $white),
         "primary":($selenium, $selenium-invert),
@@ -127,9 +131,37 @@ div.conference.hero-body.column.is-half.level {
     color: $tokyo;
   }
   .subtitle{ color: $black;}
-  button{
-    background-color: $tokyo;
-    color: $white;
+  a{
+    border-radius: 5px;
+    // border: none;
+
+    button{
+      background-color: $tokyo;
+      color: $white;
+
+    }
+  }
+}
+
+#london{
+  background: url("/images/Selenium Conf London purchased.png(recommended).jpg") no-repeat center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  .title{
+    color: $london;
+  }
+  .subtitle{ color: $black;}
+  a{
+    border-radius: 5px;
+    // border: none;
+
+    button{
+      background-color: $london;
+      color: $white;
+
+    }
   }
 }
 .hero-body{ padding: 0;}