kosmos/website
8
1
Fork 0
Code Issues Pull Requests Releases Activity

Environments, production build (fixes #3)

Browse Source 
* Use 'static' env for prod builds
* Add build script
* Ignore development build dir, remove it from Git
This commit is contained in:
Basti
2015-06-05 16:34:33 +02:00
parent 14b6f8bb09
commit 153e5a8fbe
9 changed files with 99 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/img/lagoon-close-02.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

39
dist/index.html vendored Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kosmos</title>
<!--[if IE]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="generator" content="DocPad v6.78.1" />
<link rel="stylesheet" href="/styles/style.css" />
<link href='https://fonts.googleapis.com/css?family=Raleway:300|Abel' rel='stylesheet' type='text/css'>
</head>
<body>
<section id="teaser">
<h1>Kosmos</h1>
<h2>Open-source group communication for the 21st century</h2>
<!--
<p>
Kosmos is a new kind of team communication service. All of it is based on
open standards, data formats and software&ndash;combining decades-old,
tried-and-true technologies with bleeding-edge, innovative ones.
</p>
<p>
The first version of Kosmos will be a modern, beautiful, easy-to-use,
offline-capable, always-on IRC client with added audio/video capabilities,
significantly lowering the barrier of entry for participating in open-source
project communication.
</p>
<p>
At the moment, Kosmos is pre-alpha work in progress.
</p>
-->
</section>
<footer>
<p>Image: NASA / ESA</p>
</footer>
</body>
</html>

100
dist/styles/style.css vendored Normal file
View File

@@ -0,0 +1,100 @@
* {
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: 24px;
text-rendering: optimizeLegibility;
text-align: center; }
section#teaser {
height: 100%;
width: 768px;
max-width: 95%;
margin: 0 auto;
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-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-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 {
display: inline-block;
margin-bottom: 1rem;
font-size: 96px;
font-family: Raleway;
font-weight: 300;
text-transform: uppercase; }
section#teaser h2 {
margin-bottom: 4rem;
font-weight: 300;
font-size: 32px; }
section#teaser p {
margin-bottom: 2rem; }
footer {
position: absolute;
bottom: 8px;
right: 8px;
font-size: 12px; }
footer p {
display: inline-block;
opacity: 0.7; }