tetten

content/assets/stylesheets/includes/general.scss

@@ -48,3 +48,7 @@ footer.footer {
     vertical-align: inherit;
   }
 }
+
+::selection {
+  background: $zeus-orange; /* WebKit/Blink Browsers */
+}

content/assets/stylesheets/includes/tiles.scss

@@ -1,6 +1,3 @@
-a.box {
-  color: #000;
-}
 
 #homepage {
   .box {
@@ -8,11 +5,12 @@ a.box {
 
     &.highlighted {
       background-color: $highlighted-box-colour;
-      color: $highlighted-text-colour;
 
       .content {
+        color: $highlighted-text-colour;
+
         h1, h2 {
-          color: white;
+          color: $highlighted-text-colour;
         }
       }
     }

content/assets/stylesheets/includes/variables.scss

@@ -1,10 +1,14 @@
 // Colours
 $zeus-orange: #FF7F00;
+$zeus-blue: #00C4FF;
+
 $navbar-border-color: #CCC;
 $event-border-color: #DDD;
 $orange: $zeus-orange;
+$blue: $zeus-blue;
 $primary: $orange;
 
+
 $link-visited: inherit;
 
 $box-colour: #EEE;

layouts/eventpost.erb

@@ -5,36 +5,33 @@
 <meta property="og:url" content="<%= url_for(item) %>" />
 <% end %>
 
-<section class="hero is-medium is-info is-bold">
+<section class="hero is-medium is-info">
   <div class="hero-head">
     <%= render '/partials/_navbar.*', zeus_logo_color: :white %>
   </div>
-  <div class="hero-body ">
-
+  <div class="hero-body">
     <div class="container">
       <div class="columns">
-
         <div class="column">
           <p class="title is-1">
-          <b>
-            <%= item[:title] %>
-          </b>
+            <b>
+              <%= item[:title] %>
+            </b>
           </p>
           <p class="subtitle is-3">
-          <%= item[:description] %>
+            <%= item[:description] %>
           </p>
           <p class="subtitle is-3">
-          <ul class="fa-ul">
-            <li><%= fa 'clock-o', li: true %><%= item[:time] %></li>
-            <li><%= fa 'globe', li: true %><%= item[:location] %></li>
-          </ul>
+            <ul class="fa-ul">
+              <li><%= fa 'clock-o', li: true %><%= item[:time].strftime '%A %d %B %Y' %></li>
+              <li><%= fa 'globe', li: true %><%= item[:location] %></li>
+            </ul>
           </p>
         </div>
 
         <div class="is-narrow column banner-image">
-          <img src=<%= item[:banner] %>  >
+          <img src="<%= item[:banner] %>"  >
         </div>
-
       </div>
     </div>
   </div>
@@ -43,7 +40,7 @@
 <section class="section">
   <div class="columns">
     <div class="column is-8 is-offset-2">
-      <div class="content has-text-justified">
+      <div class="content has-text-justified is-medium">
         <%= yield %>
       </div>
     </div>

package.json

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