Replace mehmet by a template

This commit is contained in:
Wout Schellaert 2016-10-03 21:56:08 +02:00
parent c32a965667
commit ea5d1ebce7
18 changed files with 131 additions and 146 deletions

9
Rules
View file

@ -100,6 +100,15 @@ compile '/posts/**/*', rep: :text do
filter :strip_html filter :strip_html
end end
#
# PROJECTS
#
compile '/projects/*' do
filter :kramdown
filter :relativize_paths, type: :html
end
# #
# GENERIC ERB PAGES # GENERIC ERB PAGES
# #

View file

@ -1,6 +1,3 @@
/*# sourceMappingURL=projects.css.map */
.imgspace { .imgspace {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -12,17 +9,35 @@
display: flex; display: flex;
justify-content: center; /* align horizontal */ justify-content: center; /* align horizontal */
align-items: center; /* align vertical */ align-items: center; /* align vertical */
} }
.padbot { .padbot {
padding-bottom: 15px; padding-bottom: 15px;
} }
.padtop { .padtop {
padding-top: 25px; padding-top: 25px;
}
.project {
background-color: $body-background;
margin-top: 30px;
}
.logo {
height: 10vw;
width: 10vw;
min-width: 100px;
min-height: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
.logo-initial {
margin: auto;
color: white;
font-size: 6vw;
font-family: $family-sans-serif;
} }

View file

@ -5,6 +5,8 @@ $event-border-color: #DDD;
$orange: $zeus-orange; $orange: $zeus-orange;
$primary: $orange; $primary: $orange;
$family-sans-serif: 'Lato', sans-serif;
$link-visited: inherit; $link-visited: inherit;
$box-colour: #EEE; $box-colour: #EEE;

View file

@ -1,9 +1,7 @@
@import 'https://fonts.googleapis.com/css?family=Lato:300,400';
@import "includes/variables"; @import "includes/variables";
@import 'https://fonts.googleapis.com/css?family=Lato:300,400';
$family-sans-serif: 'Lato', sans-serif;
@import "../../../node_modules/bulma/bulma"; @import "../../../node_modules/bulma/bulma";
.nav-right { .nav-right {

View file

@ -38,138 +38,8 @@ title: Projecten
</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">
<p class="title has-text-centered">FK-enrolment</p>
<p class="subtitle has-text-centered">Enrolment system for new members of FK-clubs at Ghent University.</p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/FK-enrolment">FK-enrolment<span class="icon"><i class="fa fa-github"></i></span></a></div>
</article>
</div> <% all_projects.each do |project| %>
</div> <%= render '/partials/_project.erb', project: project%>
</div> <% end %>
</div>
<div class="content">
<div class="container">
<div class="tile is-vertical">
<div class="tile">
<article class="tile is-child notification is-default">
<p class="title has-text-centered">Badass Bottle Bats</p>
<p class="subtitle has-text-centered">A bot writing contest <a href="https://zeus.ugent.be/bottlebats">https://zeus.ugent.be/bottlebats</a></p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/aichallenge">Badass Bottle Bats<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">
<p class="title has-text-centered">Haldis</p>
<p class="subtitle has-text-centered">Haldis is your friendly neighbourhood servant. He exists so lazy fucks like you and me don't need to keep tabs of who is ordering what from where. Start an order and let people add items with a simple mouse-click! No more calculating prices and making lists! Be lazier today!</p>
<div class="has-text-centered padbot subtitle"><a href="http://zeus.ugent.be/haldis">http://zeus.ugent.be/haldis</a></div>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/Haldis">Haldis<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">
<p class="title has-text-centered">Tab</p>
<p class="subtitle has-text-centered">💰 Yes. We have to drink. But we also have to pay. This does the paying part. <a href="https://zeus.ugent.be/tab">https://zeus.ugent.be/tab</a></p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/Tab">Tab<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">
<p class="title has-text-centered">Gandalf</p>
<p class="subtitle has-text-centered">You Shall Not Pass - An advanced e-ticket system for student clubs - <a href="http://event.fkgent.be">http://event.fkgent.be</a></p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/Gandalf">Gandalf<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">
<p class="title has-text-centered">Lana</p>
<p class="subtitle has-text-centered">🐕 LAN-Party Assistant. An application to make the life of a LAN-partygoer easier!</p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/Lana">Lana<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">
<p class="title has-text-centered">Saruman</p>
<p class="subtitle has-text-centered">Saruman is a material management tool where partners can reserve stuff.</p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/Saruman">Saruman<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">
<p class="title has-text-centered">12urenloop</p>
<p class="subtitle has-text-centered">Application to count laps based on bluetooth dongle detection <a href="http://12urenloop.be">http://12urenloop.be</a></p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/12urenloop">12urenloop<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">
<p class="title has-text-centered">SlotMachien</p>
<p class="subtitle has-text-centered">This repository contains all applications related to SlotMachien; a Lego MindStorms robot designed to turn a specific lock.</p>
<div class="has-text-centered"><a href="https://github.com/ZeusWPI/slotmachien">SlotMachien<span class="icon"><i class="fa fa-github"></i></span></a></div>
</article>
</div>
</div>
</div>
</div> </div>

View file

@ -0,0 +1,7 @@
---
title: 12urenloop
description: Application to count laps based on bluetooth dongle detection. <a href="http://12urenloop.be">http://12urenloop.be</a>
github: https://github.com/ZeusWPI/12urenloop
logo_letter: L
logo_color: "#6094DB"
---

View file

@ -0,0 +1,7 @@
---
title: Badass Battle Bots
description: A bot writing contest. <a href="https://zeus.ugent.be/bottlebats">https://zeus.ugent.be/bottlebats</a>
github: https://github.com/ZeusWPI/aichallenge
logo_letter: B
logo_color: "#FFD062"
---

View file

@ -0,0 +1,7 @@
---
title: FK Enrolment.
description: Enrolment system for new members of FK-clubs at Ghent University.
github: https://github.com/ZeusWPI/FK-enrolment
logo_letter: E
logo_color: "#FFBBDD"
---

View file

@ -0,0 +1,7 @@
---
title: Gandalf
description: You Shall Not Pass - An advanced e-ticket system for student clubs - <a href="http://event.fkgent.be">http://event.fkgent.be</a>
github: https://github.com/ZeusWPI/Gandalf
logo_letter: G
logo_color: "#F3F8F4"
---

View file

@ -0,0 +1,7 @@
---
title: Haldis
description: Haldis is your friendly neighbourhood servant. He exists so lazy fucks like you and me don't need to keep tabs of who is ordering what from where. Start an order and let people add items with a simple mouse-click! No more calculating prices and making lists! Be lazier today! <a href="http://zeus.ugent.be/haldis">http://zeus.ugent.be/haldis</a>
github: http://zeus.ugent.be/haldis
logo_letter: H
logo_color: black
---

7
content/projects/lana.md Normal file
View file

@ -0,0 +1,7 @@
---
title: Lana
description: 🐕 LAN-Party Assistant. An application to make the life of a LAN-partygoer easier!
github: https://github.com/ZeusWPI/Lana
logo_letter: L
logo_color: "#E4C6A7"
---

View file

@ -0,0 +1,7 @@
---
title: Saruman
description: Saruman is a material management tool where partners can reserve stuff.
github: https://github.com/ZeusWPI/Saruman
logo_letter: S
logo_color: grey
---

View file

@ -0,0 +1,7 @@
---
title: SlotMachien
description: This repository contains all applications related to SlotMachien; a Lego MindStorms robot designed to turn a specific lock.
github: https://github.com/ZeusWPI/slotmachien
logo_letter: S
logo_color: "#FFF06A"
---

7
content/projects/tab.md Normal file
View file

@ -0,0 +1,7 @@
---
title: Tab
description: 💰 Yes. We have to drink. But we also have to pay. This does the paying part. <a href="https://zeus.ugent.be/tab">https://zeus.ugent.be/tab</a>
github: https://github.com/ZeusWPI/Tab
logo_letter: T
logo_color: "#BAFEA3"
---

7
content/projects/tap.md Normal file
View file

@ -0,0 +1,7 @@
---
title: Tap
description: 💰 Yes. We have to drink. But we also have to pay. This does the drinking part. <a href="https://zeus.ugent.be/tap">https://zeus.ugent.be/tap</a>
github: https://github.com/ZeusWPI/Tap
logo_letter: T
logo_color: "#BAFEA3"
---

View file

@ -0,0 +1,14 @@
<div class="container project content">
<article class="columns is-mobile">
<div class="column is-one-quarter" id="logo-column">
<div class="logo" style="background-color: <%=project[:logo_color]%>">
<div class="logo-initial has-text-centered"><%=project[:logo_letter]%></div>
</div>
</div>
<div class="column">
<p class="title"><%=project[:title]%></p>
<p class="description subtitle"><%=project[:description]%></p>
<div><a href="<%=project[:github]%>">GitHub<span class="icon"><i class="fa fa-github"></i></span></a></div>
</div>
</article>
</div>

6
lib/helpers/projects.rb Normal file
View file

@ -0,0 +1,6 @@
require 'uri'
module ProjectsHelper
def all_projects
@items.find_all('/projects/*')
end
end

View file

@ -11,3 +11,4 @@ include IcalHelper
include NavigationHelper include NavigationHelper
include DataHelper include DataHelper
include FontAwesomeHelper include FontAwesomeHelper
include ProjectsHelper