commit d6fc57aed7f53c619bfea73844f80d0887acfdf6 Author: Sebastian Kippe Date: Mon Apr 27 11:28:27 2015 +0200 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/docpad.coffee b/docpad.coffee new file mode 100644 index 0000000..49c67d1 --- /dev/null +++ b/docpad.coffee @@ -0,0 +1,13 @@ +# DocPad Configuration File +# http://docpad.org/docs/config + +# Define the DocPad Configuration +docpadConfig = { + plugins: + nodesass: + outputStyle: 'nested' + bourbon: true +} + +# Export the DocPad Configuration +module.exports = docpadConfig diff --git a/out/img/lagoon-close-02.jpg b/out/img/lagoon-close-02.jpg new file mode 100644 index 0000000..5ceb4b6 Binary files /dev/null and b/out/img/lagoon-close-02.jpg differ diff --git a/out/index.html b/out/index.html new file mode 100644 index 0000000..95346ff --- /dev/null +++ b/out/index.html @@ -0,0 +1,72 @@ + + + + + Kosmos + + + + + + +

Kosmos

Open-source group communication for the 21st century

+ + + + diff --git a/out/styles/style.css b/out/styles/style.css new file mode 100644 index 0000000..f49a153 --- /dev/null +++ b/out/styles/style.css @@ -0,0 +1,96 @@ +* { + 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; + display: -webkit-box; + display: -moz-box; + display: box; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + box-orient: vertical; + -webkit-flex-direction: column; + -moz-flex-direction: column; + flex-direction: column; + -ms-flex-direction: column; + -webkit-box-lines: single; + -moz-box-lines: single; + box-lines: single; + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-align: center; + -moz-box-align: center; + box-align: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + -ms-flex-align: center; + -webkit-align-content: center; + -moz-align-content: center; + align-content: center; + -ms-flex-line-pack: center; + -webkit-box-pack: center; + -moz-box-pack: center; + box-pack: center; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + -ms-flex-pack: center; + -webkit-flex-grow: 0; + -moz-flex-grow: 0; + flex-grow: 0; + -ms-flex-positive: 0; +} + +section#teaser 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; +} + +footer p { + display: inline-block; + opacity: 0.7; +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..0f6ca1d --- /dev/null +++ b/package.json @@ -0,0 +1,15 @@ +{ + "name": "Kosmos.org Website", + "version": "0.1.0", + "description": "DocPad-based static site running on kosmos.org", + "dependencies": { + "docpad": "~6.78.1", + "docpad-plugin-eco": "~2.1.0", + "docpad-plugin-livereload": "~2.6.1", + "docpad-plugin-nodesass": "^2.5.1" + }, + "main": "node_modules/.bin/docpad-server", + "scripts": { + "start": "node_modules/.bin/docpad-server" + } +} diff --git a/src/files/img/lagoon-close-02.jpg b/src/files/img/lagoon-close-02.jpg new file mode 100644 index 0000000..5ceb4b6 Binary files /dev/null and b/src/files/img/lagoon-close-02.jpg differ diff --git a/src/layouts/default.html.eco b/src/layouts/default.html.eco new file mode 100644 index 0000000..4f52cb8 --- /dev/null +++ b/src/layouts/default.html.eco @@ -0,0 +1,20 @@ + + + + + <%= @document.title %> + + <%- @getBlock("meta").toHTML() %> + <%- @getBlock("styles").add(["/styles/style.css"]).toHTML() %> + + + + <%- @content %> + <%- @getBlock("scripts").toHTML() %> + + + diff --git a/src/render/index.html.eco b/src/render/index.html.eco new file mode 100644 index 0000000..8e0c98a --- /dev/null +++ b/src/render/index.html.eco @@ -0,0 +1,10 @@ +--- +title: "Kosmos" +layout: "default" +isPage: true +--- + +

<%= @document.title %>

Open-source group communication for the 21st century

diff --git a/src/render/styles/style.css.scss b/src/render/styles/style.css.scss new file mode 100644 index 0000000..4f02cbe --- /dev/null +++ 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; + } +}