Added 'our work' section, fixed dependency location errors

_includes/scripts.html

@@ -1,21 +1,3 @@
-<!--carousel support-->
-<script src="https://cdn.jsdelivr.net/npm/siema@1.5.1/dist/siema.min.js"></script>
-<script>
-    const mySiema = new Siema({
-        selector: '.siema',
-        duration: 500,
-        easing: 'ease-out',
-        perPage: 1,
-        startIndex: 0,
-        draggable: true,
-        multipleDrag: true,
-        threshold: 20,
-        loop: true,
-    });
-    // listen for keydown event
-    setInterval(() => mySiema.next(), 2500)
-</script>
-
 <!-- facebook widget thing support -->
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
@@ -25,19 +7,3 @@
     js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.1';
     fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
-
-<!-- leafletjs map styles -->
-<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"
-        integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q=="
-        crossorigin=""></script>
-
-<script>
-    var map = L.map('map').setView([59.396342, 24.668718], 19);
-
-    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-    }).addTo(map);
-
-    L.marker([59.396342, 24.668718]).addTo(map)
-        .openPopup();
-</script>

_sass/ourwork.scss

@@ -0,0 +1,29 @@
+#ourwork-banner {
+  margin : 5rem 0;
+}
+
+.work-item {
+  padding         : 1rem;
+  display         : flex;
+  flex-direction  : column;
+  justify-content : center;
+  align-items     : center;
+  max-height      : 75vh;
+
+  img {
+    display    : block;
+    max-height : 50vh;
+    width      : auto;
+  }
+  h3, h5 {
+    text-align : center;
+  }
+}
+
+@media (max-width: 900px){
+  #ourwork-banner {
+    h1 {
+      font-size: 3.6rem;
+    }
+  }
+}

assets/main.scss

@@ -26,3 +26,4 @@ h4 {
 @import 'mentors';
 @import 'contact';
 @import 'helpdesk';
+@import 'ourwork';

helpdesk.html

@@ -158,3 +158,38 @@ layout: default
 
   </div>
 </div>
+
+<!--carousel support-->
+<script src="https://cdn.jsdelivr.net/npm/siema@1.5.1/dist/siema.min.js"></script>
+<script>
+    const mySiema = new Siema({
+        selector: '.siema',
+        duration: 500,
+        easing: 'ease-out',
+        perPage: 1,
+        startIndex: 0,
+        draggable: true,
+        multipleDrag: true,
+        threshold: 20,
+        loop: true,
+    });
+    // listen for keydown event
+    setInterval(() => mySiema.next(), 2500)
+</script>
+
+
+<!-- leafletjs map styles -->
+<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"
+        integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q=="
+        crossorigin=""></script>
+
+<script>
+    var map = L.map('map').setView([59.396342, 24.668718], 19);
+
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+    }).addTo(map);
+
+    L.marker([59.396342, 24.668718]).addTo(map)
+        .openPopup();
+</script>

ourwork.html

@@ -0,0 +1,98 @@
+---
+layout: default
+---
+<div class="page">
+  <div id="ourwork-banner">
+    <h1 class="centered-text">Vajad head, kvaliteetset arendusteenust?</h1>
+    <h1 class="centered-text"><a href="/contact">Võta meiega ühendust!</a></h1>
+  </div>
+  <h1 class="centered-text">Tehtud tööd:</h1>
+  <div id="ourwork-done">
+    <div class="siema">
+
+      <div class="work-item">
+        <h3>TTÜ Studentlife</h3>
+        <a href="http://studentlife.ee">
+          <h5>http://studentlife.ee</h5>
+          <img src="/assets/ourwork-images/studentlife.png">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Eesti Üliõpilasesinduse Liit</h3>
+        <a href="http://sallivkool.ee/">
+          <h5>http://sallivkool.ee/</h5>
+          <img src="/assets/ourwork-images/sallivkool.png">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Eesti Üliõpilaskondade Liit</h3>
+        <a href="http://www.isic.ee">
+          <h5>http://www.isic.ee</h5>
+          <img src="/assets/ourwork-images/isic.png">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Eesti Jalgratta Virtuaalmuuseum</h3>
+        <a href="http://www.velomuseum.ee/">
+          <h5>http://www.velomuseum.ee/</h5>
+          <img src="/assets/ourwork-images/jalgrattaveeb.jpg">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Meremeeste tööotsingu portaal</h3>
+        <h5>Tänaseks on portaali omanikud selle sulgenud.</h5>
+        <img src="/assets/ourwork-images/nauticalcrew.jpg">
+      </div>
+
+      <div class="work-item">
+        <h3>Võti Tulevikku 2013 infoveeb</h3>
+        <img src="/assets/ourwork-images/votitulevikku.jpg">
+      </div>
+
+      <div class="work-item">
+        <h3>Ukseproff</h3>
+        <a href="http://www.ukseproff.ee/">
+          <h5>http://www.ukseproff.ee/</h5>
+          <img src="/assets/ourwork-images/ukseproff.jpg">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Nõmme Tenniseklubi koduleht</h3>
+        <a href="http://www.nommetennis.ee/">
+          <h5>http://www.nommetennis.ee/</h5>
+          <img src="/assets/ourwork-images/nommetenniseklubi.jpg">
+        </a>
+      </div>
+
+      <div class="work-item">
+        <h3>Sporditrennid.ee trenni otsinguportaal</h3>
+        <h5>Tänaseks on portaali omanikud selle sulgenud.</h5>
+        <img src="/assets/ourwork-images/sporditrennid.jpg">
+      </div>
+
+    </div>
+  </div>
+</div>
+
+<!--carousel support-->
+<script src="https://cdn.jsdelivr.net/npm/siema@1.5.1/dist/siema.min.js"></script>
+<script>
+    const mySiema = new Siema({
+        selector: '.siema',
+        duration: 1500,
+        easing: 'ease-in-out',
+        perPage: 1,
+        startIndex: 0,
+        draggable: true,
+        multipleDrag: true,
+        threshold: 20,
+        loop: true,
+    });
+    // listen for keydown event
+    setInterval(() => mySiema.next(), 4000)
+</script>

ourwork.md

@@ -1,8 +0,0 @@
----
-layout: post
----
-
-# Things we have done
-
-1. thing
-2. thing 2