Change hydra picture, align links botright
This commit is contained in:
Wout Schellaert
parent
a7c47c885b
commit
0364af926a
5 changed files with 39 additions and 48 deletions
BIN
content/assets/images/hydra.png
Normal file
BIN
content/assets/images/hydra.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
content/assets/images/hydra_og.png
Normal file
BIN
content/assets/images/hydra_og.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 155 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
|
|
@ -1,22 +1,19 @@
|
||||||
.imgspace {
|
#flex-align-links {
|
||||||
display: flex;
|
width: 100%;
|
||||||
justify-content: space-around;
|
height: 60%;
|
||||||
width: 100%;
|
padding-right: 5%;
|
||||||
text-align: center;
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.imgcenter {
|
.links {
|
||||||
display: flex;
|
align-self: flex-end;
|
||||||
justify-content: center; /* align horizontal */
|
|
||||||
align-items: center; /* align vertical */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.padbot {
|
.links > .column {
|
||||||
padding-bottom: 15px;
|
display: inline-block;
|
||||||
}
|
max-width: 160px;
|
||||||
|
align-items: center;
|
||||||
.padtop {
|
|
||||||
padding-top: 25px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.project {
|
.project {
|
||||||
|
|
|
||||||
|
|
@ -3,40 +3,34 @@ navigable: true
|
||||||
title: Projecten
|
title: Projecten
|
||||||
order: 30
|
order: 30
|
||||||
---
|
---
|
||||||
<div class="content">
|
<div class="container project content">
|
||||||
<div class="container">
|
<article class="columns">
|
||||||
<div class="tile is-vertical">
|
<div class="column is-one-quarter" id="logo-column">
|
||||||
<div class="tile">
|
<div class="hydra-scrot">
|
||||||
<article class="tile is-child notification is-default">
|
<img src="/assets/images/hydra.png">
|
||||||
<div class="columns">
|
</div>
|
||||||
<div class="column is-one-quarter has-text-centered padtop">
|
|
||||||
<img src="/assets/images/unnamed.png">
|
|
||||||
</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">
|
|
||||||
<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>
|
|
||||||
<a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></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>
|
||||||
|
<div class="column">
|
||||||
|
<p class="title">Hydra</p>
|
||||||
|
<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="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>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue