scss

content/assets/stylesheets/includes/404.scss

@@ -1,4 +0,0 @@
-.img-center {
-  display:block;
-  margin:auto;
-}

content/assets/stylesheets/includes/blogpost.scss

@@ -31,25 +31,8 @@ $sel: '';
     }
 }
 
-// Definition list is not defined in bulma
-dl {
-  dt {
-    display: inline;
-    font-weight: bold;
-  }
-
-  dd {
-    display: inline;
-
-    &::after {
-      content: "\A";
-      white-space: pre;
-    }
-  }
-}
-
 @keyframes lineAnimation {
-  100% {
+  to {
     width: 80px;
     opacity: 1;
   }
@@ -83,6 +66,7 @@ dl {
     }
   }
 
+  // Under title line
   &::after {
     content: '';
     opacity: 0;
@@ -96,12 +80,14 @@ dl {
     background: $zeus-orange;
 
     animation: lineAnimation 2s ease-in-out 1 normal forwards;
+    animation-delay: 0.5s;
   }
 }
 
 .blog-preview {
   position: relative;
 
+  // Fadeout
   &::after {
     content: '';
     position: absolute;

content/assets/stylesheets/includes/cammie.scss

@@ -3,7 +3,6 @@
 
   #cammie-ctrls {
     display: flex;
-    justify-content: space-between;
     flex-direction: column;
     height: 100%;
     width: 100%;
@@ -14,7 +13,6 @@
 
     position: absolute;
     top: 0;
-    left: 0;
 
     .columns {
       margin: 0;

content/assets/stylesheets/includes/eventpage.scss

@@ -1,17 +1,3 @@
-.google-maps {
-  position: relative;
-  height: 400px;
-  overflow: hidden;
-
-  iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100% !important;
-    height: 400px;
-  }
-}
-
 .banner-image{
   justify-content: center;
   display: flex;
@@ -35,7 +21,6 @@
 }
 
 .header-text {
-  float: left;
   padding: 20px;
 
   &.light-background {

content/assets/stylesheets/includes/events.scss

@@ -1,10 +1,3 @@
-.divider {
-  align-items:flex-start;
-  border: 1px solid lighten(gray, 45%);
-  width: 67%;
-  margin: 0 30% 0 3%;
-}
-
 .box.event-preview {
   border-radius: 0px;
   display: flex;
@@ -13,10 +6,7 @@
   padding:20px;
   padding-top:0px;
 
-  // border-top: 1px solid lighten(gray, 40%);
-
   .image-holder {
-    //border-radius: 50%;
     padding: 10px;
     border: 1px solid lighten(gray, 30%);
     width: 15%;
@@ -24,7 +14,6 @@
   }
 
   .image {
-    //border-radius: 50%;
     vertical-align: baseline;
     border: 1px solid gray;
   }
@@ -35,7 +24,8 @@
     box-shadow : none;
     width: 60%;
     //for better spacing on mobile
-    @media screen and (max-width: 768px) {
+
+    @include mobile {
       width: 100%;
     }
     .title {
@@ -74,8 +64,6 @@
     border-radius: 0px;
     box-shadow: none;
     height: 8em;
-    // display: flex;
-    // align-items: center;
 
     ul {
       padding-left: .7em;

content/assets/stylesheets/includes/general.scss

@@ -152,3 +152,8 @@ footer.footer {
   float: right;
   margin: 15px;
 }
+
+// Bold definition types in <dl></dl>
+dt {
+  font-weight: bold;
+}

content/assets/stylesheets/includes/tiles.scss

@@ -18,10 +18,11 @@ a.box {
 
 .centering {
   display: flex;
+
   justify-content: center;
   align-items: center;
 }
-.highlighted{
+.highlighted {
   background: $tile-orange;
   .content {
     color: white;
@@ -34,9 +35,6 @@ a.box {
     }
   }
 }
-#quote{
-  font-style: italic;
-}
 
 .icon a{
   color:$tile-orange;
@@ -44,60 +42,59 @@ a.box {
 
 #gamification-coders {
   display: flex;
+
   justify-content: center;
 
   table {
     position: relative;
 
     tr:first-child {
-      height: $top_coder_size;
       width: $top_coder_size;
+      height: $top_coder_size;
       .picture img {
-        height: $top_coder_size;
         width: $top_coder_size !important;
+        height: $top_coder_size;
         box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,0.2);
       }
     }
     td {
+      padding: 0;
       vertical-align: middle;
       text-align: center;
-      padding: 0;
       &.picture {
         width: $top_coder_size !important;
       }
       &.score {
-        text-align: right;
         padding-right: 10px;
+        text-align: right;
       }
     }
   }
 
   .picture img {
-    height: 40px;
-    width: 40px !important;
-    vertical-align: middle;
-    margin: 10px 0;
-    border-radius: 50px;
     z-index: 1;
+    margin: 10px 0;
+    width: 40px !important;
+    height: 40px;
+    border-radius: 50px;
+    vertical-align: middle;
   }
 
 }
 
 #blokmap-tile {
   position: relative;
-
   height: 200px;
   //background-image: url("https://i.imgur.com/PMaIG7X.jpg");
   background-image: url("https://cldup.com/-FmSDFbd07.jpg");
-
   background-position: center;
 
   .overlay {
-    left: 0;
-    top: 0;
     position: absolute;
-    height: 100%;
+    top: 0;
+    left: 0;
     width: 100%;
+    height: 100%;
     background-color: rgba(0, 0, 0, 0.2);
   }
 

content/assets/stylesheets/main.scss

@@ -29,7 +29,6 @@ body.site {
 @import "includes/blogpost";
 @import "includes/general";
 @import "includes/eventpage";
-@import "includes/404";
 @import "includes/projects";
 @import "includes/navbar";
 @import "includes/search";

content/cammie.erb

@@ -2,6 +2,10 @@
 navigable: true
 title: Cammie
 ---
+<% content_for :scripts do %>
+<%= asset :js, :cammie %>
+<% end %>
+
 <section id="cammie-section">
   <div id="cammie-body">
     <figure class="image is-16by9">
@@ -59,6 +63,3 @@ title: Cammie
     </div>
   </nav>
 </section>
-
-
-<%= asset :js, :cammie %>

layouts/eventpost.erb

@@ -68,11 +68,7 @@
       <div class="content has-text-justified is-medium-responsive">
         <%= yield %>
       </div>
-    </div>
-  </div>
-  <div class="columns">
-    <div class="google-maps column is-8 is-offset-2">
-      <iframe style="border:0" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
+      <iframe height="400" style="width:100%" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
     </div>
   </div>
 </section>

package.json

@@ -7,6 +7,6 @@
   "license": "MIT",
   "repository": "https://github.com/ZeusWPI/zeus.ugent.be",
   "dependencies": {
-    "bulma": "0.4.0"
+    "bulma": "0.4.1"
   }
 }