Make it blue yo

This commit is contained in:
Wout Schellaert 2017-10-19 16:41:56 +02:00
parent 998ce957db
commit f78fd060a0
4 changed files with 51 additions and 25 deletions

View file

@ -30,8 +30,8 @@ narrow_page: true
The Zeus WPI board for the <%= pretty_year @config[:academic_year] %> academic year is:
</p>
<blockquote class='is-size-5'>
<a href='mailto:bestuur@zeus.ugent.be'><%= fa :envelope %></a> -- bestuur@zeus.ugent.be
<blockquote>
Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
</blockquote>
<table class="table">

View file

@ -4,41 +4,40 @@ icon_size: 2x
contact_links:
- icon: facebook
link: https://www.facebook.com/zeus.wpi/
description: FACEBOOK
description: Facebook
action: Like us
- icon: envelope
link: ../about#board
description: EMAIL
description: Email
action: Mail us
- icon: twitter
link: https://twitter.com/zeuswpi
description: TWITTER
description: Twitter
action: Follow us
- icon: slack
link: https://zeuswpi.slack.com/
description: SLACK
description: Slack
action: Message us
- icon: commenting
link: irc://wina.ugent.be/#zeus
description: IRC
description: irc
action: Chat with us
- icon: inbox
link: http://lists.zeus.ugent.be/mailman/listinfo/leden
description: MAILINGLIST
description: Mailinglist
action: Keep up to date
- icon: github
link: https://github.com/ZeusWPI/
description: GITHUB
description: GitHub
action: Fork us
- icon: phone
link: 'tel:+3292644751'
description: PHONE
description: Phone
action: Call us
---
<%= render '/partials/_about_sub_navbar.*', selected: 'contact' %>
<h1 class='title is-1 has-text-centered'>Contact</h1>
<div class='is-divider'></div>
<h1 class='title is-1 has-text-centered'>Contact us</h1>
<h2 class='subtitle is-4 has-text-centered has-text-weight-light'>bleep bloop</h1>
<!-- Contact buttons -->
<ul id='contact-icons' class='columns is-centered is-multiline'>
@ -51,7 +50,7 @@ contact_links:
<%= fa option[:icon], size: @item[:icon_size], class: 'grow-large' %>
</div>
</a>
<h4 class='contact-description'><%= option[:description] %></h3>
<h4 class='contact-description is-uppercase'><%= option[:description] %></h3>
<p class='has-text-centered'>
<a href='<%= option[:link] %>' class='contact-text-link is-link'><%= option[:action] %></a>
</p>
@ -60,10 +59,8 @@ contact_links:
<% end %>
</ul>
<div class='is-divider'></div>
<!-- Extra information tiles -->
<div class='tile is-ancestor is-vertical'>
<div id='contact-info' class='tile is-ancestor is-vertical'>
<div class='tile is-parent'>
<div class='tile is-parent is-vertical'>
@ -103,6 +100,7 @@ contact_links:
Campus Sterre S9 </br>
9000 Gent </br>
</blockquote>
<div id='contact-location-buttons'>
<a class='button' href='https://www.google.com/maps/place/Zeus+WPI/@51.023115,3.7103,17z/data=!4m5!3m4!1s0x0:0x49fd54f81cafeb5f!8m2!3d51.0231149!4d3.7103?hl=en-US'>
<%= fa :'map-marker', fw: true %> Google Maps
</a>
@ -112,6 +110,7 @@ contact_links:
</div>
</div>
</div>
</div>
<!-- Slack information -->
<div id='slack-info' class='tile is-parent'>

View file

@ -25,7 +25,7 @@
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid $tertiary;
border: 1px solid $secondary;
margin: 0 auto;
}
@ -35,7 +35,7 @@
width: 100%;
height: 100%;
border-radius: 50%;
background-color: $tertiary;
background-color: $secondary;
display: flex;
justify-content: center;
align-items: center;
@ -76,3 +76,23 @@
}
}
#contact-info {
h1 {
margin-bottom: 0.3em;
}
.is-divider {
margin-bottom: 0.7em;
margin-top: 0.7em;
}
#contact-location-buttons {
width: 100%;
text-align: center;
}
.button:hover, .button:focus {
border-color: $primary;
}
}

View file

@ -174,6 +174,10 @@ footer.footer {
}
.content {
blockquote {
border-left-color: $secondary;
}
// Bold definition types in <dl></dl>
dt {
font-weight: bold;
@ -181,9 +185,11 @@ footer.footer {
figure {
position: relative;
img {
display: block;
}
figcaption {
position: absolute;
background-color: rgba(0,0,0,.7);
@ -196,6 +202,7 @@ footer.footer {
opacity: 0;
}
&:hover {
figcaption {
opacity: 1;