Browse Source

KISS

pull/6/head
raucao 5 years ago
parent
commit
2a92716538
  1. 35
      README.md
  2. 3
      build
  3. 8
      deploy
  4. 15
      docpad.coffee
  5. 0
      img/lagoon-close-02.jpg
  6. 0
      index.html
  7. 15
      package.json
  8. BIN
      src/files/img/lagoon-close-02.jpg
  9. 21
      src/layouts/default.html.eco
  10. 33
      src/render/index.html.eco
  11. 121
      src/render/styles/style.css.scss
  12. 0
      styles/style.css

35
README.md

@ -1,33 +1,6 @@
# Kosmos.org Website
# kosmos.org
This website (or rather foundation for a future website) is based on
[DocPad](https://docpad.org).
This website (or rather foundation for a future website) is just a simple
static site. There are no dependencies to install or build tools to run.
## Prerequisites
You will need the following things properly installed on your computer.
* [Git](http://git-scm.com/)
* [Node.js](http://nodejs.org/) (with NPM)
## Setup/installation
* `git clone <repository-url>` this repository
* change into the new directory
* `npm install`
* Make sure `./node_modules/.bin` is in your $PATH (before system-wide npm modules)
## Running / Development
* `docpad run`
* Visit the website at [http://localhost:9778](http://localhost:9778).
## Build
* `./build`
## Build & deploy
With the correct (5apps) remote added:
* `./deploy`
Just edit and submit a PR.

3
build

@ -1,3 +0,0 @@
#!/bin/sh
docpad generate --env static

8
deploy

@ -1,8 +0,0 @@
#!/bin/sh
git up
./build
git add dist
git commit -m "Update static build - `date -u`"
git subtree push --prefix dist 5apps master
git push origin master

15
docpad.coffee

@ -1,15 +0,0 @@
# DocPad Configuration File
# http://docpad.org/docs/config
docpadConfig = {
plugins:
nodesass:
outputStyle: 'nested'
bourbon: true
environments:
static:
outPath: 'dist'
}
module.exports = docpadConfig

0
dist/img/lagoon-close-02.jpg → img/lagoon-close-02.jpg

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
dist/index.html → index.html

15
package.json

@ -1,15 +0,0 @@
{
"name": "kosmosorg-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.7.0"
},
"main": "node_modules/.bin/docpad-server",
"scripts": {
"start": "node_modules/.bin/docpad-server"
}
}

BIN
src/files/img/lagoon-close-02.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

21
src/layouts/default.html.eco

@ -1,21 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><%= @document.title %></title>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<!--[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>

33
src/render/index.html.eco

@ -1,33 +0,0 @@
---
title: "Kosmos"
layout: "default"
isPage: true
---
<section id="teaser">
<h1><%= @document.title %></h1>
<h2>Open-source group communication for the 21st century</h2>
<nav>
<ul>
<li><a href="https://wiki.kosmos.org">Wiki</a></li>
<li><a href="https://github.com/67P">GitHub</a></li>
<li><a href="https://twitter.com/KosmosHQ">Twitter</a></li>
</ul>
</nav>
<!--
<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>

121
src/render/styles/style.css.scss

@ -1,121 +0,0 @@
@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: 24px;
text-rendering: optimizeLegibility;
text-align: center;
}
section#teaser {
height: 100%;
width: 768px;
max-width: 95%;
margin: 0 auto;
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 {
display: inline-block;
margin-bottom: 1rem;
font-size: 96px;
font-family: Raleway;
font-weight: 300;
text-transform: uppercase;
}
h2 {
margin-bottom: 4rem;
font-weight: 300;
font-size: 32px;
}
p {
margin-bottom: 2rem;
}
nav {
display: block;
width: 100%;
ul {
display: block;
width: 100%;
list-style: none;
@include display(flex);
@include flex-direction(row);
@include flex-wrap(nowrap);
@include align-items(center);
@include align-content(center);
@include justify-content(center);
@include flex-grow(1);
li {
@include flex(1);
height: 48px;
a {
display: block;
margin: 0 8px;
height: 48px;
line-height: 48px;
font-size: 24px;
font-weight: 300;
text-decoration: none;
color: #fff;
border: 1px solid #fff;
border-radius: 24px;
@include transition(all linear 150ms);
&:hover {
background: rgba(255,255,255,0.2);
@include transition(all linear 150ms);
}
}
}
}
}
}
footer {
position: absolute;
bottom: 8px;
right: 8px;
font-size: 12px;
p {
display: inline-block;
opacity: 0.7;
}
}
@media screen and (max-width: 600px) {
section#teaser {
h1 {
font-size: 72px;
}
}
}

0
dist/styles/style.css → styles/style.css

Loading…
Cancel
Save