Initial commit

2015-04-27 11:28:27 +02:00
commit d6fc57aed7
10 changed files with 283 additions and 0 deletions
--- a/src/files/img/lagoon-close-02.jpg
+++ b/src/files/img/lagoon-close-02.jpg
--- a/src/layouts/default.html.eco
+++ b/src/layouts/default.html.eco
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><%= @document.title %></title>
+    <!--[if IE]>
+        <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <%- @getBlock("meta").toHTML() %>
+    <%- @getBlock("styles").add(["/styles/style.css"]).toHTML() %>
+    <link href='https://fonts.googleapis.com/css?family=Raleway:300|Abel' rel='stylesheet' type='text/css'>
+</head>
+<body>
+    <%- @content %>
+    <%- @getBlock("scripts").toHTML() %>
+    <footer>
+      <p>Image: NASA / ESA</p>
+    </footer>
+</body>
+</html>
--- a/src/render/index.html.eco
+++ b/src/render/index.html.eco
@@ -0,0 +1,10 @@
+---
+title: "Kosmos"
+layout: "default"
+isPage: true
+---
+
+<section id="teaser">
+  <h1><%= @document.title %></h1>
+  <p>Open-source group communication for the 21st century</p>
+</section>
--- a/src/render/styles/style.css.scss
+++ b/src/render/styles/style.css.scss
@@ -0,0 +1,56 @@
+@import "bourbon";
+
+* {
+  margin: 0;
+  padding: 0;
+}
+body, html {
+  box-sizing: border-box;
+  height: 100%;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+body {
+  background-color: #000;
+  background-image: url(/img/lagoon-close-02.jpg);
+  background-size: cover;
+  background-repeat: no-repeat;
+  color: #fff;
+  font-family: Abel;
+  font-size: 18px;
+  text-rendering: optimizeLegibility;
+}
+
+section#teaser {
+  height: 100%;
+  text-align: center;
+
+  @include display(flex);
+  @include flex-direction(column);
+  @include flex-wrap(nowrap);
+  @include align-items(center);
+  @include align-content(center);
+  @include justify-content(center);
+  @include flex-grow(0);
+
+  h1 {
+    text-transform: uppercase;
+    font-size: 72px;
+    font-family: Raleway;
+    font-weight: 300;
+    margin-bottom: 1rem;
+  }
+}
+
+footer {
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  font-size: 12px;
+  p {
+    display: inline-block;
+    opacity: 0.7;
+  }
+}