colouuuuurs

This commit is contained in:
Eloïse Piret 2016-10-04 16:06:26 +02:00
parent effbec231b
commit 6a9783c51c
3 changed files with 34 additions and 12 deletions

View file

@ -14,3 +14,23 @@ a.box {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.highlighted{
background: $tile-orange;
.content {
color: white;
h1, h2 {
color: inherit;
}
a {
color:inherit;
}
}
}
#quote{
font-style: italic;
}
.icon a{
color:$tile-orange;
}

View file

@ -2,6 +2,8 @@
$zeus-orange: #FF7F00; $zeus-orange: #FF7F00;
$zeus-blue: #00C4FF; $zeus-blue: #00C4FF;
$tile-orange: #ff9f1a;
$navbar-border-color: #CCC; $navbar-border-color: #CCC;
$event-border-color: #DDD; $event-border-color: #DDD;
$orange: $zeus-orange; $orange: $zeus-orange;

View file

@ -14,26 +14,26 @@
<%= render '/partials/_tile.*', article: all_events[1], small_text: "Upcoming event" %> <%= render '/partials/_tile.*', article: all_events[1], small_text: "Upcoming event" %>
</div> </div>
<div class="tile is-parent is-4"> <div class="tile is-parent is-4">
<div class="tile is-child box highlighted"> <div class="tile is-child box ">
<!-- <img src="//thecatapi.com/api/images/get?format=src&type=gif&size=small"> -->
<div class="content has-text-centered "> <div class="content has-text-centered ">
<blockquote id="quote" > <div id="quote" >
<!--<img src="//thecatapi.com/api/images/get?format=src&type=gif&size=small"> -->
<!-- INTENTIONALLY LEFT BLANK --> <!-- INTENTIONALLY LEFT BLANK -->
</blockquote> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="tile is-vertical is-2"> <div class="tile is-vertical is-2">
<div class="tile is-parent"> <div class="tile is-parent">
<a class="tile box " href="https://zeus.ugent.be/wiki"> <a class="tile box " href="https://zeus.ugent.be/wiki">
<div class="tile is-child imgcenter" > <div class="tile is-child imgcenter icon" >
<%= fa 'wikipedia-w' %> <%= fa 'wikipedia-w' %>
</div> </div>
</a> </a>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<a class="tile box" href="/cammie"> <a class="tile box" href="/cammie">
<div class="tile is-child imgcenter"> <div class="tile is-child imgcenter icon">
<%= fa 'video-camera' %> <%= fa 'video-camera' %>
</div> </div>
</a> </a>
@ -42,14 +42,14 @@
<div class="tile is-vertical is-2"> <div class="tile is-vertical is-2">
<div class="tile is-parent"> <div class="tile is-parent">
<a class="tile box" href="https://github.com/ZeusWPI"> <a class="tile box" href="https://github.com/ZeusWPI">
<div class="tile is-child imgcenter"> <div class="tile is-child imgcenter icon">
<%= fa 'github' %> <%= fa 'github' %>
</div> </div>
</a> </a>
</div> </div>
<div class="tile is-parent"> <div class="tile is-parent">
<a class="tile box" href="https://www.facebook.com/zeus.wpi/?fref=ts"> <a class="tile box" href="https://www.facebook.com/zeus.wpi/?fref=ts">
<div class="tile is-child imgcenter"> <div class="tile is-child imgcenter icon">
<%= fa 'facebook-official' %> <%= fa 'facebook-official' %>
</div> </div>
</a> </a>
@ -58,7 +58,7 @@
</div> </div>
<div class="tile"> <div class="tile">
<div class="tile is-4 is-parent"> <div class="tile is-4 is-parent">
<%= render '/partials/_tile.*', article: sorted_articles.first, small_text: "Latest blogpost" %> <%= render '/partials/_tile.*', article: sorted_articles.first, small_text: "Latest blogpost",htmlclass:"highlighted"%>
</div> </div>
<div class="tile is-vertical"> <div class="tile is-vertical">
<div class="tile is-parent"> <div class="tile is-parent">