initial commit: ripoff from gt-web

there's still a bunch of useless css things but norri will deal with it
author: Konsta 'sooda' Hölttä <sooda@iki.fi> 2017-05-27 14:49:38 +0300
committer: Konsta 'sooda' Hölttä <sooda@iki.fi> 2017-05-27 14:49:38 +0300
commit: 1cee24fe2365b4a41fe6735446c8066be559f019 (patch)
tree: 273d37368b537d4e0be02eb40b47b6913da1232f
25 files changed, 1236 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e31951b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.sass-cache
+.jekyll-metadata
+_site
+*.sw[pon]
diff --git a/404.md b/404.md
new file mode 100644
index 0000000..98ab42a
--- /dev/null
+++ b/404.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: Sivua ei löytynyt
+permalink: /404.html
+---
+<article class="post">
+  <h1>404 - Sivua ei löytynyt</h1>
+</article>
+\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8f53aa7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+# AS-web
+
+dank
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..d9a992f
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,21 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely need to edit after that.
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'jekyll serve'. If you change this file, please restart the server process.
+
+# Site settings
+title: Automaatio- ja systeemitekniikan kilta
+email: hallitus@as.fi
+description: > # this means to ignore newlines until "baseurl:"
+  hilipatipimppa
+url: "http://as.fi" # the base hostname & protocol for your site
+
+# Build settings
+markdown: kramdown
+
+# Exclude project files from build
+exclude: ['README.md', 'Gemfile.lock', 'Gemfile']
+
+lang: fi
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..72239f1
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,38 @@
+<footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h2 class="footer-heading">{{ site.title }}</h2>
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <ul class="contact-list">
+          <li>{{ site.title }}</li>
+          <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        <ul class="social-media-list">
+          {% if site.github_username %}
+          <li>
+            {% include icon-github.html username=site.github_username %}
+          </li>
+          {% endif %}
+
+          {% if site.twitter_username %}
+          <li>
+            {% include icon-twitter.html username=site.twitter_username %}
+          </li>
+          {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-3">
+        <p>{{ site.description }}</p>
+      </div>
+    </div>
+
+  </div>
+
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..f62ab63
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,11 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+  <link rel="icon" type="image/png" href="/favicon.png" />
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+</head>
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..c76545e
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,26 @@
+<header class="site-header">
+
+  <div class="wrapper">
+
+    <div class="header__title">
+      <h1>
+        <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+      </h1>
+    </div>
+    <nav class="navigation header__navigation">
+      <ul>
+        <li class="navigation__item"><a href="{{ site.baseurl }}/">Etusivu</a></li>
+        <li class="navigation__item"><a href="{{ '/hallitus/' | prepend: site.baseurl }}">Hallitus</a></li>
+        <li class="navigation__item"><a href="{{ '/kilta/' | prepend: site.baseurl }}">Kilta</a></li>
+        <li class="navigation__item"><a href="{{ '/opiskelu/' | prepend: site.baseurl }}">Opiskelu</a></li>
+        <li class="navigation__item"><a href="{{ '/phuksit/' | prepend: site.baseurl }}">Uudet opiskelijat</a></li>
+        <li class="navigation__item"><a href="{{ '/tapahtumat/' | prepend: site.baseurl }}">Tapahtumat</a></li>
+        <li class="navigation__item"><a href="{{ '/yrityksille/' | prepend: site.baseurl }}">Yrityksille</a></li>
+        <li class="navigation__item"><a href="{{ '/yhteystiedot/' | prepend: site.baseurl }}">Yhteystiedot</a></li>
+        <li class="navigation__item"><a href="{{ '/in-english/' | prepend: site.baseurl }}">In English</a></li>
+      </ul>
+    </nav>
+
+  </div>
+
+</header>
diff --git a/_includes/icon-github.html b/_includes/icon-github.html
new file mode 100644
index 0000000..e501a16
--- /dev/null
+++ b/_includes/icon-github.html
@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
diff --git a/_includes/icon-github.svg b/_includes/icon-github.svg
new file mode 100644
index 0000000..4422c4f
--- /dev/null
+++ b/_includes/icon-github.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16"><path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/></svg>
diff --git a/_includes/icon-twitter.html b/_includes/icon-twitter.html
new file mode 100644
index 0000000..e623dbd
--- /dev/null
+++ b/_includes/icon-twitter.html
@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
diff --git a/_includes/icon-twitter.svg b/_includes/icon-twitter.svg
new file mode 100644
index 0000000..dcf660e
--- /dev/null
+++ b/_includes/icon-twitter.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16"><path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/></svg>
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..e4ab96f
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+  </body>
+
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..ce233ad
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>
diff --git a/_sass/_base.scss b/_sass/_base.scss
new file mode 100644
index 0000000..8a19ae3
--- /dev/null
+++ b/_sass/_base.scss
@@ -0,0 +1,209 @@
+/**
+ * Reset some basic elements
+ */
+body, h1, h2, h3, h4, h5, h6,
+p, blockquote, pre, hr,
+dl, dd, ol, ul, figure {
+    margin: 0;
+    padding: 0;
+}
+
+
+
+/**
+ * Proper box-sizing
+ */
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+
+
+/**
+ * Basic styling
+ */
+body {
+    font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
+    color: $text-color;
+    background-color: $background-color;
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-feature-settings: "kern" 1;
+    -moz-font-feature-settings: "kern" 1;
+    -o-font-feature-settings: "kern" 1;
+    font-feature-settings: "kern" 1;
+    font-kerning: normal;
+}
+
+
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+ul, ol, dl, figure,
+%vertical-rhythm {
+    margin-bottom: $spacing-unit / 2;
+}
+
+
+
+/**
+ * Images
+ */
+img {
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+
+
+/**
+ * Figures
+ */
+figure > img {
+    display: block;
+}
+
+figcaption {
+    font-size: $small-font-size;
+}
+
+
+
+/**
+ * Lists
+ */
+ul, ol {
+    margin-left: $spacing-unit;
+}
+
+li {
+    > ul,
+    > ol {
+         margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Headings
+ */
+h1, h2, h3, h4, h5, h6 {
+    font-weight: $base-font-weight;
+}
+
+
+
+/**
+ * Links
+ */
+a {
+    color: $brand-color;
+    text-decoration: none;
+
+    &:visited {
+        color: darken($brand-color, 15%);
+    }
+
+    &:hover {
+        color: $text-color;
+        text-decoration: underline;
+    }
+}
+
+
+
+/**
+ * Blockquotes
+ */
+blockquote {
+    color: $grey-color;
+    border-left: 4px solid $grey-color-light;
+    padding-left: $spacing-unit / 2;
+    font-size: 18px;
+    letter-spacing: -1px;
+    font-style: italic;
+
+    > :last-child {
+        margin-bottom: 0;
+    }
+}
+
+
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+    font-size: 15px;
+    border: 1px solid $grey-color-light;
+    border-radius: 3px;
+    background-color: #eef;
+}
+
+code {
+    padding: 1px 5px;
+}
+
+pre {
+    padding: 8px 12px;
+    overflow-x: auto;
+
+    > code {
+        border: 0;
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+
+
+/**
+ * Wrapper
+ */
+.wrapper {
+    max-width: $content-width;
+    margin-right: auto;
+    margin-left: auto;
+    overflow: hidden;
+    @extend %clearfix;
+}
+
+
+
+/**
+ * Clearfix
+ */
+%clearfix {
+
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+
+
+
+/**
+ * Icons
+ */
+.icon {
+
+    > svg {
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        vertical-align: middle;
+
+        path {
+            fill: $grey-color;
+        }
+    }
+}
diff --git a/_sass/_gt-theme.scss b/_sass/_gt-theme.scss
new file mode 100644
index 0000000..4a2b383
--- /dev/null
+++ b/_sass/_gt-theme.scss
@@ -0,0 +1,253 @@
+body {
+  font-family: $font-sans;
+  background-color: $grey-color-light;
+}
+
+.teaser {
+  &:not(:first-of-type) {
+    margin: ($spacing-unit / 2) 0;
+  }
+  background-color: $white-color;
+  @at-root {
+    .teaser__image {
+      display: inline-block;
+      @include breakpoint(tablet) {
+        max-width: 200px;
+      }
+    }
+    .teaser__text {
+      display: inline-block;
+      vertical-align: middle;
+      padding: ($spacing-unit / 2);
+    }
+  }
+}
+.teaser--with-image .teaser__text {
+  @include breakpoint(tablet) {
+    max-width: 60%;
+  }
+  @include breakpoint(desktop) {
+    max-width: 70%;
+  }
+}
+
+.header__title {
+  background-color: $white-color;
+}
+
+.site-footer {
+  background: $grey-color-dark;
+  border-top: 5px solid $brand-color;
+  padding: $spacing-unit;
+  color: $background-color;
+  .footer-col {
+    color: $background-color;
+  }
+  h2 {
+    font-family: 'Fjalla One';
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-size: 1.3em;
+  }
+}
+
+.header__navigation {
+  border-top: 3px solid $brand-color;
+  margin-top: $spacing-unit / 4;
+  overflow: hidden;
+  ul {
+    overflow: hidden;
+    background: $white-color;
+    margin: 0;
+    padding: $spacing-unit /2 0;
+  }
+  text-align: center;
+  .navigation__item {
+    display: inline-block;
+    padding: 0 20px;
+    @include breakpoint(tablet) {
+      padding: 0;
+      display: block;
+      float: left;
+      width: 20%;
+    }
+    font-size: 1.2em;
+  }
+  a, a:visited, a:hover {
+    color: $text-color;
+  }
+}
+
+.header__title {
+    padding-top: $spacing-unit;
+    padding-bottom: $spacing-unit;
+    h1 {
+        margin: 0 auto;
+        max-width: 200px;
+        text-align: center;
+        //border-bottom: 1px solid;
+        //border-top: 1px solid;
+
+    }
+}
+
+.site-title {
+    font-family: 'Fjalla One';
+    letter-spacing: 1px;
+    font-size: 1.5em;
+    text-transform: uppercase;
+}
+
+.header__logo {
+  display: block;
+  margin: auto;
+}
+
+.post-content {
+  font-family: $font-serif;
+}
+
+.post__ingress {
+  font-size: 1.15em;
+  font-family: $font-serif;
+  @include breakpoint(desktop) {
+    width: 95%;
+  }
+}
+
+.post__category {
+  color: $brand-color;
+  text-transform: uppercase;
+  font-weight: 600;
+  margin-right: 5px;
+}
+
+.post {
+  overflow: auto;
+  padding: $spacing-unit / 2;
+  @include breakpoint(mobile) {
+    padding: $spacing-unit;
+  }
+  background-color: $white-color;
+}
+
+h2 a,
+h3 a,
+h4 a {
+  &, &:visited {
+    color: $text-color;
+  }
+}
+
+.section-main {
+    @include breakpoint(mobile) {
+    float: left;
+    width: 68%;
+    &.article-list {
+      width: 73%;
+    }
+  }
+}
+
+.sidebar {
+  @include breakpoint(mobile) {
+    float: right;
+    width: 25%;
+  }
+}
+
+.teaser--magazine {
+  margin: 0;
+  padding: 10px 20px;
+}
+
+.magazine__number {
+  text-align: center;
+  margin: 5px;
+}
+
+.fourfold {
+  @extend %clearfix;
+}
+
+.fourfold__row {
+  @extend %clearfix;
+  @include breakpoint(0, tablet) {
+    border-top: 1px solid #ddd;
+  }
+}
+
+.fourfold__cell {
+    width: 33%;
+    float: left;
+    min-height: 100px;
+    border-top: 1px solid #ddd;
+    border-right: 1px solid #ddd;
+    padding: 10px;
+    box-sizing: border-box;
+    word-wrap: break-word;
+    @include breakpoint(0, tablet) {
+      border: none;
+    }
+}
+
+.author {
+  margin: $spacing-unit;
+  @at-root {
+    .author__image {
+      object-fit: cover;
+      width: 150px;
+      height: 150px;
+      padding: 10px;
+      display: inline-block;
+    }
+    .author__text {
+      display: inline-block;
+    }
+    .author__job {
+      font-weight: bold;
+    }
+  }
+}
+.authors {
+  width: 50%;
+  float: left;
+}
+
+
+.page--magazine {
+  .teaser--magazine {
+    @include breakpoint(mobile) {
+      float: left;
+      width: 30%;
+    }
+  }
+}
+.article-list--magazine {
+  @include breakpoint(mobile) {
+    width: 68%;
+    float: right;
+    .teaser:first-of-type {
+      margin-top: 0;
+    }
+  }
+  .teaser {
+    margin-top: $spacing-unit / 2;
+  }
+  h2 {
+    margin: 0;
+  }
+  .post-link {
+    font-size: 0.8em;
+  }
+}
+
+.sidebar__related {
+  padding-top: $spacing-unit;
+  margin-top: $spacing-unit;
+  border-top: 1px solid $border-color;
+}
+
+.teaser--heading {
+  padding: $spacing-unit / 2 $spacing-unit / 4 0;
+}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..590495d
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,232 @@
+/**
+ * Site header
+ */
+
+.site-title {
+    font-size: 26px;
+    font-weight: 300;
+    line-height: 56px;
+    margin: 0;
+    &,
+    &:visited,
+    &:hover {
+        color: $text-color;
+        text-decoration: none;
+    }
+}
+
+.site-nav {
+    line-height: 56px;
+
+    .menu-icon {
+        display: none;
+    }
+
+    .page-link {
+        color: $text-color;
+        line-height: $base-line-height;
+
+        // Gaps between nav items, but not on the last one
+        &:not(:last-child) {
+            margin-right: 20px;
+        }
+    }
+
+    @include breakpoint(mobile) {
+        position: absolute;
+        top: 9px;
+        right: $spacing-unit / 2;
+        background-color: $background-color;
+        border: 1px solid $grey-color-light;
+        border-radius: 5px;
+        text-align: right;
+
+        .menu-icon {
+            display: block;
+            float: right;
+            width: 36px;
+            height: 26px;
+            line-height: 0;
+            padding-top: 10px;
+            text-align: center;
+
+            > svg {
+                width: 18px;
+                height: 15px;
+
+                path {
+                    fill: $grey-color-dark;
+                }
+            }
+        }
+
+        .trigger {
+            clear: both;
+            display: none;
+        }
+
+        &:hover .trigger {
+            display: block;
+            padding-bottom: 5px;
+        }
+
+        .page-link {
+            display: block;
+            padding: 5px 10px;
+
+            &:not(:last-child) {
+                margin-right: 0;
+            }
+            margin-left: 20px;
+        }
+    }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+    border-top: 1px solid $grey-color-light;
+    padding: $spacing-unit 0;
+}
+
+.footer-heading {
+    font-size: 18px;
+    margin-bottom: $spacing-unit / 2;
+}
+
+.contact-list,
+.social-media-list {
+    list-style: none;
+    margin-left: 0;
+}
+
+.footer-col-wrapper {
+    font-size: 15px;
+    color: $grey-color;
+    margin-left: -$spacing-unit / 2;
+    @extend %clearfix;
+}
+
+.footer-col {
+    float: left;
+    margin-bottom: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+}
+
+.footer-col-1 {
+    width: -webkit-calc(35% - (#{$spacing-unit} / 2));
+    width:         calc(35% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-2 {
+    width: -webkit-calc(20% - (#{$spacing-unit} / 2));
+    width:         calc(20% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+    width: -webkit-calc(45% - (#{$spacing-unit} / 2));
+    width:         calc(45% - (#{$spacing-unit} / 2));
+}
+
+@include breakpoint(desktop) {
+    .footer-col-1,
+    .footer-col-2 {
+        width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+        width:         calc(50% - (#{$spacing-unit} / 2));
+    }
+
+    .footer-col-3 {
+        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+        width:         calc(100% - (#{$spacing-unit} / 2));
+    }
+}
+
+@include breakpoint(mobile) {
+    .footer-col {
+        float: none;
+        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+        width:         calc(100% - (#{$spacing-unit} / 2));
+    }
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+    padding: $spacing-unit / 2 0;
+}
+
+.page-heading {
+    font-size: 20px;
+}
+
+.post-list {
+    margin-left: 0;
+    list-style: none;
+
+    > li {
+        margin-bottom: $spacing-unit;
+    }
+}
+
+.post-meta {
+    font-size: $small-font-size;
+    color: $grey-color;
+}
+
+.post-link {
+    display: block;
+    font-size: 24px;
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+    margin-bottom: $spacing-unit;
+}
+
+.post-title {
+    font-size: 42px;
+    letter-spacing: -1px;
+    line-height: 1;
+
+    @include breakpoint(desktop) {
+        font-size: 36px;
+    }
+}
+
+.post-content {
+    margin-bottom: $spacing-unit;
+
+    h2 {
+        font-size: 32px;
+
+        @include breakpoint(desktop) {
+            font-size: 28px;
+        }
+    }
+
+    h3 {
+        font-size: 26px;
+
+        @include breakpoint(desktop) {
+            font-size: 22px;
+        }
+    }
+
+    h4 {
+        font-size: 20px;
+
+        @include breakpoint(desktop) {
+            font-size: 18px;
+        }
+    }
+}
diff --git a/_sass/_special.scss b/_sass/_special.scss
new file mode 100644
index 0000000..c64627d
--- /dev/null
+++ b/_sass/_special.scss
@@ -0,0 +1,107 @@
+.page--calendar.page--calendar {
+  width: 100%;
+  padding-top: 10px;
+  margin-left: 10px;
+}
+.calendar-item {
+  @include breakpoint(0, tablet) {
+    width: 46%;
+    float: left;
+    h2 {
+      font-size: 1.1em;
+    }
+  }
+  height: 120px;
+  background-color: rgba(250, 250, 250, 0.9);
+  margin: 5px;
+  text-align: center;
+  .calendar-item__cover {
+    padding-top: 40px;
+  }
+  .calendar-item__inside {
+    padding-top: 40px;
+    display: none;
+  }
+}
+
+a.released {
+  &:nth-of-type(3n) {
+    .calendar-item {
+      background-color: #CAFFD0;
+    }
+  }
+  &:nth-of-type(3n+1) {
+    .calendar-item {
+      background-color: #FFF07C;
+    }
+  }
+  &:nth-of-type(3n+2) {
+    .calendar-item {
+      background-color: #48A9A6;
+      color: $white-color;
+    }
+  }
+  .calendar-item {
+      &:hover {
+        border: 2px solid $brand-color;
+        .calendar-item__cover {
+          display: none;
+        }
+        .calendar-item__inside {
+          display: block;
+        }
+      }
+  }
+}
+
+.teaser--wappu {
+  background: url($baseurl + '/static/2017-wappu/korkkihommia.png') repeat-x;
+  background-color: $white-color;
+  text-align: center;
+  padding-top: 180px;
+  margin-bottom: $spacing-unit / 2;
+  border-top: 5px solid;
+  border-bottom: 5px solid;
+  animation: border-color 5s infinite;
+  -webkit-animation: border-color 5s infinite;
+}
+
+.wappu-link {
+  @extend %no-link-style;
+}
+
+@keyframes bg-color
+{
+  0%   {background-color: red;}
+  25%  {background-color: yellow;}
+  50%  {background-color: blue;}
+  75%  {background-color: green;}
+  100% {background-color: red;}
+}
+
+@-webkit-keyframes bg-color
+{
+  0%   {background-color: red;}
+  25%  {background-color: yellow;}
+  50%  {background-color: blue;}
+  75%  {background-color: green;}
+  100% {background-color: red;}
+}
+
+@keyframes border-color
+{
+  0%   {border-color: red;}
+  25%  {border-color: yellow;}
+  50%  {border-color: blue;}
+  75%  {border-color: green;}
+  100% {border-color: red;}
+}
+
+@-webkit-keyframes border-color
+{
+  0%   {border-color: red;}
+  25%  {border-color: yellow;}
+  50%  {border-color: blue;}
+  75%  {border-color: green;}
+  100% {border-color: red;}
+}
diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss
new file mode 100644
index 0000000..8fac597
--- /dev/null
+++ b/_sass/_syntax-highlighting.scss
@@ -0,0 +1,71 @@
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+    background: #fff;
+    @extend %vertical-rhythm;
+
+    .highlighter-rouge & {
+      background: #eef;
+    }
+
+    .c     { color: #998; font-style: italic } // Comment
+    .err   { color: #a61717; background-color: #e3d2d2 } // Error
+    .k     { font-weight: bold } // Keyword
+    .o     { font-weight: bold } // Operator
+    .cm    { color: #998; font-style: italic } // Comment.Multiline
+    .cp    { color: #999; font-weight: bold } // Comment.Preproc
+    .c1    { color: #998; font-style: italic } // Comment.Single
+    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+    .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+    .ge    { font-style: italic } // Generic.Emph
+    .gr    { color: #a00 } // Generic.Error
+    .gh    { color: #999 } // Generic.Heading
+    .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+    .go    { color: #888 } // Generic.Output
+    .gp    { color: #555 } // Generic.Prompt
+    .gs    { font-weight: bold } // Generic.Strong
+    .gu    { color: #aaa } // Generic.Subheading
+    .gt    { color: #a00 } // Generic.Traceback
+    .kc    { font-weight: bold } // Keyword.Constant
+    .kd    { font-weight: bold } // Keyword.Declaration
+    .kp    { font-weight: bold } // Keyword.Pseudo
+    .kr    { font-weight: bold } // Keyword.Reserved
+    .kt    { color: #458; font-weight: bold } // Keyword.Type
+    .m     { color: #099 } // Literal.Number
+    .s     { color: #d14 } // Literal.String
+    .na    { color: #008080 } // Name.Attribute
+    .nb    { color: #0086B3 } // Name.Builtin
+    .nc    { color: #458; font-weight: bold } // Name.Class
+    .no    { color: #008080 } // Name.Constant
+    .ni    { color: #800080 } // Name.Entity
+    .ne    { color: #900; font-weight: bold } // Name.Exception
+    .nf    { color: #900; font-weight: bold } // Name.Function
+    .nn    { color: #555 } // Name.Namespace
+    .nt    { color: #000080 } // Name.Tag
+    .nv    { color: #008080 } // Name.Variable
+    .ow    { font-weight: bold } // Operator.Word
+    .w     { color: #bbb } // Text.Whitespace
+    .mf    { color: #099 } // Literal.Number.Float
+    .mh    { color: #099 } // Literal.Number.Hex
+    .mi    { color: #099 } // Literal.Number.Integer
+    .mo    { color: #099 } // Literal.Number.Oct
+    .sb    { color: #d14 } // Literal.String.Backtick
+    .sc    { color: #d14 } // Literal.String.Char
+    .sd    { color: #d14 } // Literal.String.Doc
+    .s2    { color: #d14 } // Literal.String.Double
+    .se    { color: #d14 } // Literal.String.Escape
+    .sh    { color: #d14 } // Literal.String.Heredoc
+    .si    { color: #d14 } // Literal.String.Interpol
+    .sx    { color: #d14 } // Literal.String.Other
+    .sr    { color: #009926 } // Literal.String.Regex
+    .s1    { color: #d14 } // Literal.String.Single
+    .ss    { color: #990073 } // Literal.String.Symbol
+    .bp    { color: #999 } // Name.Builtin.Pseudo
+    .vc    { color: #008080 } // Name.Variable.Class
+    .vg    { color: #008080 } // Name.Variable.Global
+    .vi    { color: #008080 } // Name.Variable.Instance
+    .il    { color: #099 } // Literal.Number.Integer.Long
+}
diff --git a/css/main.scss b/css/main.scss
new file mode 100644
index 0000000..073decc
--- /dev/null
+++ b/css/main.scss
@@ -0,0 +1,137 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+
+
+@charset "utf-8";
+
+@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif|Fjalla+One');
+
+$baseurl: '{{site.baseurl}}';
+
+// Our variables
+$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$base-font-size:   16px;
+$base-font-weight: 400;
+$small-font-size:  $base-font-size * 0.875;
+$base-line-height: 1.5;
+
+$spacing-unit:     30px;
+
+$text-color:       #111;
+$background-color: #fdfdfd;
+$brand-color:      darken(#c6f, 15%);
+$brand-color-light: #c6f;
+$brand-color-lightest: lighten($brand-color-light, 20%);
+
+$grey-color:       #828282;
+$grey-color-light: lighten($grey-color, 43%);
+$grey-color-dark:  darken($grey-color, 25%);
+
+$border-color: #ddd;
+$white-color: #fff;
+
+// Width of the content area
+$content-width:    960px;
+
+$breakpoints: (
+  mobile: 480px,
+  tablet: 768px,
+  desktop: 992px
+);
+
+$font-sans: 'Noto Sans', sans-serif;
+$font-serif: 'Noto Serif', serif;
+
+//
+// Breakpoint mixin with named or pixel values.
+//
+// Usage:
+//
+//   @include(600px) { ... }
+//     => @media all and (min-width: 600px) { ... }
+//
+//   @include(400px, 900px) { ... }
+//     => @media all and (min-width: 400px) and (max-width: 900px) { ... }
+//
+@mixin breakpoint($min, $max: null) {
+  @if type-of($min) == string {
+    $min: map-get($breakpoints, $min);
+  }
+  @if type-of($max) == string {
+    $max: map-get($breakpoints, $max);
+  }
+  @if ($max) {
+    @media all and (min-width: $min) and (max-width: $max - 1px) {
+      @content;
+    }
+  } @else {
+    @media all and (min-width: $min) {
+      @content;
+    }
+  }
+}
+
+%no-link-style {
+    &, &:hover, &:visited {
+        text-decoration: none !important;
+        color: $text-color;
+    }
+}
+
+//
+// Autogrid CSS framework by Juuso Mikkonen (github.com/juusaw)
+//
+
+.auto-content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    max-width: $content-width;
+    margin: 0 auto;
+    padding: 0 15px;
+    box-sizing: border-box;
+    &.auto-wide {
+        max-width: 1.5 * $content-width;
+    }
+    &.auto-slim {
+        max-width: 0.75 * $content-width;
+    }
+}
+
+@media screen and (min-width: 400px) {
+    .auto-content {
+        width: 80%;
+        padding: 0;
+    }
+}
+
+@include breakpoint (tablet) {
+    @for $i from 1 through 12 {
+        .auto-col-#{$i} {
+            width: $i / 12 * 98%;
+            float: left;
+            box-sizing: border-box;
+    padding: 0 5px;
+        }
+    }
+}
+
+/* Reset after element containers */
+.auto-content
+.auto-row {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+
+// Import partials from `sass_dir` (defaults to `_sass`)
+@import
+        "base",
+        "layout",
+        "gt-theme",
+        "special",
+        "syntax-highlighting"
+;
diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..309c5cc
--- /dev/null
+++ b/favicon.png
diff --git a/feed.xml b/feed.xml
new file mode 100644
index 0000000..a6628bd
--- /dev/null
+++ b/feed.xml
@@ -0,0 +1,30 @@
+---
+layout: null
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ site.title | xml_escape }}</title>
+    <description>{{ site.description | xml_escape }}</description>
+    <link>{{ site.url }}{{ site.baseurl }}/</link>
+    <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
+    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
+    <generator>Jekyll v{{ jekyll.version }}</generator>
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title | xml_escape }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
+        <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
+        {% for tag in post.tags %}
+        <category>{{ tag | xml_escape }}</category>
+        {% endfor %}
+        {% for cat in post.categories %}
+        <category>{{ cat | xml_escape }}</category>
+        {% endfor %}
+      </item>
+    {% endfor %}
+  </channel>
+</rss>
diff --git a/hallitus.md b/hallitus.md
new file mode 100644
index 0000000..483cb18
--- /dev/null
+++ b/hallitus.md
@@ -0,0 +1,7 @@
+---
+layout: page
+permalink: /hallitus/
+title: Hallitus
+---
+
+hallitus on ankka, kävelee kuin mannerheim
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c3631b7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<div class="home">
+
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">le dank guild of as</h1>
+  </header>
+
+  <div class="post-content">
+
+<p>tervetuloa aalto shitpostersiin</p>
+
+<p>look around you</p>
+
+<img src="/static/norri.jpg">
+
+  </div>
+
+</article>
+
+</div>
diff --git a/kilta.md b/kilta.md
new file mode 100644
index 0000000..21aa8f6
--- /dev/null
+++ b/kilta.md
@@ -0,0 +1,16 @@
+---
+layout: page
+permalink: /kilta/
+title: Kilta
+---
+
+tähän tulee viel joku navi:
+
+* aski
+* hallitus (väliaikaisesti tossa topnavissa esimerkkinä yolo)
+* toimihenkilöt
+* viestintä
+* gt
+* halloped
+* jäsenyys
+* säätökerho
diff --git a/static/norri.jpg b/static/norri.jpg
new file mode 100644
index 0000000..5b1de12
--- /dev/null
+++ b/static/norri.jpg
author	Konsta 'sooda' Hölttä <sooda@iki.fi>	2017-05-27 14:49:38 +0300
committer	Konsta 'sooda' Hölttä <sooda@iki.fi>	2017-05-27 14:49:38 +0300
commit	1cee24fe2365b4a41fe6735446c8066be559f019 (patch)
tree	273d37368b537d4e0be02eb40b47b6913da1232f