Let's start with something. Now remove :)

7 years ago · b60076895a
69 changed files with 2932 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,26 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+# git config --global core.excludesfile ~/.gitignore_global
+
+# Ignore bundler config
+/.bundle
+
+# Ignore the build directory
+/public
+
+# Ignore cache
+.sass-cache
+.cache
+
+# Ignore .DS_store file
+.DS_Store
+
+# Ignore editor files
+\.#*
+*~
+*.swp
+
+# Ignore gems installed in local directory
+/vendor/bundle/
--- a/DESIGN.org
+++ b/DESIGN.org
@ -0,0 +1,21 @@
+#+TITLE:       Design Document for Devuan.org
+#+AUTHOR:      hellekin
+#+AUTHOR:      golinux
+#+EMAIL:       editors@devuan.org
+#+LANGUAGE:    en
+
+* Design Document
+** Inspirations
+** Principles
+*** Compatibility
+
+    The Web should work with only HTML5, and be usable and elegant in a
+    text browser, such as ~lynx -dump~, ~w3m~, or using ~curl~.
+
+*** Minimalism
+
+    The Web should not make use of unnecessary components: stylesheets
+    must bring something new (readability, aesthetics), JavaScript
+    components must only add optional functionality.
+
+** Visual Design
--- a/14
+++ b/14
@ -0,0 +1,14 @@
+# If you do not have OpenSSL installed, update
+# the following line to use "http://" instead
+source 'https://rubygems.org'
+
+gem "middleman", "~>3.4.1"
+
+# Live-reloading plugin
+gem "middleman-livereload", "~> 3.3.0"
+
+# For faster file watcher updates on Windows:
+gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw]
+
+# Windows does not come with time zone data
+gem "tzinfo-data", platforms: [:mswin, :mingw, :jruby]
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -0,0 +1,139 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.2.5.1)
+      i18n (~> 0.7)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    capybara (2.4.4)
+      mime-types (>= 1.16)
+      nokogiri (>= 1.3.3)
+      rack (>= 1.0.0)
+      rack-test (>= 0.5.4)
+      xpath (~> 2.0)
+    chunky_png (1.3.5)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.10.0)
+    compass (1.0.3)
+      chunky_png (~> 1.2)
+      compass-core (~> 1.0.2)
+      compass-import-once (~> 1.0.5)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      sass (>= 3.3.13, < 3.5)
+    compass-core (1.0.3)
+      multi_json (~> 1.0)
+      sass (>= 3.3.0, < 3.5)
+    compass-import-once (1.0.5)
+      sass (>= 3.2, < 3.5)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    erubis (2.7.0)
+    eventmachine (1.0.9.1)
+    execjs (2.6.0)
+    ffi (1.9.10)
+    haml (4.0.7)
+      tilt
+    hike (1.2.3)
+    hooks (0.4.1)
+      uber (~> 0.0.14)
+    http_parser.rb (0.6.0)
+    i18n (0.7.0)
+    json (1.8.3)
+    kramdown (1.9.0)
+    listen (3.0.6)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9.7)
+    middleman (3.4.1)
+      coffee-script (~> 2.2)
+      compass (>= 1.0.0, < 2.0.0)
+      compass-import-once (= 1.0.5)
+      execjs (~> 2.0)
+      haml (>= 4.0.5)
+      kramdown (~> 1.2)
+      middleman-core (= 3.4.1)
+      middleman-sprockets (>= 3.1.2)
+      sass (>= 3.4.0, < 4.0)
+      uglifier (~> 2.5)
+    middleman-core (3.4.1)
+      activesupport (~> 4.1)
+      bundler (~> 1.1)
+      capybara (~> 2.4.4)
+      erubis
+      hooks (~> 0.3)
+      i18n (~> 0.7.0)
+      listen (~> 3.0.3)
+      padrino-helpers (~> 0.12.3)
+      rack (>= 1.4.5, < 2.0)
+      thor (>= 0.15.2, < 2.0)
+      tilt (~> 1.4.1, < 2.0)
+    middleman-livereload (3.3.4)
+      em-websocket (~> 0.5.1)
+      middleman-core (~> 3.2)
+      rack-livereload (~> 0.3.15)
+    middleman-sprockets (3.4.2)
+      middleman-core (>= 3.3)
+      sprockets (~> 2.12.1)
+      sprockets-helpers (~> 1.1.0)
+      sprockets-sass (~> 1.3.0)
+    mime-types (3.0)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2015.1120)
+    mini_portile2 (2.0.0)
+    minitest (5.8.4)
+    multi_json (1.11.2)
+    nokogiri (1.6.7.2)
+      mini_portile2 (~> 2.0.0.rc2)
+    padrino-helpers (0.12.5)
+      i18n (~> 0.6, >= 0.6.7)
+      padrino-support (= 0.12.5)
+      tilt (~> 1.4.1)
+    padrino-support (0.12.5)
+      activesupport (>= 3.1)
+    rack (1.6.4)
+    rack-livereload (0.3.16)
+      rack
+    rack-test (0.6.3)
+      rack (>= 1.0)
+    rb-fsevent (0.9.7)
+    rb-inotify (0.9.7)
+      ffi (>= 0.5.0)
+    sass (3.4.21)
+    sprockets (2.12.4)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-helpers (1.1.0)
+      sprockets (~> 2.0)
+    sprockets-sass (1.3.1)
+      sprockets (~> 2.0)
+      tilt (~> 1.1)
+    thor (0.19.1)
+    thread_safe (0.3.5)
+    tilt (1.4.1)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    uber (0.0.15)
+    uglifier (2.7.2)
+      execjs (>= 0.3.0)
+      json (>= 1.8.0)
+    xpath (2.0.0)
+      nokogiri (~> 1.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  middleman (~> 3.4.1)
+  middleman-livereload (~> 3.3.0)
+  tzinfo-data
+  wdm (~> 0.1.0)
+
+BUNDLED WITH
+   1.11.2
--- a/README.md
+++ b/README.md
@ -0,0 +1,111 @@
+# Devuan Web Source
+
+This is the source code for [beta.devuan.org][beta].
+
+__Version 0.9.0__.  We're using [Semantic Versioning](https://semver.org/).
+
+## License
+
+The source code is free software distributed under the GNU Affero General 
+Public License, version 3, or, at your option, any later version. (See 
+[COPYING](./COPYING).)
+
+The website contents are creative commons released under 
+CC-BY-ND-4.0-International.
+
+## Contents
+
+This is a static Web made with [Middleman](https://middlemanapp.com/).
+
+| Directory           | File                   | Description               |
+|---------------------+------------------------+---------------------------|
+| ./                  | config.rb              | Middleman configuration   |  
+| etc/                |                        | Extra configuration files |
+|                     | nginx-development.conf | To run the site locally   |
+|                     | nginx-production.conf  | To deploy publicly        |
+|                     | crontab                | To automate site updates  |
+| locales/            | :lang.yml              | Localized strings         |
+| source/             |                        | Web contents              |
+| source/layouts      | *.erb                  | Layout templates          |
+| source/pages        | *.:lang.html.md.erb    | Localized pages           |
+| source/partials     |                        | Partial files (includes)  |
+| source/ui           |                        | User interface files      |
+| source/ui/css       |                        | Stylesheets               |
+| source/ui/css/fonts |                        | Embedded Web fonts        |      
+| source/ui/img       |                        | Image files               |
+| source/ui/js        |                        | Javascript files          |
+
+Most pages go under `source/pages/os/`.  This is to enable local mirrors to 
+add their own custom contents for their local community.
+
+## Development
+
+To deploy the site locally:
+
+### 0. Pre-requisites
+
+You need Ruby and a couple of ruby packages (`gems`):
+
+```
+~$ sudo gem install middleman bundler
+```
+
+### 1. Clone the source code
+
+```
+~$ mkdir -p ~/src/devuan/www && cd $_
+www$ git clone https://git.devuan.org/devuan-editors/devuan-www.git beta.devuan.org
+www$ cd beta.devuan.org
+beta.devuan.org$ export DIR=$PWD
+```
+
+The source code now lives at `~/src/devuan/www/beta.devuan.org`.
+We keep track of this path using the variable `DIR`.
+
+### 2. Install the server configuration
+
+```
+beta.devuan.org$ echo '127.0.0.1 beta.devuan.org' | sudo tee -a /etc/hosts
+beta.devuan.org$ cd /etc/nginx/sites-available
+sites-available$ sudo ln -s $DIR/etc/nginx-development.conf beta.devuan.org
+sites-available$ cd ../sites-enabled
+sites-enabled$ sudo ln -s ../sites-available/beta.devuan.org
+sites-enabled$ sudo /etc/init.d/nginx reload
+```
+
+1. Add a fake host to be able to use the domain
+   Warning: you may want to use a different fake domain, e.g., `beta.devuan` instead.
+2. to the end: enable nginx configuration
+
+### 3. Build the site
+
+```
+sites-enabled$ cd $DIR
+beta.devuan.org$ bundle exec middleman build
+```
+This generates the static files in `$DIR/webroot`.
+
+### 4. Browse it
+
+Open your browser to `http://beta.devuan.org` (or `beta.devuan`, YMMV)
+
+## Production Deployment
+
+The main site (`beta.devuan.org`) is in English by default.
+
+### Mirrors
+
+Mirrors should change the default language to set theirs in `config.rb`.
+Do commit the change, so that it will be kept during updates, but DO NOT PUSH 
+it! If you need to push, you should use another working directory than the 
+deployed one.
+
+Setup automated updates from the repository, e.g., using `etc/crontab`.
+
+Once your mirror is deployed, please send its URL, language, location, and 
+person responsible to [the relevant topic on Devuan Discourse][mirror], so it 
+can be added to the list.  E.g., a mirror in France can be accessed via 
+fr.devuan.org.
+
+[beta]: https://beta.devuan.org/
+[mirror]: https://talk.devuan.org/t/mirroring-devuan/45
--- a/1
+++ b/1
@ -0,0 +1 @@
+v0.9.0
--- a/config.rb
+++ b/config.rb
@ -0,0 +1,98 @@
+#
+## beta.devuan.org
+#
+# This is a Middleman configuration file.
+# http://middlemanapp.com/
+#
+
+###
+# Compass
+###
+
+# Change Compass configuration
+compass_config do |config|
+  config.output_style = :compact
+end
+
+###
+# Page options, layouts, aliases and proxies
+###
+
+page  "/index.html", :layout => :home
+page  "/os/*",       :layout => :os
+
+# Proxy pages (https://middlemanapp.com/advanced/dynamic_pages/)
+# proxy "/this-page-has-no-template.html", "/template-file.html", :locals => {
+#  :which_fake_page => "Rendering a fake page with a local variable" }
+# Don't use this for old URLs: see etc/nginx
+
+###
+# Variables (DO NOT CHANGE)
+###
+
+set :markdown_engine, :kramdown
+set :markdown, :fenced_code_blocks => true, :smartypants => true, :footnotes => true
+
+set :css_dir,       'ui/css'
+set :fonts_dir,     'ui/css/fonts'
+set :images_dir,    'ui/img'
+set :js_dir,        'ui/js'
+set :build_dir,     'public'
+set :partials_dir,  'partials'
+
+set :relative_links, true
+
+###
+# Helpers
+###
+
+# Automatic image dimensions on image_tag helper
+activate :automatic_image_sizes
+
+# Enable internationalization
+# MIRROR: put your language first in :langs, and update :mount_at_root
+activate :i18n, :templates_dir => 'pages', :data => 'locales',
+  :langs => [:en, :es, :de, :fr, :it], :mount_at_root => :en
+
+# Reload the browser automatically whenever files change
+configure :development do
+  activate :livereload
+end
+
+helpers do
+  def bitcoin_address
+    "1QFbx3bKA8LABAGEaSe7EiP9JCxe2j4fN7".freeze
+  end
+  def cc_text
+    "This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.".freeze
+  end
+  def favicon_url
+    "/ui/img/favicon.ico".freeze
+  end
+  def site_title
+    I18n.t(:site_title)
+  end
+  def tagline
+    I18n.t(:tagline)
+  end
+end
+
+
+## Build-specific configuration
+
+configure :build do
+  # For example, change the Compass output style for deployment
+  activate :minify_css
+
+  # Minify Javascript on build
+  activate :minify_javascript
+
+  # Enable cache buster
+  #activate :asset_hash
+
+  # Use relative URLs
+  activate :relative_assets
+
+  # Or use a different image path
+  # set :http_prefix, "/Content/images/"
+end
--- a/etc/apache-production.conf
+++ b/etc/apache-production.conf
@ -0,0 +1,28 @@
+#
+# beta.devuan.org
+#
+# Production version
+#
+
+<VirtualHost *:80>
+  ServerName      beta.devuan.org
+  Redirect / https://beta.devuan.org
+</VirtualHost>
+
+<VirtualHost *:443>
+  ServerName      beta.devuan.org
+  ServerAdmin     webmaster@devuan.org
+  DocumentRoot    /srv/www/beta.devuan.org
+  DirectoryIndex  index.html
+
+  ErrorDocument 404         /_error/404.html
+  ErrorDocument 403         /_error/403.html
+  ErrorDocument 500 502 503 /_error/50x.html
+
+  # TODO Add TLS configuration
+
+  <Location />
+    Options +Indexes +MultiViews
+    AllowOverride None
+  </Location>
+</VirtualHost>
--- a/etc/crontab
+++ b/etc/crontab
@ -0,0 +1,2 @@
+# Update the site every 10 minutes
+*/10 * * * * (cd /srv/www/beta.devuan.org && git pull --rebase)
--- a/etc/nginx-development.conf
+++ b/etc/nginx-development.conf
@ -0,0 +1,57 @@
+#
+# beta.devuan.org
+#
+# Development version
+#
+# Add a fake domain for development:
+#   echo '127.0.0.1 beta.devuan.org' | sudo tee -a /etc/hosts
+# Run middleman locally:
+#   gem install middleman
+#   middleman server -p 4569
+#
+upstream beta {
+  server 127.0.0.1:4569;
+}
+
+server {
+  listen       127.0.0.1:80;
+  server_name  beta.devuan.org;
+  root         /srv/www/beta.devuan.org/public;
+  index        index.html;
+
+  error_page 403 /en/error/403.html;
+  error_page 404 /en/error/404.html;
+  error_page 501 502 503 /en/error/50x.html;
+
+  # Old URLs
+  rewrite ^/donate.*$ /os/donate last;
+
+  # Localize error pages
+  # Defaults to English
+  # MIRROR: change /en for your locale!
+  location ~ ^/(de|en|es|fr|it) {
+    try_files    $uri $uri.html $uri/ @backend;
+    error_page 403 /$1/error/403.html;
+    error_page 404 /$1/error/404.html;
+    error_page 501 502 503 /$1/error/50x.html;
+  }
+  location / {
+    try_files    $uri $uri.html $uri/ @backend;
+    error_page 403 /en/error/403.html;
+    error_page 404 /en/error/404.html;
+    error_page 501 502 503 /en/error/50x.html;
+  }
+
+  # Links are made like this: /:locale/path
+  # But English is the default language, so we skip /en
+  # MIRROR: you may want to switch to your language instead!
+  rewrite ^/en/(.*)$ /$1 last;
+#  rewrite ^/fr/(.*)$ /$1 last; # French mirror example
+
+  location @backend {
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_intercept_errors off;
+    proxy_pass http://beta;
+  }
+}  
--- a/etc/nginx-production.conf
+++ b/etc/nginx-production.conf
@ -0,0 +1,32 @@
+#
+# beta.devuan.org
+#
+# Production version
+#
+
+server {
+  listen       *:80;
+  server_name  beta.devuan.org;
+  rewrite / https://$server_name$uri permanent;
+}
+
+server {
+  listen       *:443 ssl;
+  server_name  beta.devuan.org;
+# Mirror example:
+#  server_name beta.devuan.org fr.devuan.org devuan.fr;
+  root         /srv/www/beta.devuan.org/webroot;
+
+  error_page 403         /_error/403.html;
+  error_page 404         /_error/404.html;
+  error_page 500 502 503 /_error/50x.html;
+  location /_error {
+    internal;
+  }
+
+  # TODO Add TLS configuration
+
+  location / {
+    try_files    $uri $uri.html $uri/ =404;
+  }
+}
--- a/locales/de.yml
+++ b/locales/de.yml
@ -0,0 +1,3 @@
+---
+de:
+  tagline: "Getz"
--- a/locales/en.yml
+++ b/locales/en.yml
@ -0,0 +1,14 @@
+---
+en:
+  about_devuan: |
+    <a href="/os/donate">Devuan</a> is a free software OS for your computer.
+  essentials: "Essentials"
+  netinst_title: Devuan Network Installer for PC and other platforms
+  os_install: Install Devuan
+  os_install_title: Devuan OS installation options
+  os_sources: "Share the source code !"
+  os_sources_title: "Devuan is free software: download the source code !"
+  os_support: Meet Devuan supporters
+  os_support_title: "Peruse Devuan documentation and get help !"
+  site_title: "Devuan GNU+Linux Free/Libre Operating System"
+  tagline: "software freedom, your way"
--- a/locales/es.yml
+++ b/locales/es.yml
@ -0,0 +1,10 @@
+---
+es:
+  about_devuan: |
+    <a href="/es/os/donate">Devuan</a> es un sistema operativo libre para su computadora.
+  essentials: Lo esencial
+  netinst_title: Instalador de Devuan por la red, para PC y otras plataformas
+  os_install: Instalar Devuan
+  os_install_title: Opciones de instalación de Devuan
+  
+  tagline: "software libre a tu gusto"
--- a/locales/fr.yml
+++ b/locales/fr.yml
@ -0,0 +1,15 @@
+---
+fr:
+  about_devuan: |
+    <a href="/fr/os/donate">Devuan</a> est un système d'exploitation libre pour votre ordinateur.
+  essentials: L'Essentiel
+  netinst_title: |
+    Image d'installation en ligne de Devuan pour PC et autres plateformes. 
+  os_install: Installer Devuan
+  os_install_title: Options pour l'installation de Devuan
+  os_sources: Partager les sources
+  os_sources_title: "Devuan est constitue de logiciel libre : partagez le code !"
+  os_support: Rencontrer des supporteurs de Devuan
+  os_support_title: "Parcourir la documentation et obtenir de l'aide !"
+  site_title: "Devuan GNU+Linux, système d'exploitation libre"
+  tagline: Le logiciel libre, comme vous l'entendez
--- a/locales/it.yml
+++ b/locales/it.yml
@ -0,0 +1,3 @@
+---
+it:
+  tagline: "Minchia"
--- a/source/layouts/home.erb
+++ b/source/layouts/home.erb
@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+  <%= partial "head" %>
+  <body class="home">
+    <%= partial "header" %>
+    <main id="read" class="container">
+      <%= yield %>
+    </main>
+    <%= partial "footer" %>
+    <%= partial "discourse" %>
+    <%= javascript_include_tag "all" %>
+  </body>
+</html>
--- a/source/layouts/layout.erb
+++ b/source/layouts/layout.erb
@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <%= partial "head" %>
+  <body class="devuan">
+    <%= partial "header" %>
+    <main id="read" class="container">
+      <%= yield %>
+    </main>
+    <%#= partial "essentials" %>
+    <%#= partial "footer" %>
+    <%#= partial "discourse" %>
+    <%#= javascript_include_tag  "all" %>
+  </body>
+</html>
--- a/source/layouts/os.erb
+++ b/source/layouts/os.erb
@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+  <%= partial "head" %>
+  <body class="os">
+    <%= partial "header" %>
+    <main id="read" class="container">
+      <%= yield %>
+      <%= partial "aside-os" %>
+      <%= partial "next-prev" %>
+    </main>
+    <%= partial "footer" %>
+    <%= partial "discourse" %>
+    <%= javascript_include_tag "all" %>
+    <% if content_for?(:footer) %><%= yield_content(:footer) %><% end %>
+  </body>
+</html>
--- a/source/pages/error/404.en.html.md.erb
+++ b/source/pages/error/404.en.html.md.erb
@ -0,0 +1,11 @@
+---
+title: HTTP Error 404
+---
+
+# Document Not Found
+
+ENGLISH <%= tagline %>
+
+Try [/](/)... <%= t(:tagline) %>
+
+
--- a/source/pages/error/404.es.html.md.erb
+++ b/source/pages/error/404.es.html.md.erb
@ -0,0 +1,11 @@
+---
+title: HTTP Error 404
+---
+
+# El documento no existe
+
+SPANISH <%= tagline %>
+
+[Bueno, entonces /](/)... <%= t(:tagline) %>
+
+
--- a/source/pages/error/404.fr.html.md.erb
+++ b/source/pages/error/404.fr.html.md.erb
@ -0,0 +1,11 @@
+---
+title: Erreur HTTP 404
+---
+
+# Document Inconnu
+
+FRENCH <%= tagline %>
+
+[Essayer /](/)... <%= t(:tagline) %>
+
+
--- a/source/pages/index.en.html.md.erb
+++ b/source/pages/index.en.html.md.erb
@ -0,0 +1,69 @@
+---
+title: Devuan GNU+Linux Free Operating System
+---
+
+# Welcome to Devuan Jessie 1.0 Beta
+
+This release comes about one year after the first alpha.
+A lot of infrastructure work has been done meanwhile.
+
+This release marks a milestone towards 1.0: keep systemd out of the way.
+
+## Get It
+
+We recommend using our [beta torrent][torrent] release to get all the 
+following images, or a choice of them, to keep online and share with others.  
+(It also saves on our hosting costs!)
+
+- Download a Virtual Machine: QEmu, Vagrant, VirtualBox
+  This is a great way to test it without installing to your disk.
+- Download __installer ISO__ for [32bit][pc32] and [64bit][pc64] PC.
+- Download an image for a number of ARMHF SoC ([see all ARM devices][arm])
+
+[Seed our torrent!][torrent]
+
+[pc32]: /os/download/devuan-netboot-i386-jessie-1.0-beta.iso
+[pc64]: /os/download/devuan-netboot-amd64-jessie-1.0-beta.iso
+[arm]:  /os/install-on-arm-device
+[torrent]: magnet:uri:xxx
+
+
+## Packages
+
+- Packages [forked from Debian][o-deb]
+- Packages [from Devuan][o-dev]
+- [Blacklisted][o-nil] Packages
+- How to [Maintain Devuan Packages][maint]
+- [Upstream Guide][ugtd] to Devuan
+- [Downstream Guide][dgtd] to Devuan
+
+[Search packages][search]
+
+[maint]:  /os/study/devuan-maintainer-guide
+[search]: /os/packages
+[o-deb]:  /os/packages/forked
+[o-dev]:  /os/packages/origin
+[o-nil]:  /os/packages/blacklist
+[dgtd]:   /os/study/downstream-guide-to-devuan
+[ugtd]:   /os/study/upstream-guide-to-devuan
+
+
+## Learn
+
+- Devuan [for Debianists](os/study/devuan-for-debianist)
+- Devuan [for ISPs](os/study/devuan-for-isp)
+- Devuan [for Sysadmin](os/study/devuan-for-sysadmin)
+- Devuan [for Developer](os/study/devuan-for-developer)
+- Devuan [for Educators](os/study/devuan-in-education)
+- Devuan [for Office](os/study/devuan-at-the-office)
+- Devuan [Blends](os/study/devuan-blends)
+
+## Conversations
+
+- Get Started with Devuan
+- Jessie: First Impressions
+- Introduce Yourself
+
+Floaters: if you experience any harrassment or discomfort on the talk, 
+please contact the floaters.  They can help you go through it and solve any 
+civility issue affecting members.
--- a/source/pages/index.fr.html.md.erb
+++ b/source/pages/index.fr.html.md.erb
@ -0,0 +1,11 @@
+---
+title: Devuan GNU+Linux Systeme d'Exploitation
+locale: fr
+---
+
+# Bonjour
+
+<%= tagline %>
+
+<%= t(:tagline) %>
+
--- a/source/pages/os/donate.en.html.md.erb
+++ b/source/pages/os/donate.en.html.md.erb
@ -0,0 +1,51 @@
+---
+title: Donate to the Devuan Project
+topic_id:
+---
+
+# Donations
+
+The Devuan Project is able to receive donations thanks to the fiscal
+sponsorship of the [Dyne.org Foundation][Dyne], a non-profit
+organization based in the Netherlands and dedicated to the advancement
+of free software and free culture.
+
+We accept donations via [bank transfer](#bank-transfer), and popular
+online payment systems such as Stripe, PayPal, and Bitcoin.
+
+## Online Payment Systems
+
+<%= partial "donation-form" %>
+
+Please donate to Bitcoin address: 
+[__1QFbx3bKA8LABAGEaSe7EiP9JCxe2j4fN7__](https://blockexplorer.com/address/1QFbx3bKA8LABAGEaSe7EiP9JCxe2j4fN7 "View in the Bitcoin block explorer")
+
+![Devuan Bitcoin QR code](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAFk0lEQVR4nO3US5IbMQwE0bn/pe2Nd5Zi8EkQbCkR0TsSLJBP+vn5+flzw/eqpvtHz6wW2etdP3LOpW89gAAb/QQowCO93vUToACP9HrXT4ACPNLrXb+PBDhdGwCn5+zM1Jl9OgdZAhRgeh1ZAhRgeh1ZAhRgeh1ZAhRgeh1ZLYDkI38CwI1sT3qDRK87gpBnCnD/DRK97ghCninA/TdI9LojCHmmAPffINHrjiDkmQLcf4NErzuCkHUC4NPrlncX4JfWLe8uwC+tW95dgF9at7z71QAPDI+eMT1nde+JbAIU4FPf4I4gS8MLcP8N7giyNLwA99/gjiBLwwtw/w1ql9upzpkUjm6OSq4TGDp5p0uAYI5KLgEKEMtRySVAAWI5KrkEKEAsRyWXAIMAN77qJZ145Mi6jTPp+1j61gMI8JL7EODhCyfXbZwpQAEKUIACpHqtfC/TXVzTDxrdS+Xf+kHeUnene1ECFOBqCVCAqyVAAa6WAD8MYCdw9DLJr5qheUlYPxJbdB/9xtUz33wCJB6B7iVAcFgB5nsJEBxWgPleAgSHFWC+19cAJC+JrupFngA4PXs0B9lr409AgIM56BLgL+voEuDvOcheAgzkEOCHAbxlqI1vY4bOXUbWkb06ABP9BXhyhs5dRtaRvQQoQAFmahuUAAX4qG9jhs5dRtaRvY4AnA7cqWlYnXVkfxrq6fsQoAAFKEABClCAAhSgANsAyZpGQz/8J34n3q/8A2qlixwgwPXvxPsJUIACfHmAANe/E+8nQAE+EyAJ5MSgkX0nqnHhx/cOoEG8/PsESOSt7hOgAJG81X0CFCCSt7pPgAJE8lb3CRAM0hmeRN+8kOM5OtW5X+qOmvkFuJ2jUwIUoAB7+QW4naNTAhSgADv5nzToBqzOpZO9omdEc1T7v9rb8tAJIkDmzjolQAG276xTAhRg+846JUABtu+sUwKEhtp45GkgG9laGMAvPBN5mWQvAQowPRjZS4ACTA9G9hLgFwMkh+881uS+TE2jjK6b/LFkzqzO9PLMa4II8Nd1AhSgAAXInTmdrdNLgAIcOUOA/+3l0JBDZfaSjzX98FtoJmdoZhUgcWb1zgQoQOTM6p0JUIDImdU7E6AAkTOrd/b1AKeHoh+LfLzomVTW7g+BrOl3Cc9JHiBAAQqwWQKs7RUgVAKs7RUgVAKs7UUBVoPQA1C5bn94Mm9npul3eXlma7MAx7IJMLJZgGPZBBjZLMCxbAKMbBbgWLavAbhxaCIc9t2SLdqruo68s0PoBXgyW7RXdZ0AwRJgfp0AwRJgfp0AwRJgft1HAIwWta87RGQfOeeJH8Kt/QfOFCDV74YzHziTAKl+N5z5wJkESPW74cwHziRAqt8NZz5wJg7DLRdyC5ATRc45PYMABSjAZDgBAjkEWA8nQCDH4wBWh9jCQOaI9qusyWQ7MeslnwAFKEABClCAAhSgAL8NYHjShZp+qOqZJFy66DOrP77wHbXSDZcA8yVAsASYLwGCJcB8CRAsAebrcQCrF05/Jy6zWtUcG/dG3+30GwgwUAIUoAAFKEABChAdPloCPAxwusjht3842Tvb6Ncp8j7erBWgAPt5BShAAXaGqq7bhidAAV7xdWYXYH0zFoQ8cwPIwMMcvyPyLhP9BFg5k9p3aq8Af+k1fbnREqAARy43WgIU4MjlRkuAAkyd+Qk1/YOhc8A/FgFulwAFuFoCFOBqCfBSgNWqZu3M0JlzOit9b3B+AQowlwPOL0AB5nLA+QUowFwOOL8ABZjLAeefxRAddKPXaaQTQKbPrOYSYHGvAJlcAizuFSCTS4DFvQJkcgmwuFeATK4WwI2vOlh0X+cyI+s6Rd5Rp//0u7zptY9PgAJc/8hBBVjrL0BoUAHW+gsQGlSAtf4bAP8CC/AlJQ/e+5AAAAAASUVORK5CYII= "Scan this QR code to obtain our Bitcoin address")
+
+Donations are used to maintain and develop Devuan's infrastructure,
+organize and support the [Devuaneers Community][talk] with events and
+sponsorship. The decision process regarding how to allocate the money
+is collective, and the final decision belongs to the [VUA group][VUA].
+
+See the [comments](#discourse-comments) for the current financial
+situation of the project.  We maintain a history of financial status,
+sent to the [mailing-list][ml] once per trimester.
+
+## Bank Transfer
+
+Please send your donations with the description __'VUA donation'__.
+
+Dyne.org foundation (non-profit)
+
+Bank: ABN-AMRO - Amsterdam, The Netherlands
+
+IBAN: NL87ABNA0406496021
+
+BIC: ABNANL2A
+
+# Thank you for your support!
+
+[Dyne]: https://www.dyne.org/
+[talk]: https://talk.devuan.org/
+[VUA]: /os/steering-group
+[ml]: https://lists.devuan.org/
--- a/source/pages/os/download.en.html.md.erb
+++ b/source/pages/os/download.en.html.md.erb
@ -0,0 +1,23 @@
+---
+title: Devuan GNU+Linux OS Downloads
+---
+
+# Download Options
+
+<div class="four columns">
+
+## Foo
+
+</div>
+
+<div class="four columns">
+
+## Bar
+
+</div>
+
+<div class="four columns">
+
+## Baz
+
+</div>
--- a/source/pages/os/free-software.en.html.md
+++ b/source/pages/os/free-software.en.html.md
@ -0,0 +1,38 @@
+---
+title: Free Software
+---
+
+# Software Freedom
+
+Free software is software that protects users' freedoms and their
+community.  It grants four essential computing freedoms; free software
+means you are free to:
+
+- **run the software** for any purpose
+- **study how the software works**, including access to the source code.
+- **share copies of the software**, so you can help your neighbor.
+- **modify the software and share your changes**, so the community keeps
+  improving the software for all.
+
+## Why Free Software?
+
+Computing technologies are a central component of our civilization.
+We need to ensure that these technologies can better society, and not
+work against their users.
+
+Pervasive surveillance enable proprietary software vendors to spy on
+their users without their consent.  Free software, therefore, is a
+first shield against pervasive surveillance.
+
+## Limits of Free Software
+
+Free software is an indication that the developers care about the
+well-being of their users.  But it does not guarantee the quality of
+the code.  Code quality comes from experience, attention, refinements,
+and collaborative code reviews.  We need this latter element to ensure
+the code is performing according to specifications and do not
+unintentionally cause havoc.
+
+Devuan encourages a participative approach where users can easily
+report issues to developers, and where developers can provide to each
+other's code the attention required to ensure stability of the system.
--- a/source/pages/os/free-software.fr.html.md
+++ b/source/pages/os/free-software.fr.html.md
@ -0,0 +1,38 @@
+---
+title: Free Software
+---
+
+# Le logiciel libre
+
+Free software is software that protects users' freedoms and their
+community.  It grants four essential computing freedoms; free software
+means you are free to:
+
+- **run the software** for any purpose
+- **study how the software works**, including access to the source code.
+- **share copies of the software**, so you can help your neighbor.
+- **modify the software and share your changes**, so the community keeps
+  improving the software for all.
+
+## Why Free Software?
+
+Computing technologies are a central component of our civilization.
+We need to ensure that these technologies can better society, and not
+work against their users.
+
+Pervasive surveillance enable proprietary software vendors to spy on
+their users without their consent.  Free software, therefore, is a
+first shield against pervasive surveillance.
+
+## Limits of Free Software
+
+Free software is an indication that the developers care about the
+well-being of their users.  But it does not guarantee the quality of
+the code.  Code quality comes from experience, attention, refinements,
+and collaborative code reviews.  We need this latter element to ensure
+the code is performing according to specifications and do not
+unintentionally cause havoc.
+
+Devuan encourages a participative approach where users can easily
+report issues to developers, and where developers can provide to each
+other's code the attention required to ensure stability of the system.
--- a/source/pages/os/index.en.html.md
+++ b/source/pages/os/index.en.html.md
@ -0,0 +1,23 @@
+---
+title: Operating System
+prev: <a href="/os/releases">releases</a>
+up:   <a href="/">devuan</a>
+next: <a href="/os/download">download</a>
+---
+
+/os
+
+# Devuan GNU+Linux OS
+
+An Operating System (<abbr title="Operating System">OS</abbr>) is a set of
+programs that provides an interface to the hardware part of the computer:
+resource, device, power, and memory management belong to the OS.
+
+On top of the OS come applications.  Usually, a complete operating system
+distribution includes a number of pre-configured applications (e.g., the
+desktop).
+
+The default installation of Devuan comes with a desktop environment running
+[Xfce][a0].
+
+[a0]: /os/packages/xfce
--- a/source/pages/os/install.en.html.md
+++ b/source/pages/os/install.en.html.md
@ -0,0 +1,5 @@
+---
+title: Install Devuan
+---
+
+# Installation Options
--- a/source/pages/toc.en.html.md
+++ b/source/pages/toc.en.html.md
@ -0,0 +1,43 @@
+---
+title: Table of Contents
+
+---
+
+# Use Devuan
+
+- on a [virtual machine](/os/documentation/install-on-vm)
+- from a [bootable device](/os/documentation/install-on-pc) (CD, USB,
+  Hard Disk Drive, Solid State Drive)
+- on a specific [ARM device](/os/documentation/install-on-arm-device)
+
+All images are in our [installer torrent][pc]
+([<icon class="icon-magnet"></icon>][magnet]).
+
+*[Buy pre-installed devices](/os/partners/buy-pre-installed-devices)*
+
+# Study Devuan
+
+- [Documentation](/os/documentation)
+- [Source Code](/os/source-code)
+- [Development Kit](/os/development-kit)
+
+*[sponsor a doc sprint](/os/partners/sponsor-documentation)*
+
+# Share Devuan
+
+- Seed our [Beta Installer][torrent]
+- Find [Devuan supporters around you](https://talk.devuan.org/t/51)
+- [Participate](/os/documentation/how-to-participate-in-devuan)!
+
+*[sponsor an event](/os/partners/sponsor-an-event)*
+
+# Hack Devuan
+
+- [Maintain Packages](/os/documentation/how-to-become-a-devuan-maintainer)
+- [Roll your Own](/os/documentation/how-to-customize-devuan)!
+- [Blends and Derivatives](/os/partners/devuan-distros)
+
+*[sponsor development](/os/partners/sponsor-devuan-development)*
+
+[torrent]: /os/download/devuan-jessie-1.0-beta.torrent
+[magnet]: magnet:?xt=urn:btih:TODO_PUT_HASH_HERE&dn=devuan-jessie-1.0-beta&tr=TODO_ADD_TRACKER_URL
--- a/source/pages/toc.fr.html.md
+++ b/source/pages/toc.fr.html.md
@ -0,0 +1,39 @@
+---
+title: Table des matières
+
+---
+
+# Utiliser Devuan
+
+- sur une [machine virtuelle](/os/documentation/install-on-vm)
+- depuis un [dispositif de démarrage](/os/documentation/install-on-pc) (CD, USB,
+  disque dur ou solide)
+- sur un [matériel ARM](/os/documentation/install-on-arm-device) spécifique
+
+*[Acheter des appareils pré-installés](/os/partners/buy-pre-installed-devices)*
+
+# Étudier Devuan
+
+- [Documentation](/os/documentation)
+- [Code Source](/os/source-code)
+- [Kit de Développement](/os/development-kit)
+
+*[Sponsoriser un sprint documentaire](/os/partners/sponsor-documentation)*
+
+# Partager Devuan
+
+- Propager notre [torrent d'installation beta][torrent]
+- Rencontrer des [Devuaniers autour de vous](https://talk.devuan.org/t/51)
+- [Participer](/os/documentation/how-to-participate-in-devuan)!
+
+*[Sponsoriser un événement](/os/partners/sponsor-an-event)*
+
+# Modifier Devuan
+
+- [Maintenir des paquets](/os/documentation/how-to-become-a-devuan-maintainer)
+- [Distribuer votre propre Devuan](/os/documentation/how-to-customize-devuan)!
+- [Mélanges et produits dérivés](/os/partners/devuan-distros)
+
+*[Sponsoriser le développement](/os/partners/sponsor-devuan-development)*
+
+[torrent]: /os/download/devuan-jessie-1.0-beta.torrent
--- a/source/partials/_aside-os.erb
+++ b/source/partials/_aside-os.erb
@ -0,0 +1,38 @@
+<aside id="next">
+  <h1>OS Info</h1>
+
+  <section>
+    <h2>Releases</h2>
+
+    <p>Devuan <a href="/os/releases">codenames</a> are named after
+      minor planets.</p>
+
+    <ul>
+      <li><strong>Current release:</strong>
+        <a href="/os/releases/jessie">Jessie 1.0 Beta</a> (stable)</li>
+      <li>Next release:
+        <a href="/os/releases/ascii">ASCII</a> (testing)</li>
+      <li>Development release:
+        <a href="/os/releases/ceres">Ceres</a> (unstable)</li>
+    </ul>
+  </section>
+
+  <section>
+    <h2>Packages</h2>
+
+    <p>Devuan counts more than 20,000 packages covering all your
+      computing needs. Most of them comes from debian, but some are
+      modified by or specific to devuan</p>
+
+    <p><a href="/os/packages">Browse devuan packages</a></p>
+  </section>
+
+  <section>
+    <h2>Nightly Builds</h2>
+
+    <p>For the adventurous, we provide nightly builds from the latest
+      code.</p>
+    <p>You can find the latest installers on
+      <a href="https://files.devuan.org/">https://files.devuan.org/</a></p>
+  </section>
+</aside>
--- a/source/partials/_discourse.erb
+++ b/source/partials/_discourse.erb
@ -0,0 +1,23 @@
+<% unless current_page.data.topic_id.nil? %>
+  <aside id="comments">
+    <noscript>
+      <p>You can
+      <a href="https://talk.devuan.org/t/<%= current_page.data.topic_id %>">comment this page</a>
+      on
+      <a href="https://talk.devuan.org/">Devuan Discourse</a>.</p>
+    </noscript>
+    <div id="discourse-comments"></div>
+  </aside>
+  <script type="text/javascript">
+    DiscourseEmbed = { discourseUrl: 'https://talk.devuan.org/',
+                       topicId: <%= current_page.data.topic_id %> };
+
+    (function() {
+      var d = document.createElement('script');
+          d.type = 'text/javascript';
+          d.async = true;
+          d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
+      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
+    })();
+  </script>
+<% end %>
--- a/source/partials/_donation-bitcoin.erb
+++ b/source/partials/_donation-bitcoin.erb
@ -0,0 +1,23 @@
+<div style="font-size:16px;margin:0 auto;width:300px" class="blockchain-btn"
+     data-address="<%= bitcoin_address %>"
+     data-shared="false">
+  <div class="blockchain stage-begin">
+    <img src="https://blockchain.info/Resources/buttons/donate_64.png"/>
+  </div>
+  <div class="blockchain stage-loading" style="text-align:center">
+    <img src="https://blockchain.info/Resources/loading-large.gif"/>
+  </div>
+  <div class="blockchain stage-ready">
+    <p align="center">Please Donate To Bitcoin Address: <b>[[address]]</b></p>
+    <p align="center" class="qr-code"></p>
+  </div>
+  <div class="blockchain stage-paid">
+    Donation of <b>[[value]] BTC</b> Received. Thank You.
+  </div>
+  <div class="blockchain stage-error">
+    <font color="red">[[error]]</font>
+  </div>
+</div>
+<% content_for :footer do %>
+<script type="text/javascript" src="https://blockchain.info/Resources/wallet/pay-now-button.js"></script>
+<% end %>
--- a/source/partials/_donation-form.erb
+++ b/source/partials/_donation-form.erb
@ -0,0 +1,55 @@
+<form method="POST" action="" id="donate-form">
+  <fieldset class="row">
+    <section class="four columns">
+      <label for="amount">Send</label>
+      <select name="amount">
+        <option value="500">$5</option>
+        <option value="1000">$10</option>
+        <option value="2000" selected="true">$20</option>
+        <option value="5000">$50</option>
+        <option value="10000">$100</option>
+        <option value="50000">$500</option>
+      </select>
+    </section>
+    <section class="four columns">
+      <label for="processor">Via</label>
+      <select name="processor">
+        <option value="stripe" selected="true">Stripe</option>
+        <option value="paypal">PayPal</option>
+      </select>
+    </section>
+    <section class="four columns">
+      <label>Proceed</label>
+      <button type="submit" name="submit" value="Donate" class="button-primary">
+        <span class="icon icon-heart"></span> Donate now!
+      </button>
+    </section>
+  </fieldset>
+</form>
+
+<% content_for :footer do %>
+<script>
+$("#donate-form").submit(function(event) {
+
+  var amount    = $("#donate-form select[name=amount] option:selected").val();
+  var processor = $("#donate-form select[name=processor] option:selected").val();
+  var action    = "";
+
+  switch (processor) {
+    case "stripe":
+      action = "https://stripe.dyne.org/?action=donation&amount="+amount+"&project=VeteranUnixAdmin";
+      break;
+    case "paypal":
+      action = "PayPal action";
+      break;
+    default:
+      alert("Please choose a payment processor");
+      return false;
+  }
+
+  alert("Donating " + amount + " via " + processor);
+  event.preventDefault();
+  return false;
+});
+</script>
+<% end %>
--- a/source/partials/_essentials.erb
+++ b/source/partials/_essentials.erb
@ -0,0 +1,12 @@
+<nav id="essentials">
+  <hr>
+  <h2><%= t(:essentials) %></h2>
+  <p><%= t(:about_devuan) %>
+     <a href="/os/donate">Devuan</a> is a free software OS for your computer.</p>
+  <ul>
+    <li><a href="/os/download/devuan-1.0.0-jessie-pc-netinst.iso" title="<%= t(:netinst_title) %>">⌄</a></li>
+    <li><%= link_to(" #{t(:os_install)}", "/#{I18n.locale}/os/install", :title => t(:os_install_title)) %></li>
+    <li><%= link_to("⎈ #{t(:os_support)}", "/#{I18n.locale}/os/support", :title => t(:os_support_title)) %></li>
+    <li><%= link_to("⌨ #{t(:os_sources)}", "/#{I18n.locale}/os/sources", :title => t(:os_sources_title)) %></li>
+  </ul>
+</nav>
--- a/source/partials/_footer.erb
+++ b/source/partials/_footer.erb
@ -0,0 +1,60 @@
+<footer class="row" id="navigator">
+  <section class="three columns">
+    <p><a href="/">Devuan</a> GNU+Linux is a free software operating
+      system for your computer.</p>
+    <p><a href="/os/donate" title="Please support Devuan development">
+        <button class="button-primary"><span class="icon icon-heart"></span>donate now!</button></a></p>
+  </section>
+  <section class="three columns">
+    <h4>Essentials</h4>
+    <ul>
+      <li><a href="/toc">
+          <span class="icon-docs"></span>
+          Table of Contents</a></li>
+      <li><a href="/os/download">
+          <span class="icon-download"></span>
+          Download</a></li>
+      <li><a href="/os/community">
+          <span class="icon-users"></span>
+          Community Support</a></li>
+      <li><a href="/os/feeds">
+          <span class="icon-rss"></span>
+          RSS Feeds</a></li>
+      <li><a href="/os/security">
+          <span class="icon-bell"></span>
+          Security Advisories</a></li>
+    </ul>
+  </section>
+  <section class="three columns">
+    <h4>Developers</h4>
+    <ul>
+      <li><a href="/os/releases/jessie">Release Notes</a></li>
+      <li><a href="/os/documentation">Documentation</a></li>
+      <li><a href="/os/source-code">Source Code</a></li>
+      <li><a href="/os/free-software">Licenses</a></li>
+      <li><a href="/os/development-kit">Development Kit</a></li>
+    </ul>
+  </section>
+  <section class="three columns">
+    <h4>Partners</h4>
+    <ul>
+      <li><a href="/os/partners">Devuan Partners</a></li>
+      <li><a href="/os/press/releases">Press Releases</a></li>
+      <li><a href="/os/press/in-the-news">In the News</a></li>
+      <li><a href="/os/press">Press Kit</a></li>
+      <li><a href="/os/shopping">Merchandising</a></li>
+    </ul>
+  </section>
+  <p class="row" id="copyright">
+    Copyright © 2015-2016
+    <a rel="fiscal sponsor"
+       href="https://www.dyne.org/">Dyne.org Foundation</a>
+    —
+    <a rel="license"
+       href="https://creativecommons.org/licenses/by-sa/4.0/"
+       title="<%= cc_text %>">CC-BY-SA 4.0 international</a>
+    —
+    <a rel="source code"
+       href="https://git.devuan.org/devuan-editors/devuan.org">site source</a>
+  </p>
+</footer>
--- a/source/partials/_head.html.erb
+++ b/source/partials/_head.html.erb
@ -0,0 +1,26 @@
+  <head>
+<%# Use title if it's in the page YAML frontmatter %>
+<% if current_page.data.title %>
+    <title><%= "#{current_page.data.title} | #{site_title}" %></title>
+<% else %>
+    <title><%= site_title %></title>
+<% end %>
+    <meta charset="utf-8">
+    <!-- Always force latest IE rendering engine or request Chrome Frame -->
+    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="<%= favicon_url %>">
+    <%= stylesheet_link_tag "normalize", "skeleton", "devuan", :relative => false %>
+    <link rel="stylesheet" title="purpy" href="/ui/css/theme-purpy.css">
+<%# placeholder for future themes. Need to figure out logo color...
+    <link rel="alternate stylesheet" title="dark"   href="/ui/css/theme-dark.css">
+    <link rel="alternate stylesheet" title="earthy" href="/ui/css/theme-earthy.css">
+    <link rel="alternate stylesheet" title="icy"    href="/ui/css/theme-icy.css">
+    <link rel="alternate stylesheet" title="leafy"  href="/ui/css/theme-leafy.css">
+    <link rel="alternate stylesheet" title="light"  href="/ui/css/theme-light.css">
+    <link rel="alternate stylesheet" title="rosy"   href="/ui/css/theme-rosy.css">
+    <link rel="alternate stylesheet" title="red"    href="/ui/css/theme-red.css">
+    <link rel="alternate stylesheet" title="retro"  href="/ui/css/theme-retro.css">
+    <link rel="alternate stylesheet" title="rocky"  href="/ui/css/theme-rocky.css">
+    <link rel="alternate stylesheet" title="rusty"  href="/ui/css/theme-rusty.css">
+%>  </head>
--- a/source/partials/_header.erb
+++ b/source/partials/_header.erb
@ -0,0 +1,51 @@
+<header>
+  <section class="row" id="about">
+    <p id="what" class="four columns">Devuan GNU+Linux is a free
+      software operating system for your computer.</p>
+    <p id="free-sw" class="seven columns offset-by-one">Free software
+      means <em>you are free</em> to use, copy, study, change the
+      software, and share your modifications with the community.</p>
+  </section>
+  <% if content_for? :header %><section class="row" id="banner">
+    <%= yield_content :header %>
+  </section><% end %>
+  <section class="row" id="sticky-bar">
+    <nav class="u-pull-left">
+      <p>
+        <a href="https://talk.devuan.org/"
+           title="Contribute to Devuan Discourse and Meet Fellow Devuan Supporters"><span class="icon icon-devulcan"></span><span>Devuan Community</span></a>
+        <span class="separator">|</span>
+        <a href="/os/free-software"
+           title="Devuan and Software Freedom"><span class="icon icon-gnu"></span><span>Free Software</span></a>
+        <span class="separator">|</span>
+        <a href="/os/"
+           title="Discover Devuan GNU+Linux Operating System"><span class="icon icon-devuan"></span><span>Operating System</span></a>
+      </p>
+    </nav>
+
+    <nav class="u-pull-right">
+      <a href="/os/donate"
+         title="Please support Devuan development"><button class="button-primary"><span class="icon icon-heart"></span>donate now!</button></a>
+
+<!-- When we actually have something to use :)
+      <a href="/search" title="Search Devuan Web"><span class="icon icon-search"></span></a>
+      <a href="/accounts" title="Manage your Accounts"><span class="icon icon-cog"></span></a>
+      <a href="/source-code" title="Get the Source Code"><span class="icon icon-git"></span></a>
+-->
+    </nav>
+  </section>
+  <section id="page-header">
+    <%= partial "logo" %>
+    <p><%= tagline %></p>
+  </section>
+<!--
+  <nav>
+    <ul>
+      <li><a href="#read" title="skip to content">#read</a></li>
+      <li><a href="#find" title="Skip to navigation">#find</a></li>
+      <li><a href="#next" title="Skip to related content">#next</a></li>
+    </ul>
+  </nav>
+-->
+  <hr>
+</header>
--- a/source/partials/_logo.erb
+++ b/source/partials/_logo.erb
@ -0,0 +1,3 @@
+<div id="logo">
+<a href="/"><img src="/ui/img/devuan-logo-purpy.png" lowsrc="/ui/img/devuan-emblem-purpy.png" alt="[D]"></a>
+</div>
--- a/source/partials/_next-prev.erb
+++ b/source/partials/_next-prev.erb
@ -0,0 +1,9 @@
+<% if current_page.data.next %>
+      <nav class="row next-prev">
+        <ul class="twelve columns">
+          <li class="prev u-pull-left"><%= current_page.data.prev %></li>
+          <li><%= current_page.data.up %></li>
+          <li class="next u-pull-right"><%= current_page.data.next %></li>
+        </ul>
+      </nav>
+<% end %>
--- a/source/ui/css/devuan.css
+++ b/source/ui/css/devuan.css
@ -0,0 +1,592 @@
+@font-face {
+    font-family: "Fira Sans";
+    src: local("Fira Sans"),
+         url(/ui/css/fonts/FiraSans-Regular.ttf) format(truetype);
+}
+
+@font-face {
+    font-family: "Fira Sans Light";
+    src: local("Fira Sans"),
+         url(/ui/css/fonts/FiraSans-Light.ttf) format(truetype);
+}
+
+@font-face {
+    font-family: "Fira Sans Italic";
+    src: local("Fira Sans"),
+         url(/ui/css/fonts/FiraSans-BoldItalic.ttf) format(truetype);
+    font-variant: italic;
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: "Fira Sans Bold";
+    src: local("Fira Sans"),
+         url(/ui/css/fonts/FiraSans-Medium.ttf) format(truetype);
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: 'devuan-icons';
+    src: url('/ui/css/fonts/devuan-icons.eot?nseq73'),
+         url('/ui/css/fonts/devuan-icons.eot?nseq73#iefix') format('embedded-opentype'),
+         url('/ui/css/fonts/devuan-icons.ttf') format('truetype'),
+         url('/ui/css/fonts/devuan-icons.woff') format('woff'),
+         url('/ui/css/fonts/devuan-icons.svg') format('svg');
+}
+
+body {
+    /* DO NOT TOUCH colors (set in the theme-*.css) */
+    background-color: #ffffff;
+    color: #000000;
+    font-weight: 200;
+    font-family: 'Fira Sans Light', sans-serif;
+    /* better font rendering */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+main.container {
+    margin: 0 auto;
+    padding: 0 3rem;
+    margin-bottom: 3rem;
+    font-size: 120%;
+}
+
+h1 { font-size: 3.6rem; line-height: 1.2;  letter-spacing: -.1rem; }
+h2 { font-size: 3.3rem; line-height: 1.25; letter-spacing: -.1rem; }
+h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
+h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
+h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
+h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: "Fira Sans Bold", "Fira Sans", sans-serif;
+    font-weight: 400;
+    margin-top: 3rem;
+    margin-left: 1rem;
+}
+
+p {
+    margin: 1rem;
+}
+
+a {
+    text-decoration: none;
+}
+
+/* Mark external links with icon-link-ext */
+a[href^="http"] {
+    padding-left: 0.5rem;
+}
+a[href^="http"]:before {
+    content: "\e80b";
+    font-family: 'devuan-icons' !important;
+    padding-right: 0.25rem;
+    position: relative;
+    top: 0.25rem;
+}
+/* Except for the header */
+body>header a[href^="http"] {
+    padding-left: 0;
+}
+body>header a[href^="http"]:before {
+    content: "";
+}
+
+em {
+    font-family: "Fira Sans Italic", "Fira Sans", sans-serif;
+    font-weight: 500;
+    font-style: italic;
+}
+
+b, strong {
+    font-family: "Fira Sans Bold", "Fira Sans", sans-serif;
+    font-weight: bold;
+}
+
+ul, ol {
+    margin-left: 1rem;
+}
+
+/**
+ * donate button
+ **/
+
+body>header .u-pull-right {
+    margin: 0;
+}
+
+body>header .u-pull-right a[href="/os/donate"] {
+    display: block;
+    margin: 0;
+    position: relative;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    height: 100%;
+    width: 100%;
+    line-height: 2.5;
+}
+body>header .u-pull-right a[href="/os/donate"] button {
+    border-radius: 0;
+    height: 100%;
+    line-height: 4.5rem;
+    margin:0;
+}
+
+/* end donate button */
+
+.sticky, .sticky-bottom {
+    position: fixed;
+    left: 0; right: 0;
+    text-align: left;
+    z-index: 69;
+}
+.sticky { top: 0; }
+.sticky-bottom { bottom: 0; }
+
+#page-header {
+    margin-top: 2rem;
+    margin-left: 1rem;
+}
+#page-header.sticky #logo {
+    text-align: left;
+    margin: 4px;
+}
+#page-header.sticky p {
+    display: none;
+}
+
+/**
+ * Devuan Icon Font
+ **/
+span.icon { padding-right: 1rem; }
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'devuan-icons' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* better font rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-devuan:before {
+    content: "\e91b";
+}
+.icon-gnu:before {
+    content: "\e901";
+}
+.icon-linux:before {
+    content: "\e90a";
+}
+.icon-devulcan:before {
+    content: "\e900";
+}
+.icon-smile:before {
+    content: "\e91d";
+}
+.icon-hand-spock:before {
+    content: "\e903";
+}
+.icon-heart-empty:before {
+    content: "\e806";
+}
+.icon-heart:before {
+    content: "\e924";
+}
+.icon-star-empty:before {
+    content: "\e805";
+}
+.icon-star:before {
+    content: "\e804";
+}
+.icon-mail-empty:before {
+    content: "\e802";
+}
+.icon-mail:before {
+    content: "\e807";
+}
+.icon-bell-empty:before {
+    content: "\e80f";
+}
+.icon-bell:before {
+    content: "\e810";
+}
+.icon-quote-left:before {
+    content: "\e90c";
+}
+.icon-quote-right:before {
+    content: "\e90b";
+}
+.icon-ok:before {
+    content: "\e809";
+}
+.icon-cancel:before {
+    content: "\e80a";
+}
+.icon-chevron-down:before {
+    content: "\e912";
+}
+.icon-chevron-up:before {
+    content: "\e913";
+}
+.icon-link-ext:before {
+    content: "\e80b";
+}
+.icon-spinner:before {
+    content: "\e800";
+}
+.icon-search:before {
+    content: "\e801";
+}
+.icon-git:before {
+    content: "\e81c";
+}
+.icon-magnet:before {
+    content: "\e914";
+}
+.icon-rss:before {
+    content: "\e811";
+}
+.icon-share:before {
+    content: "\e80e";
+}
+.icon-flask:before {
+    content: "\e90d";
+}
+.icon-compass:before {
+    content: "\e902";
+}
+.icon-users:before {
+    content: "\e90e";
+}
+.icon-bullhorn:before {
+    content: "\e90f";
+}
+.icon-loading:before {
+    content: "\e916";
+}
+.icon-reload:before {
+    content: "\e917";
+}
+.icon-cog:before {
+    content: "\e918";
+}
+.icon-comments:before {
+    content: "\e91e";
+}
+.icon-bookmark:before {
+    content: "\e91f";
+}
+.icon-docs:before {
+    content: "\e920";
+}
+.icon-download:before {
+    content: "\e921";
+}
+.icon-youtube:before {
+    content: "\e81e";
+}
+.icon-twitter:before {
+    content: "\e911";
+}
+.icon-cc-visa:before {
+    content: "\e909";
+}
+.icon-cc-mastercard:before {
+    content: "\e908";
+}
+.icon-cc-amex:before {
+    content: "\e906";
+}
+.icon-cc-discover:before {
+    content: "\e907";
+}
+.icon-cc-paypal:before {
+    content: "\e905";
+}
+.icon-cc-stripe:before {
+    content: "\e904";
+}
+
+/* Warning: sensitive zone. Better leave it alone. */
+body.home #about {
+    padding: 0;
+}
+body.home #what, body.home #free-sw {
+    margin: 1em 2em;
+    padding: 0;
+}
+body.os #what, body.devuan #what,
+body.os #free-sw, body.devuan #free-sw {
+    display: none;
+}
+
+body.home > header {
+    margin: 0 auto;
+}
+
+h1 {
+    padding: 0.5rem 0.5rem 0.5rem 2.5rem;
+}
+
+#sticky-bar a {
+    text-decoration: none;
+}
+
+/*
+#page-header p {
+    margin-left: 4.5rem;
+    margin-top: -1rem;
+    font-size: 1.3rem;
+}
+*/
+#page-header {
+    margin: 2.5rem auto 3rem;
+    width: 80%;
+    max-width: 960px;
+    padding: 0 3rem;
+}
+#page-header #logo {
+    margin: 0 auto;
+}
+#page-header p {
+    margin-top: -3.6rem;
+    margin-left: 24rem;
+    font-size: 2rem;
+}
+#page-header.sticky-bottom {
+    width: 48px;
+    margin: 0;
+    padding: 0;
+}
+#page-header #logo a img {
+    height: 48px;
+}
+#page-header.sticky-bottom #logo a img {
+    height: 32px;
+}
+#page-header.sticky-bottom p {
+    display: none;
+}
+
+p#copyright {
+    font-size: x-small;
+    margin: 1rem auto;
+    text-align: center;
+    clear: both;
+}
+
+#navigator {
+    padding-top: 1rem;
+}
+
+#navigator section:nth-child(1) {
+    margin-top: 1.5rem;
+    padding-left: 2.5rem;
+}
+#navigator h4 {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+#navigator ul {
+    list-style: none;
+}
+
+hr { display: none; }
+
+#next {
+    background-color: black;
+    color: white;