let's try bulma, it's neat
This commit is contained in:
Lorin Werthen
parent
35e493f187
commit
a50665d09f
12 changed files with 416 additions and 397 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -13,3 +13,5 @@ crash.log
|
||||||
.idea/
|
.idea/
|
||||||
|
|
||||||
.sass-cache/
|
.sass-cache/
|
||||||
|
|
||||||
|
node_modules/
|
||||||
|
|
|
||||||
|
|
@ -1,73 +1,75 @@
|
||||||
<h1>Over Zeus WPI</h1>
|
<div class="content">
|
||||||
|
<h1>Over Zeus WPI</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Zeus WPI is de werkgroep informatica van de Universiteit Gent. Oorspronkelijk stond WPI voor Werkgroep Publieke Informatica en hostten wij de eerste mailserver van de UGent.
|
Zeus WPI is de werkgroep informatica van de Universiteit Gent. Oorspronkelijk stond WPI voor Werkgroep Publieke Informatica en hostten wij de eerste mailserver van de UGent.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Wij zijn studenten die het gebruik van Free and Open Source Software (FOSS) promoten, lessen geven over nuttige software als LaTeX en introducties geven tot programmeertalen zoals Python, Ruby of PHP. Daarnaast bieden we ook enkele diensten aan zoals shell-accounts, web-hosting, git-repositories, enz. Doorheen het academiejaar engageren we ons ook in verschillende projecten, zo zijn we sinds enkele jaren verantwoordelijk voor het telsysteem van de <a href="http://12urenloop.be/">12Urenloop</a> of ondersteunen we het <a href="http://www.fkgent.be/">FaculteitenKonvent</a> bij ICT-projecten.
|
Wij zijn studenten die het gebruik van Free and Open Source Software (FOSS) promoten, lessen geven over nuttige software als LaTeX en introducties geven tot programmeertalen zoals Python, Ruby of PHP. Daarnaast bieden we ook enkele diensten aan zoals shell-accounts, web-hosting, git-repositories, enz. Doorheen het academiejaar engageren we ons ook in verschillende projecten, zo zijn we sinds enkele jaren verantwoordelijk voor het telsysteem van de <a href="http://12urenloop.be/">12Urenloop</a> of ondersteunen we het <a href="http://www.fkgent.be/">FaculteitenKonvent</a> bij ICT-projecten.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Iedereen is welkom bij Zeus WPI, ook al studeer je geen informatica. Het enige wat je nodig hebt is een gezonde dosis interesse en een beetje geeky aanleg.
|
Iedereen is welkom bij Zeus WPI, ook al studeer je geen informatica. Het enige wat je nodig hebt is een gezonde dosis interesse en een beetje geeky aanleg.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>Het bestuur</h2>
|
<h2>Het bestuur</h2>
|
||||||
|
|
||||||
Het bestuur zorgt ervoor dat alle wieltjes blijven draaien en organiseert regelmatig activiteiten voor de leden. Het bestuur voor het academiejaar 2015-2016 van Zeus WPI is.
|
Het bestuur zorgt ervoor dat alle wieltjes blijven draaien en organiseert regelmatig activiteiten voor de leden. Het bestuur voor het academiejaar 2015-2016 van Zeus WPI is.
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
Voorzitter: Jeroen De Clerck
|
Voorzitter: Jeroen De Clerck
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Secretaris: Eloïse Piret
|
Secretaris: Eloïse Piret
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Penning: Kenneth Van den Driessche
|
Penning: Kenneth Van den Driessche
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Systeembeheerder: Titouan Vervack
|
Systeembeheerder: Titouan Vervack
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Activiteiten: Lorin Werthen
|
Activiteiten: Lorin Werthen
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Project: Ilion Beyst
|
Project: Ilion Beyst
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>Zeus waar? Zeus daar!</h2>
|
<h2>Zeus waar? Zeus daar!</h2>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Zeus WPI heeft een lokaal in de kelder van gebouw S9 op campus de Sterre, die door de leden liefkozend “de kelder” genoemd wordt. Daar staat het volledige computerpark van Zeus WPI.
|
Zeus WPI heeft een lokaal in de kelder van gebouw S9 op campus de Sterre, die door de leden liefkozend “de kelder” genoemd wordt. Daar staat het volledige computerpark van Zeus WPI.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
Zeus bereik je zo:
|
Zeus bereik je zo:
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
kom naar de kelder en spring eens binnen
|
kom naar de kelder en spring eens binnen
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
stuur een mailtje naar <a href="mailto:bestuur@zeus.ugent.be">het bestuur</a>
|
stuur een mailtje naar <a href="mailto:bestuur@zeus.ugent.be">het bestuur</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
stuur een gele briefkaart naar “Zeus WPI – Krijgslaan 281, S9 – 9000 Gent”
|
stuur een gele briefkaart naar “Zeus WPI – Krijgslaan 281, S9 – 9000 Gent”
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
bezoek ons IRC-kanaal. (server: wina.ugent.be, kanaal: #zeus)
|
bezoek ons IRC-kanaal. (server: wina.ugent.be, kanaal: #zeus)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
bel naar 09 264 4751 (intern: 4751)
|
bel naar 09 264 4751 (intern: 4751)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
stort op BE32 9799 9370 6502 (BIC: ARSP BE 22)
|
stort op BE32 9799 9370 6502 (BIC: ARSP BE 22)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
volg ons op Twitter: <a href="http://twitter.com/ZeusWPI">@ZeusWPI</a>
|
volg ons op Twitter: <a href="http://twitter.com/ZeusWPI">@ZeusWPI</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
word fan op <a href="https://www.facebook.com/zeus.wpi">Facebook</a>
|
word fan op <a href="https://www.facebook.com/zeus.wpi">Facebook</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,252 +1,9 @@
|
||||||
$zeus_orange: #FF7F00;
|
$zeus-orange: #FF7F00;
|
||||||
$event-padding: 10px;
|
$orange: $zeus-orange;
|
||||||
$navbar-border-color: #CCC;
|
$primary: $orange;
|
||||||
$event-border-color: #DDD;
|
|
||||||
|
|
||||||
$cammie-controls-color: rgba(0, 0, 0, 0.60);
|
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
|
||||||
|
$family-sans-serif: 'Open Sans', sans-serif;
|
||||||
|
|
||||||
html, button, input, select, textarea,
|
@import "old";
|
||||||
.pure-g [class *= "pure-u"] {
|
@import "../../../node_modules/bulma/bulma";
|
||||||
font-family: 'Open Sans', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
html, body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
color: #444;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, strong {
|
|
||||||
color: #222;
|
|
||||||
}
|
|
||||||
|
|
||||||
#container {
|
|
||||||
height: 700px;
|
|
||||||
margin-top: 35px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a, a:hover, a:visited, a:link, a:active {
|
|
||||||
color: $zeus_orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logos {
|
|
||||||
display: inline-block;
|
|
||||||
color: black;
|
|
||||||
|
|
||||||
a, a:hover, a:visited, a:link, a:active {
|
|
||||||
text-decoration: none;
|
|
||||||
color: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo-link {
|
|
||||||
margin-left: 10px;
|
|
||||||
transition: 0.2s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $zeus_orange;
|
|
||||||
transition: 0.2s;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-top {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;;
|
|
||||||
align-items: flex-end;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar {
|
|
||||||
border-top: 1px solid $navbar-border-color;
|
|
||||||
border-bottom: 1px solid $navbar-border-color;
|
|
||||||
padding-top: 7px;
|
|
||||||
padding-bottom: 7px;
|
|
||||||
|
|
||||||
color: black;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
margin-bottom: $event-padding * 2;
|
|
||||||
margin-top: $event-padding * 2;
|
|
||||||
|
|
||||||
|
|
||||||
a {
|
|
||||||
padding: 8px;
|
|
||||||
transition: 0.2s;
|
|
||||||
|
|
||||||
font-variant: small-caps;
|
|
||||||
font-size: 1.25em;
|
|
||||||
|
|
||||||
&, &:hover, &:visited, &:link, &:active {
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
background-color: $zeus_orange;
|
|
||||||
transition: 0.2s;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#all-events {
|
|
||||||
margin-left: -10px;
|
|
||||||
margin-right: -10px;
|
|
||||||
|
|
||||||
.event {
|
|
||||||
border: 2px solid $event-border-color;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
height: 200px;
|
|
||||||
margin: $event-padding;
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: '\A';
|
|
||||||
position: absolute;
|
|
||||||
width: 100%; height:100%;
|
|
||||||
top:0; left:0;
|
|
||||||
background:rgba(0,0,0,0.6);
|
|
||||||
opacity: 0;
|
|
||||||
transition: all 0.5s;
|
|
||||||
-webkit-transition: all 0.5s;
|
|
||||||
}
|
|
||||||
&:hover:after {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#event-banner {
|
|
||||||
position: fixed;
|
|
||||||
min-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#event-description {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#event-info {
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#event-content {
|
|
||||||
position: absolute;
|
|
||||||
top: 500px;
|
|
||||||
background-color: white;
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
border-top: 2px solid $navbar-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
#event-title {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 50px;
|
|
||||||
line-height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sticky.stick {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
z-index: 10000;
|
|
||||||
width: 100%;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cammie {
|
|
||||||
object-fit: contain;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.fullpage {
|
|
||||||
min-width: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ctrl {
|
|
||||||
background-color: $cammie-controls-color;
|
|
||||||
color: white;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 100;
|
|
||||||
|
|
||||||
// Chevron centering
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: $zeus_orange;
|
|
||||||
z-index: 200;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#left {
|
|
||||||
height: 100%;
|
|
||||||
width: 100px;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#right {
|
|
||||||
height: 100%;
|
|
||||||
width: 100px;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#up {
|
|
||||||
height: 100px;
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#down {
|
|
||||||
height: 100px;
|
|
||||||
width: 100%;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.project-card {
|
|
||||||
background-color: #2D5CB4;
|
|
||||||
color: white;
|
|
||||||
height: 300px;
|
|
||||||
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.project-title {
|
|
||||||
background: #1e3c72; /* fallback for old browsers */
|
|
||||||
background: -webkit-linear-gradient(to left, #1e3c72 , #2a5298); /* Chrome 10-25, Safari 5.1-6 */
|
|
||||||
background: linear-gradient(to left, #1e3c72 , #2a5298); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
||||||
|
|
||||||
font-size: 4em;
|
|
||||||
padding: 20px;
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-description {
|
|
||||||
background-color: #1e3c72;
|
|
||||||
text-align: right;
|
|
||||||
padding: 20px;
|
|
||||||
width: 700px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
218
content/assets/stylesheets/old.scss
Normal file
218
content/assets/stylesheets/old.scss
Normal file
|
|
@ -0,0 +1,218 @@
|
||||||
|
$zeus_orange: #FF7F00;
|
||||||
|
$event-padding: 10px;
|
||||||
|
$navbar-border-color: #CCC;
|
||||||
|
$event-border-color: #DDD;
|
||||||
|
|
||||||
|
$cammie-controls-color: rgba(0, 0, 0, 0.60);
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa-ul {
|
||||||
|
list-style: none !important;
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#logos {
|
||||||
|
display: inline-block;
|
||||||
|
color: black;
|
||||||
|
|
||||||
|
a, a:hover, a:visited, a:link, a:active {
|
||||||
|
text-decoration: none;
|
||||||
|
color: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-link {
|
||||||
|
margin-left: 10px;
|
||||||
|
transition: 0.2s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $zeus_orange;
|
||||||
|
transition: 0.2s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-end;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar {
|
||||||
|
a {
|
||||||
|
padding: 8px;
|
||||||
|
transition: 0.2s;
|
||||||
|
|
||||||
|
font-variant: small-caps;
|
||||||
|
font-size: 1.25em;
|
||||||
|
|
||||||
|
&, &:hover, &:visited, &:link, &:active {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
background-color: $zeus_orange;
|
||||||
|
transition: 0.2s;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#all-events {
|
||||||
|
margin-left: -10px;
|
||||||
|
margin-right: -10px;
|
||||||
|
|
||||||
|
.event {
|
||||||
|
border: 2px solid $event-border-color;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
height: 200px;
|
||||||
|
margin: $event-padding;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '\A';
|
||||||
|
position: absolute;
|
||||||
|
width: 100%; height:100%;
|
||||||
|
top:0; left:0;
|
||||||
|
background:rgba(0,0,0,0.6);
|
||||||
|
opacity: 0;
|
||||||
|
transition: all 0.5s;
|
||||||
|
-webkit-transition: all 0.5s;
|
||||||
|
}
|
||||||
|
&:hover:after {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}*/
|
||||||
|
|
||||||
|
|
||||||
|
#event-banner {
|
||||||
|
position: fixed;
|
||||||
|
min-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#event-description {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#event-info {
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#event-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 400px;
|
||||||
|
background-color: white;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
border-top: 2px solid $navbar-border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
#event-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sticky.stick {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10000;
|
||||||
|
width: 100%;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cammie {
|
||||||
|
object-fit: contain;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.fullpage {
|
||||||
|
min-width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ctrl {
|
||||||
|
background-color: $cammie-controls-color;
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
// Chevron centering
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: $zeus_orange;
|
||||||
|
z-index: 200;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#left {
|
||||||
|
height: 100%;
|
||||||
|
width: 100px;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#right {
|
||||||
|
height: 100%;
|
||||||
|
width: 100px;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#up {
|
||||||
|
height: 100px;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#down {
|
||||||
|
height: 100px;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.project-card {
|
||||||
|
background-color: #2D5CB4;
|
||||||
|
color: white;
|
||||||
|
height: 300px;
|
||||||
|
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.project-title {
|
||||||
|
background: #1e3c72; /* fallback for old browsers */
|
||||||
|
background: -webkit-linear-gradient(to left, #1e3c72 , #2a5298); /* Chrome 10-25, Safari 5.1-6 */
|
||||||
|
background: linear-gradient(to left, #1e3c72 , #2a5298); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||||
|
|
||||||
|
font-size: 4em;
|
||||||
|
padding: 20px;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-description {
|
||||||
|
background-color: #1e3c72;
|
||||||
|
text-align: right;
|
||||||
|
padding: 20px;
|
||||||
|
width: 700px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,9 +1,15 @@
|
||||||
<div id="all-events">
|
<div class="tile is-vertical is-ancestor">
|
||||||
<%= render '/partials/_tile.*', article: sorted_articles[0] %>
|
<div class="tile is-parent is-12">
|
||||||
<div class="pure-g">
|
<div class="tile is-child box">
|
||||||
|
<%= render '/partials/_tile.*', article: sorted_articles[0] %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tile">
|
||||||
<% sorted_articles[1..-1].each do |article| %>
|
<% sorted_articles[1..-1].each do |article| %>
|
||||||
<div class="pure-u-1-3">
|
<div class="tile is-parent is-4">
|
||||||
<%= render '/partials/_tile.*', article: article %>
|
<div class="tile is-child box">
|
||||||
|
<%= render '/partials/_tile.*', article: article %>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,14 @@
|
||||||
<% 5.times do %>
|
<% 5.times do %>
|
||||||
<div class="project-card">
|
<section class="hero is-primary">
|
||||||
<div class="project-title">
|
<div class="hero-body">
|
||||||
Hydra
|
<div class="container">
|
||||||
|
<h1 class="title">
|
||||||
|
Hydra
|
||||||
|
</h1>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus facere, ut in magnam harum at, aliquam nostrum totam tempore distinctio explicabo natus quis pariatur quos maiores dignissimos inventore! Ad amet harum ipsum laudantium modi ipsa dolores, omnis impedit nostrum expedita sed molestias similique veritatis, quo explicabo odit minus cum quibusdam accusamus beatae quam vitae cumque ipsam eius. Alias ipsam blanditiis deleniti nam magni veritatis, quas quae. Quam quia at tempora repellat optio aliquam, quasi deserunt esse distinctio voluptate harum hic sed vel blanditiis nam modi fuga, totam neque vero! Sunt, ipsum sit! Libero quam temporibus deserunt, quo itaque perspiciatis earum.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">
|
</section>
|
||||||
<p>
|
|
||||||
Dit is een heel cool project enal
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus facere, ut in magnam harum at, aliquam nostrum totam tempore distinctio explicabo natus quis pariatur quos maiores dignissimos inventore! Ad amet harum ipsum laudantium modi ipsa dolores, omnis impedit nostrum expedita sed molestias similique veritatis, quo explicabo odit minus cum quibusdam accusamus beatae quam vitae cumque ipsam eius. Alias ipsam blanditiis deleniti nam magni veritatis, quas quae. Quam quia at tempora repellat optio aliquam, quasi deserunt esse distinctio voluptate harum hic sed vel blanditiis nam modi fuga, totam neque vero! Sunt, ipsum sit! Libero quam temporibus deserunt, quo itaque perspiciatis earum.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,6 @@
|
||||||
Zeus WPI | <%= item[:title] || 'Werkgroep Informatica van de Universiteit Gent' %>
|
Zeus WPI | <%= item[:title] || 'Werkgroep Informatica van de Universiteit Gent' %>
|
||||||
</title>
|
</title>
|
||||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
|
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css">
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-min.css">
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
|
|
||||||
<link rel="stylesheet" href="/assets/stylesheets/main.css">
|
<link rel="stylesheet" href="/assets/stylesheets/main.css">
|
||||||
|
|
||||||
<link rel="icon" href="/assets/images/favicon32.png" type="image/x-icon" />
|
<link rel="icon" href="/assets/images/favicon32.png" type="image/x-icon" />
|
||||||
|
|
|
||||||
|
|
@ -5,33 +5,41 @@
|
||||||
<meta property="og:url" content="<%= url_for(item) %>" />
|
<meta property="og:url" content="<%= url_for(item) %>" />
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
<!--
|
||||||
<img class="pure-img" id="event-banner" src="<%= item[:banner] %>" alt="" />
|
<img class="pure-img" id="event-banner" src="<%= item[:banner] %>" alt="" />
|
||||||
|
-->
|
||||||
<div id="event-content">
|
<section class="hero is-medium is-primary is-bold">
|
||||||
<div id="sticky-anchor"></div>
|
<div class="hero-head">
|
||||||
<div id="sticky">
|
|
||||||
<h1 id="event-title">
|
|
||||||
<%= item[:title] %>
|
|
||||||
</h1>
|
|
||||||
<%= render '/partials/_navbar.*' %>
|
<%= render '/partials/_navbar.*' %>
|
||||||
</div>
|
</div>
|
||||||
<div class="pure-g">
|
<div class="hero-body">
|
||||||
<!-- Wrapper needed to add some padding to the grid class -->
|
<div class="container">
|
||||||
<div id="event-description-wrapper" class="pure-u-3-4">
|
<h1 class="title">
|
||||||
<div class="pure-u-1-6"></div>
|
<%= item[:title] %>
|
||||||
<div class="pure-u-2-3">
|
</h1>
|
||||||
<div id="event-description">
|
<h2 class="subtitle">
|
||||||
<%= yield %>
|
<ul class="fa-ul">
|
||||||
</div>
|
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li>
|
||||||
</div>
|
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li>
|
||||||
|
</ul>
|
||||||
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div id="event-info" class="pure-u-1-4">
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="columns">
|
||||||
|
<!-- Wrapper needed to add some padding to the grid class -->
|
||||||
|
<div class="content container">
|
||||||
|
<%= yield %>
|
||||||
|
</div>
|
||||||
|
<div id="event-info" class="column is-one-quarter content">
|
||||||
<ul class="fa-ul">
|
<ul class="fa-ul">
|
||||||
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li>
|
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li>
|
||||||
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li>
|
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
<script src="/assets/scripts/eventpost.js"></script>
|
<script src="/assets/scripts/eventpost.js"></script>
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,17 @@
|
||||||
<div class="pure-g">
|
<div class="container">
|
||||||
<div class="pure-u-1-24"></div>
|
<header class="section">
|
||||||
<div id="container" class="pure-u-11-12">
|
<%= render '/partials/_navbar.*' %>
|
||||||
<header>
|
</header>
|
||||||
<div class="header-top">
|
<main class="section">
|
||||||
<a href="/">
|
<%= yield %>
|
||||||
<img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
|
</main>
|
||||||
</a>
|
|
||||||
<div id="logos">
|
|
||||||
<a href="https://github.com/ZeusWPI" target="_blank">
|
|
||||||
<i class="logo-link fa fa-github fa-3x"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://www.facebook.com/zeus.wpi/" target="_blank">
|
|
||||||
<i class="logo-link fa fa-facebook fa-3x"></i>
|
|
||||||
</a>
|
|
||||||
<a href="/feed.xml" target="_blank">
|
|
||||||
<i class="logo-link fa fa-rss fa-3x"></i>
|
|
||||||
</a>
|
|
||||||
<a href="/ical.ics">
|
|
||||||
<i class="logo-link fa fa-calendar fa-3x"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<%= render '/partials/_navbar.*' %>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<%= yield %>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="content has-text-centered">
|
||||||
|
<p>
|
||||||
|
Made with <i class="fa fa-heart"></i> by Zeus WPI
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,47 @@
|
||||||
<nav id="navbar">
|
<nav id="navbar" class="nav">
|
||||||
<a href="/about">
|
<div class="nav-left">
|
||||||
About
|
<a class="nav-item" href="/">
|
||||||
</a>
|
<img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
|
||||||
<a href="/archives">
|
</a>
|
||||||
Archief
|
|
||||||
</a>
|
<a class="nav-item" href="/about">
|
||||||
<a href="/projects">
|
About
|
||||||
Projecten
|
</a>
|
||||||
</a>
|
<a class="nav-item" href="/archives">
|
||||||
<a href="/cammie">
|
Archief
|
||||||
Cammie
|
</a>
|
||||||
</a>
|
<a class="nav-item" href="/projects">
|
||||||
<a href="/search">
|
Projecten
|
||||||
Zoeken
|
</a>
|
||||||
</a>
|
<a class="nav-item" href="/cammie">
|
||||||
|
Cammie
|
||||||
|
</a>
|
||||||
|
<a class="nav-item" href="/search">
|
||||||
|
Zoeken
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav-right">
|
||||||
|
<a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa fa-github"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa fa-facebook"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a class="nav-item" href="/feed.xml" target="_blank">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa fa-rss"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a class="nav-item" href="/ical.ics">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="fa fa-calendar"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
<a href="<%= relative_path_to(@article) %>">
|
<a href="<%= relative_path_to(@article) %>">
|
||||||
<div class="event">
|
<div class="event">
|
||||||
<img class="pure-img" src='<%= @article[:banner] %>' alt="" />
|
<figure class="image">
|
||||||
|
<img src='<%= @article[:banner] %>' alt="" />
|
||||||
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
12
package.json
Normal file
12
package.json
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
{
|
||||||
|
"name": "zeus.ugent.be",
|
||||||
|
"preferGlobal": true,
|
||||||
|
"version": "0.0.1",
|
||||||
|
"author": "",
|
||||||
|
"description": "The Official Zeus WPI site",
|
||||||
|
"license": "MIT",
|
||||||
|
"repository": "https://github.com/ZeusWPI/zeus.ugent.be",
|
||||||
|
"dependencies": {
|
||||||
|
"bulma": "^0.1.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue