Change hydra picture, align links botright

This commit is contained in:
Wout Schellaert 2016-10-04 01:11:15 +02:00
parent a7c47c885b
commit 0364af926a
5 changed files with 39 additions and 48 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

View file

@ -1,22 +1,19 @@
.imgspace {
display: flex;
justify-content: space-around;
#flex-align-links {
width: 100%;
text-align: center;
}
.imgcenter {
height: 60%;
padding-right: 5%;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
justify-content: flex-end;
}
.padbot {
padding-bottom: 15px;
.links {
align-self: flex-end;
}
.padtop {
padding-top: 25px;
.links > .column {
display: inline-block;
max-width: 160px;
align-items: center;
}
.project {

View file

@ -3,40 +3,34 @@ navigable: true
title: Projecten
order: 30
---
<div class="content">
<div class="container">
<div class="tile is-vertical">
<div class="tile">
<article class="tile is-child notification is-default">
<div class="columns">
<div class="column is-one-quarter has-text-centered padtop">
<img src="/assets/images/unnamed.png">
<div class="container project content">
<article class="columns">
<div class="column is-one-quarter" id="logo-column">
<div class="hydra-scrot">
<img src="/assets/images/hydra.png">
</div>
</div>
<div class="column">
<p class="title">Hydra</p>
<p class="subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
<div class="columns">
<div class="column is-one-quarter"></div>
<div class="column imgspace">
<p class="description subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
<div id="flex-align-links">
<div class="columns links">
<div class="column has-text-centered">
<a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="https://camo.githubusercontent.com/c5065f53773c01c20c7cb90cbbefc9552b4e3187/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d696f732e706e67"></a>
<a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a>
<a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/win.png"></a>
</div>
</div>
<div class="columns">
<div class="column is-one-quarter"></div>
<div class="column imgspace">
<a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a>
<a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
<div class="column has-text-centered">
<a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="/assets/images/win.png"></a>
<a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>