lorin
GitHub
commit
97a3444228
14 changed files with 421 additions and 398 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -13,3 +13,5 @@ crash.log
|
||||||
.idea/
|
.idea/
|
||||||
|
|
||||||
.sass-cache/
|
.sass-cache/
|
||||||
|
|
||||||
|
node_modules/
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,8 @@
|
||||||
language: ruby
|
language: ruby
|
||||||
|
|
||||||
cache: bundler
|
cache:
|
||||||
|
bundler: true
|
||||||
|
|
||||||
rvm:
|
rvm:
|
||||||
- 2.3.1
|
- 2.3.1
|
||||||
notifications:
|
notifications:
|
||||||
|
|
@ -10,6 +12,7 @@ before_install:
|
||||||
- openssl aes-256-cbc -K $encrypted_6059a4f451fd_key -iv $encrypted_6059a4f451fd_iv
|
- openssl aes-256-cbc -K $encrypted_6059a4f451fd_key -iv $encrypted_6059a4f451fd_iv
|
||||||
-in id_rsa.enc -out deploy_key -d
|
-in id_rsa.enc -out deploy_key -d
|
||||||
- echo -e "Host zeus.ugent.be\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
|
- echo -e "Host zeus.ugent.be\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
|
||||||
|
- npm install
|
||||||
script:
|
script:
|
||||||
- bundle exec nanoc
|
- bundle exec nanoc
|
||||||
- bundle exec nanoc check --deploy
|
- bundle exec nanoc check --deploy
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
bundle install
|
bundle install
|
||||||
|
npm install
|
||||||
```
|
```
|
||||||
|
|
||||||
## Developing
|
## Developing
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
<div class="content">
|
||||||
<h1>Over Zeus WPI</h1>
|
<h1>Over Zeus WPI</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -71,3 +72,4 @@ Zeus bereik je zo:
|
||||||
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,10 +1,16 @@
|
||||||
<div id="all-events">
|
<div class="tile is-vertical is-ancestor">
|
||||||
|
<div class="tile is-parent is-12">
|
||||||
|
<div class="tile is-child box">
|
||||||
<%= render '/partials/_tile.*', article: sorted_articles[0] %>
|
<%= render '/partials/_tile.*', article: sorted_articles[0] %>
|
||||||
<div class="pure-g">
|
</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">
|
||||||
|
<div class="tile is-child box">
|
||||||
<%= render '/partials/_tile.*', article: article %>
|
<%= render '/partials/_tile.*', article: article %>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</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">
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="title">
|
||||||
Hydra
|
Hydra
|
||||||
</div>
|
</h1>
|
||||||
<div class="project-description">
|
|
||||||
<p>
|
|
||||||
Dit is een heel cool project enal
|
|
||||||
</p>
|
|
||||||
<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.
|
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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
<% 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">
|
||||||
|
<div class="container">
|
||||||
|
<h1 class="title">
|
||||||
|
<%= item[:title] %>
|
||||||
|
</h1>
|
||||||
|
<h2 class="subtitle">
|
||||||
|
<ul class="fa-ul">
|
||||||
|
<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>
|
||||||
|
</ul>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<div class="columns">
|
||||||
<!-- Wrapper needed to add some padding to the grid class -->
|
<!-- Wrapper needed to add some padding to the grid class -->
|
||||||
<div id="event-description-wrapper" class="pure-u-3-4">
|
<div class="content container">
|
||||||
<div class="pure-u-1-6"></div>
|
|
||||||
<div class="pure-u-2-3">
|
|
||||||
<div id="event-description">
|
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div id="event-info" class="column is-one-quarter content">
|
||||||
</div>
|
|
||||||
<div id="event-info" class="pure-u-1-4">
|
|
||||||
<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">
|
|
||||||
<header>
|
|
||||||
<div class="header-top">
|
|
||||||
<a href="/">
|
|
||||||
<img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
|
|
||||||
</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.*' %>
|
<%= render '/partials/_navbar.*' %>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main class="section">
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</main>
|
</main>
|
||||||
</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>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,47 @@
|
||||||
<nav id="navbar">
|
<nav id="navbar" class="nav">
|
||||||
<a href="/about">
|
<div class="nav-left">
|
||||||
|
<a class="nav-item" href="/">
|
||||||
|
<img id="logo" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="nav-item" href="/about">
|
||||||
About
|
About
|
||||||
</a>
|
</a>
|
||||||
<a href="/archives">
|
<a class="nav-item" href="/archives">
|
||||||
Archief
|
Archief
|
||||||
</a>
|
</a>
|
||||||
<a href="/projects">
|
<a class="nav-item" href="/projects">
|
||||||
Projecten
|
Projecten
|
||||||
</a>
|
</a>
|
||||||
<a href="/cammie">
|
<a class="nav-item" href="/cammie">
|
||||||
Cammie
|
Cammie
|
||||||
</a>
|
</a>
|
||||||
<a href="/search">
|
<a class="nav-item" href="/search">
|
||||||
Zoeken
|
Zoeken
|
||||||
</a>
|
</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