improve index
This commit is contained in:
parent
e41070aca9
commit
780eaed832
7 changed files with 44 additions and 39 deletions
BIN
content/assets/images/hydra-logo.png
Normal file
BIN
content/assets/images/hydra-logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -23,37 +23,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile is-vertical is-2">
|
||||
<div class="tile is-parent">
|
||||
<a class="tile box " href="https://zeus.ugent.be/wiki">
|
||||
<div class="tile is-child imgcenter icon" >
|
||||
<%= fa 'wikipedia-w' %>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent">
|
||||
<a class="tile box" href="/cammie">
|
||||
<div class="tile is-child imgcenter icon">
|
||||
<%= fa 'video-camera' %>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tile is-parent is-2">
|
||||
<a class="tile box is-child imgcenter lana-tile" href="/projects/#lana">
|
||||
<div class="logo-initial has-text-centered">L</div>
|
||||
</a>
|
||||
</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 class="tile is-parent is-2">
|
||||
<a class="tile is-child imgcenter box hydra-tile" href="/projects/#hydra">
|
||||
<%= asset :img, 'hydra-logo.png' %>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<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]%>">
|
||||
<div class="logo-initial has-text-centered"><%=project[:logo_letter]%></div>
|
||||
<div class="logo" style="background-color: <%= project[:logo_color]%>">
|
||||
<div class="logo-initial has-text-centered"><%= project[:logo_letter]%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
|
|
Loading…
Reference in a new issue