trying out some different layouts
This commit is contained in:
Mehmet Köse
parent
4deef88948
commit
f0cc739bc3
4 changed files with 86 additions and 1 deletions
|
|
@ -13,4 +13,8 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* align vertical */ }
|
/* align vertical */ }
|
||||||
|
|
||||||
|
/* line 17, /Users/mehmet/Projects/zeus.ugent.be/content/assets/stylesheets/includes/projects.scss */
|
||||||
|
.pad {
|
||||||
|
padding-top: 75px; }
|
||||||
|
|
||||||
/*# sourceMappingURL=projects.css.map */
|
/*# sourceMappingURL=projects.css.map */
|
||||||
|
|
@ -5,6 +5,6 @@
|
||||||
"projects.scss"
|
"projects.scss"
|
||||||
],
|
],
|
||||||
"sourcesContent": [],
|
"sourcesContent": [],
|
||||||
"mappings": "AACA,wCAAwC;;AAExC,SAAS,CAAC;EACN,OAAO,EAAE,IAAK;EACd,eAAe,EAAE,YAAa;EAC9B,KAAK,EAAE,IAAK,GAHL;;;AAMX,UAAU,CAAC;EACP,OAAO,EAAE,IAAK;EAClB,eAAe,EAAE,MAAO;EAAE,sBAAsB;EAChD,WAAW,EAAE,MAAO;EAAE,oBAAoB,EAH9B",
|
"mappings": "AACA,wCAAwC;;AAExC,SAAS,CAAC;EACN,OAAO,EAAE,IAAK;EACd,eAAe,EAAE,YAAa;EAC9B,KAAK,EAAE,IAAK,GAHL;;;AAMX,UAAU,CAAC;EACP,OAAO,EAAE,IAAK;EAClB,eAAe,EAAE,MAAO;EAAE,sBAAsB;EAChD,WAAW,EAAE,MAAO;EAAE,oBAAoB,EAH9B;;;AAOZ,IAAI,CAAC;EAED,WAAW,EAAE,IAAK,GAFhB",
|
||||||
"names": []
|
"names": []
|
||||||
}
|
}
|
||||||
|
|
@ -12,4 +12,10 @@
|
||||||
justify-content: center; /* align horizontal */
|
justify-content: center; /* align horizontal */
|
||||||
align-items: center; /* align vertical */
|
align-items: center; /* align vertical */
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pad {
|
||||||
|
|
||||||
|
padding-top: 75px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -45,4 +45,79 @@ title: Projecten
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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">
|
||||||
|
<p class="title has-text-centered">Tap</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-one-quarter imgspace">
|
||||||
|
<img src="https://camo.githubusercontent.com/c10b728127bc26db9cb80879072e2119276f5b7a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353637362f34363935352f30313031636566342d353861382d313165322d386231362d3036353337633338613863662e706e67">
|
||||||
|
</div>
|
||||||
|
<div class="column pad">
|
||||||
|
<p class="subtitle">🍺 Yes. We have to drink. But we also have to pay. This does the drinking part. <a href="https://zeus.ugent.be/tap">zeus.ugent.be/tap</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class=" imgspace">
|
||||||
|
<a href="https://github.com/ZeusWPI/Tap">Tap <span class="icon"><i class="fa fa-github"></i></span></a>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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">
|
||||||
|
<p class="title has-text-centered">Hydra</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-one-quarter imgspace">
|
||||||
|
<img src="https://camo.githubusercontent.com/c10b728127bc26db9cb80879072e2119276f5b7a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353637362f34363935352f30313031636566342d353861382d313165322d386231362d3036353337633338613863662e706e67">
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<p></p>
|
||||||
|
<p class="subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<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></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></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></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column has-text-centered">
|
||||||
|
<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="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="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
Loading…
Reference in a new issue