From 338efd67ffb2bce4871a3b9f4caaeac9a7271d24 Mon Sep 17 00:00:00 2001 From: Lorin Werthen Date: Sat, 18 Jun 2016 01:43:41 +0200 Subject: [PATCH] style i guess --- Rules | 6 +-- content/index.erb | 70 ++++++++++--------------------- content/stylesheet.css | 93 ++++++++++++++++++++++++++++++++++++++++++ layouts/index.erb | 24 +++++++++++ 4 files changed, 141 insertions(+), 52 deletions(-) create mode 100644 layouts/index.erb diff --git a/Rules b/Rules index 1ece555..8408a3f 100644 --- a/Rules +++ b/Rules @@ -5,11 +5,9 @@ # layout '/default.*' # end -compile '/**/*.html' do -end - -compile '/**/*.erb' do +compile '/index.erb' do filter :erb + layout '/index.erb' end compile '/**/*.coffee' do diff --git a/content/index.erb b/content/index.erb index 9fd238c..2f8d0e4 100644 --- a/content/index.erb +++ b/content/index.erb @@ -1,52 +1,26 @@ - - - - - - +
+ +
+
+
+ #1 CODER ON GAMIFICATION +
+
- Zeus WPI: Werkgroep Informatica van de Universiteit Gent - - - - - - - - - - - - - +
+
-
- -
-
-
-
- #1 CODER ON GAMIFICATION -
- -
-
-
-
MAIN EVENT
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic id a enim natus, doloribus explicabo quis. Nostrum, odit. Aperiam.
-
Similique molestiae, repudiandae sequi tempora modi beatae, doloremque est fugit totam veniam ad impedit dolore excepturi dolorum officia adipisci reprehenderit.
-
Quaerat a quos recusandae voluptates provident dolore tenetur possimus, mollitia sapiente accusamus veritatis natus deleniti quibusdam odit, explicabo! Non, earum.
-
Assumenda eos quae rerum qui sapiente omnis, consequuntur doloremque dolor, mollitia nisi voluptas impedit nemo id porro velit possimus blanditiis!
-
Cupiditate maiores ut consequuntur mollitia suscipit id, nulla deserunt aliquid quibusdam corporis non, error ea alias numquam provident maxime hic?
-
Nobis vero error eligendi libero mollitia modi minima, aperiam illum, exercitationem recusandae suscipit. Asperiores, ad reiciendis, exercitationem vero iure hic.
-
Obcaecati voluptates enim minus maiores laborum, ea. Beatae blanditiis, totam velit enim, eligendi similique asperiores! Exercitationem inventore, eveniet quas et.
-
Eos amet officia ab cumque. Mollitia unde cupiditate non, maxime animi praesentium, sit. Fugit et repellendus harum nostrum, atque voluptatem?
-
-
-
-
    -
    +
    + + Geeks, Attack!
    +
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic id a enim natus, doloribus explicabo quis. Nostrum, odit. Aperiam.
    +
    Similique molestiae, repudiandae sequi tempora modi beatae, doloremque est fugit totam veniam ad impedit dolore excepturi dolorum officia adipisci reprehenderit.
    +
    Quaerat a quos recusandae voluptates provident dolore tenetur possimus, mollitia sapiente accusamus veritatis natus deleniti quibusdam odit, explicabo! Non, earum.
    - - +
    +
    +
      +
      +
      + diff --git a/content/stylesheet.css b/content/stylesheet.css index e69de29..ccf46ae 100644 --- a/content/stylesheet.css +++ b/content/stylesheet.css @@ -0,0 +1,93 @@ +header { + position: absolute; + top: 0; + height: 75px; + line-height: 75px; + + background-color: rgb(255, 109, 0); + color: white; + + width: 100%; +} + +header #logo { + position: absolute; + margin-top: 15px; + margin-left: 15px; + height: 45px; +} + +main { + padding: 15px; + position: absolute; + top: 75px; + /* header-height, footer-height, padding-top, padding-bottom */ + height: calc(100% - 75px - 30px - 15px - 15px); +} +footer { + position: absolute; + bottom: 0; + width: 100%; + height: 30px; + line-height: 30px; + background-color: red; +} +#events { + padding-right: 15px; +} +#event-main { + position: relative; + width: 100%; + background-color: black; + color: white; + padding: 20px; + height: 200px; + + overflow: hidden; + + border: 1px solid rgb(100, 100, 100); +} + +.event { + background: black; + color: white; + + padding: 20px; +} + +.event-bg { + position: absolute; + width: 100%; + top: 0; + left: 0; +} +.event-title { + position: absolute; + top: 60px; + right: 20px; + font-size: 35px; + height: 40px; + line-height: 40px; + padding: 15px; + z-index: 1; + background-color: rgba(0, 0, 0, 0.7); + +} + +#github-feed ul { + height: 100%; +} +#github-feed { + overflow: auto; +} + +/* Fixes adding borders and padding, but breaks IE7 */ +.pure-g > div { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.l-box { + border: 2px solid black; +} diff --git a/layouts/index.erb b/layouts/index.erb new file mode 100644 index 0000000..24b4ac5 --- /dev/null +++ b/layouts/index.erb @@ -0,0 +1,24 @@ + + + + + + + + Zeus WPI: Werkgroep Informatica van de Universiteit Gent + + + + + + + + + + + + + + <%= yield %> + +