improve index

content/assets/stylesheets/includes/general.scss

@@ -10,6 +10,14 @@
   text-align: justify;
 }
 
+header.section {
+  padding-bottom: 10px;
+}
+
+main.section {
+  padding-top: 20px;
+}
+
 
 #navbar {
   align-items: flex-end;
@@ -53,3 +61,17 @@ footer.footer {
   color: white;
   background: rgba(255, 127, 0, 0.99);
 }
+
+.imgcenter {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.hydra-tile {
+  background-color: #1E64C8;
+}
+
+.lana-tile {
+  background-color: $tile-orange;
+}

content/index.erb

@@ -23,39 +23,17 @@
           </div>
         </div>
       </div>
-      <div class="tile is-vertical is-2">
+      <div class="tile is-parent is-2">
-        <div class="tile is-parent">
+        <a class="tile box is-child imgcenter lana-tile" href="/projects/#lana">
-          <a class="tile box " href="https://zeus.ugent.be/wiki">
+          <div class="logo-initial has-text-centered">L</div>
-            <div class="tile is-child imgcenter icon" >
-              <%= fa 'wikipedia-w' %>
-            </div>
         </a>
       </div>
-        <div class="tile is-parent">
+      <div class="tile is-parent is-2">
-          <a class="tile box" href="/cammie">
+        <a class="tile is-child imgcenter box hydra-tile" href="/projects/#hydra">
-            <div class="tile is-child imgcenter icon">
+          <%= asset :img, 'hydra-logo.png' %>
-              <%= fa 'video-camera' %>
-            </div>
         </a>
       </div>
     </div>
-      <div class="tile is-vertical is-2">
-        <div class="tile is-parent">
-          <a class="tile box" href="https://github.com/ZeusWPI">
-            <div class="tile is-child imgcenter icon">
-              <%= fa 'github' %>
-            </div>
-          </a>
-        </div>
-          <div class="tile is-parent">
-            <a class="tile box" href="https://www.facebook.com/zeus.wpi/?fref=ts">
-              <div class="tile is-child imgcenter icon">
-                <%= fa 'facebook-official' %>
-              </div>
-            </a>
-          </div>
-      </div>
-    </div>
     <div class="tile">
       <div class="tile is-4 is-parent">
         <%= render '/partials/_tile.*', article: sorted_articles.first, small_text: "Latest blogpost",htmlclass:"highlighted"%>

content/projects.erb

@@ -4,7 +4,7 @@ title: Projecten
 order: 30
 ---
 <div class="container project content">
-  <article class="columns">
+  <article id="hydra" class="columns">
     <div class="column is-one-quarter" id="logo-column">
       <div class="hydra-scrot">
         <img src="/assets/images/hydra.png">

content/projects/badass_bottle_bats.md

@@ -1,5 +1,5 @@
 ---
-title: Badass Battle Bots
+title: Badass Bottle Bats
 description: A bot writing contest. <a href="https://zeus.ugent.be/bottlebats">https://zeus.ugent.be/bottlebats</a>
 github: https://github.com/ZeusWPI/aichallenge
 logo_letter: B

layouts/partials/_navbar.erb

@@ -25,22 +25,27 @@
           <div class="nav-right is-hidden-mobile">
               <a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
                   <span class="icon">
-                      <i class="fa fa-github"></i>
+                    <%= fa :github %>
                   </span>
               </a>
               <a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
                   <span class="icon">
-                      <i class="fa fa-facebook"></i>
+                    <%= fa :facebook %>
                   </span>
               </a>
               <a class="nav-item" href="/feed.xml" target="_blank">
                   <span class="icon">
-                      <i class="fa fa-rss"></i>
+                    <%= fa :rss %>
                   </span>
               </a>
               <a class="nav-item" href="/ical.ics">
                   <span class="icon">
-                      <i class="fa fa-calendar"></i>
+                    <%= fa :calendar %>
+                  </span>
+              </a>
+              <a class="nav-item" href="//zeus.ugent.be/wiki">
+                  <span class="icon">
+                    <%= fa :'wikipedia-w' %>
                   </span>
               </a>
           </div>

layouts/partials/_project.erb

@@ -1,4 +1,4 @@
-<div class="container project content">
+<div id="<%= project.identifier.without_ext.split('/')[-1] %>" class="container project content">
   <article class="columns is-mobile">
     <div class="column is-one-quarter" id="logo-column">
       <div class="logo" style="background-color: <%= project[:logo_color]%>">