various stuff

content/assets/stylesheets/includes/cammie.scss

@@ -0,0 +1,58 @@
+#cammie {
+  object-fit: contain;
+  max-width: 100%;
+  height: auto;
+}
+
+.fullpage {
+  min-width: 100%;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background-color: black;
+}
+
+.ctrl {
+  background-color: $cammie-controls-color;
+  color: white;
+  position: absolute;
+  z-index: 100;
+
+  // Chevron centering
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:hover {
+    background-color: $zeus_orange;
+    z-index: 200;
+    cursor: pointer;
+  }
+}
+
+#left {
+  height: 100%;
+  width: 100px;
+  top: 0;
+  left: 0;
+}
+
+#right {
+  height: 100%;
+  width: 100px;
+  top: 0;
+  right: 0;
+}
+
+#up {
+  height: 100px;
+  width: 100%;
+  top: 0;
+}
+
+#down {
+  height: 100px;
+  width: 100%;
+  bottom: 0;
+}

content/assets/stylesheets/includes/general.scss

@@ -0,0 +1,24 @@
+img {
+  max-width: 200px;
+}
+
+.fa-ul {
+  list-style: none !important;
+
+  .fa {
+    font-size: inherit;
+  }
+}
+
+#navbar {
+  .nav-item {
+    transition: 0.2s;
+
+    font-variant: small-caps;
+    font-size: 1.25em;
+
+    &:hover {
+      transition: 0.2s;
+    }
+  }
+}

content/assets/stylesheets/includes/variables.scss

@@ -0,0 +1,6 @@
+$zeus_orange: #FF7F00;
+$event-padding: 10px;
+$navbar-border-color: #CCC;
+$event-border-color: #DDD;
+
+$cammie-controls-color: rgba(0, 0, 0, 0.60);

content/assets/stylesheets/main.scss

@@ -10,45 +10,10 @@ $family-sans-serif: 'Open Sans', sans-serif;
 @import "old";
 @import "../../../node_modules/bulma/bulma";
 
-.fa-inline {
+.nav-right {
-  font-size: inherit;
+  flex: none;
-  vertical-align: inherit;
 }
 
-// Issue 27 archive list styling
+@import "includes/variables";
-
+@import "includes/cammie";
-.archive_list {
+@import "includes/general";
-list-style-type: none;
-font-family: family-sans-serif;
-}
-
-.archive_list > li {
-display: inline-block;
-position: relative;
-
-padding: 2em;
-border: 2px solid darkgrey;
-border-radius: 8px;
-
-
-font-size: 2em;
-font-weight:bold;
-}
-
-.archive_list > li:hover{
-  border-color: rgb(66,66,66);
-}
-
-.archive_list > li:first-child{
-  margin-left:15%;
-  margin-right:25%; // momenteel hard-coded, betere opl zou dynamische herberekening zijn om meer future-proof te zijn
-
-}
-
-.archive_list_ref{
-  border:  2px solid darkgrey;
-}
-
-.archive_list_item{
-  font-family: family-sans-serif;
-}

content/ical.ics.erb

@@ -1 +1,2 @@
 <%= event_calendar %>
+<%= data_from "hey" %>

data/bestuur.yaml

@@ -0,0 +1,24 @@
+-
+  rol: Voorzitter
+  naam: Wout Schellaert
+  mail: voorzitter@zeus.ugent.be
+-
+  rol: Vice-voorzitter
+  naam: Isaura Claeys
+  mail: secretaris@zeus.ugent.be
+-
+  rol: Penningmeester
+  naam: Jeroen De Clerck
+  mail: penning@zeus.ugent.be
+-
+  rol: Systeembeheerders
+  naam: Rien Maertens & Lorin Werthen
+  mail: admin@zeus.ugent.be
+-
+  rol: Event manager
+  naam: Eloïse Piret
+  mail: pr@zeus.ugent.be
+-
+  rol: Projectmanager
+  naam: Feliciaan De Palmenaer
+  mail: project@zeus.ugent.be

layouts/partials/_navbar.erb

@@ -1,37 +1,36 @@
 <nav id="navbar" class="nav">
-  <div class="nav-left">
+    <div class="nav-left">
-    <a class="nav-item" href="/">
+      <a class="nav-item" href="/">
-      <img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
+        <img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
-    </a>
+      </a>
 
-    <% nav_items do |item, active| %>
+      <% nav_items do |item, active| %>
       <a class="nav-item is-tab <%= 'is-active' if active %>" href="<%= relative_path_to(item) %>">
         <%= item[:title] %>
       </a>
-    <% end %>
+      <% end %>
-  </div>
+    </div>
 
-  <div class="nav-right">
+    <div class="nav-right">
-    <a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
+        <a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
-      <span class="icon">
+            <span class="icon">
-        <i class="fa fa-github"></i>
+                <i class="fa fa-github"></i>
-      </span>
+            </span>
-    </a>
+        </a>
-    <a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
+        <a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
-      <span class="icon">
+            <span class="icon">
-        <i class="fa fa-facebook"></i>
+                <i class="fa fa-facebook"></i>
-      </span>
+            </span>
-    </a>
+        </a>
-    <a class="nav-item" href="/feed.xml" target="_blank">
+        <a class="nav-item" href="/feed.xml" target="_blank">
-      <span class="icon">
+            <span class="icon">
-        <i class="fa fa-rss"></i>
+                <i class="fa fa-rss"></i>
-      </span>
+            </span>
-    </a>
+        </a>
-    <a class="nav-item" href="/ical.ics">
+        <a class="nav-item" href="/ical.ics">
-      <span class="icon">
+            <span class="icon">
-        <i class="fa fa-calendar"></i>
+                <i class="fa fa-calendar"></i>
-      </span>
+            </span>
-    </a>
+        </a>
-
+    </div>
-  </div>
 </nav>

lib/helpers/data.rb

@@ -0,0 +1,5 @@
+module DataHelper
+  def data_from(identifier)
+    p `ls data`
+  end
+end

lib/helpers_.rb

@@ -7,3 +7,4 @@ include Nanoc::Helpers::Text
 include ArchiveHelper
 include IcalHelper
 include NavigationHelper
+include DataHelper