nodejs · Starefossen · Mar 2, 2015 · Feb 27, 2015 · Feb 27, 2015 · Feb 27, 2015
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,5 @@
+[submodule "content"]
+  path = content
+  url = https://github.com/iojs/iojs-no.git
+  branch = website
+
diff --git a/_includes/head.html b/_includes/head.html
@@ -7,7 +7,13 @@
   <meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">
 
   <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
-  <link href="/style.css" rel="stylesheet">
+  <link href="/static/css/main.css" rel="stylesheet">
+  <link href="/static/css/mobile.css" rel="stylesheet">
+  <link href="/static/css/custom.css" rel="stylesheet">
+
+  {% if page.source %}
+  <link href="/static/css/{{ page.source }}.css" rel="stylesheet">
+  {% endif %}
 
   <link rel="icon" href="/images/1.0.0.ico" type="image/x-icon">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon-1.0.0.png">

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
   {% include head.html %}
-  <body>
+  <body markdown-page="{{ page.source }}">
     {% include header.html %}
-    <div class="content">{{ content }}</div>
+    <div class="content clearfix">{{ content }}</div>
     {% include footer.html %}
   </body>
 </html>

diff --git a/_layouts/left_align.html b/_layouts/left_align.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
   {% include head.html %}
-  <body>
+  <body markdown-page="{{ page.source }}">
     {% include header.html %}
-    <div class="content content--leftAlign">{{ content }}</div>
+    <div class="content clearfix left">{{ content }}</div>
     {% include footer.html %}
   </body>
 </html>

diff --git a/content b/content
diff --git a/es6.md b/es6.md
@@ -1,111 +1,8 @@
 ---
 layout: default
+source: es6
 title: ES6
 ---
 
-# ES6 i io.js
-
-io.js bruker moderne versjoner av [V8](https://code.google.com/p/v8/).
-Ved å holde prosjektet oppdatert med de siste versjonene av V8 sørger
-vi for at nye funksjoner fra [JavaScript 
-ECMA-262 spesifikasjonen](http://www.ecma-international.org/publications/standards/Ecma-262.htm)
-er tilgjengelig for io.js utviklere innen rimelig tid. I tillegg vil sikkerhets-
-og ytelesesforbedringer komme raskt.
-
-Versjon {{ site.iojs_version }} av io.js kommer med V8 versjon {{ site.v8_version }}, denne
-inkluderer ES6-funksjoner godt forbi versjon 3.28.73 som vil bli levert med
-Node.js™ 0.12.x.
-
-## Slutt på --harmony-flagget
-
-Med Node.js™@0.12.x (V8 3.28+) aktiverte  `--harmony`-flagget ES6-funksjonene
-**completed**, **staged** og **in progress** (med unntak av `proxies` som
-ble skjult ved bruk av `--harmony-proxies`). Dette resulterte i at ustabile, eller
-til og med ødelagte, funksjoner som
-[Arrow Functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
-var like tilgjengelig for utviklere som 
-[generators](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*),
-som hadde veldig få, eller ingen, kjente problemer. Følgelig var det sikrest
-å aktivere enten et fåtall funksjoner ved å bruke spesifikke harmony-flagg (f.eks.
-`--harmony-generators`), eller aktivere dem alle og deretter bare bruke
-en begrenset delmengde.
-
-Med io.js@1.x (V8 4.1+) forsvinner all denne kompleksiteten. Alle harmony-funksjoner
-er nå logisk fordelt inn i tre grupper for **shipping**-, **staged**- og **in
-progress**-funksjoner:
-
- * Alle **shipping**-funksjoner, som V8 har vurdert som stabile, for eksempel <a
-   href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*">generators</a>,
-   <a
-   href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings">templates</a>,
-   <a
-   href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla#Additions_to_the_String_object">new
-   string methods</a> og mange flere er nå skrudd **på som standard i io.js** og
-   krever  **INGEN** flagg.
- * Deretter er det **staged**-funksjoner, som er nesten fullførte funksjoner som ikke
-   har blitt fullstendig testet eller oppdatert i henhold til den siste spesifikasjonen
-   enda. Følgelig er de ikke ansett som stabile av V8 laget (f.eks. kan det være
-   noen 'edge cases' som ikke har blitt oppdaget). Dette er mest sannsynlig 
-   ekvivalent med tilstanden til 
-   <a
-   href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*">generators</a>
-   i 3.26. Disse er "bruk på egen risiko" funksjoner som nå krever flagget
-   : `--es_staging` (eller synonymet, `--harmony`).
- * Til slutt, alle **in progress**-funksjoner kan bli aktivert individuelt
-   av deres respektive harmony-flagg (f.eks. `--harmony_arrow_functions`), selv om
-   dette ikke er anbefalt med mindre det brukes til testing.
-
-## Hvilke ES6-funksjoner følger med io.js som standard (uten å bruke flagg)?
-
- * Block scoping
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let">let</a>
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const">const</a>
-   * `function`-in-blocks
-
-Fra og med v8 3.31.74.1, er block-scoped declarations <a
-href="https://groups.google.com/forum/#!topic/v8-users/3UXNCkAU8Es">forsettlig
-implementert med en ikke-kompatibel begrensning til strict modus kode.</a> 
-Utviklere bør være klar over at dette vil endres i takt med V8 sin implementasjon
-av ES6-spesifikasjonen.
-
- * Collections
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map">Map</a>
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap">WeakMap</a>
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set">Set</a>
-   * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet">WeakSet</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function*">Generators</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Numeric_literals">Binary and Octal literals</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla#Additions_to_the_String_object">New String methods</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol">Symbols</a>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings">Template strings</a>
-
-Du kan se en mer detaljert liste med sammenligninger opp mot andre motorer på prosjektsiden til
-<a href="https://kangax.github.io/compat-table/es6/">compat-table</a>.
-
-## Hvilke ES6-funksjoner ligger i --es_staging-flagget?
-
- * <a href="https://github.com/lukehoban/es6features#classes">Classes</a> (strict mode only)
- * <a href="https://github.com/lukehoban/es6features#enhanced-object-literals">Object literal extensions</a></li>
- * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol">`Symbol.toStringTag`</a> (user-definable results for `Object.prototype.toString`)
-
-## Jeg bruker --harmony-flagg i produksjon. Burde jeg fjerne det?
-
-Den nåværende oppførselen til `--harmony`-flagget i io.js er å kun aktivere
-**staged**-funksjoner. Dette er tross alt nå synonymt med `--es_staging`.
-Som nevnt ovenfor er dette fullførte funksjoner som enda ikke er ansett
-som stabile enda. Hvis du ønsker å være på den sikre siden, kanskje spesielt
-med tanke på produksjonsmiljøer, bør du vurdere å fjerne dette flagget inntil
-det leveres som standard av V8 og io.js. Hvis du fortsetter å ha flagget aktivert
-bør du være forberedt på at nyere io.js-oppgraderinger kan ødelegge koden din
-dersom V8 endrer semantikken sin til å være mer lik standarden.
-
-## Hvordan finner jeg ut hvilken versjon av V8 en gitt io.js versjon har?
-io.js har en enkel måte å liste alle avhengigheter/dependencies og versjoner
-av en gitt binær med det globale objektet `process`. For å finne-V8 versjonen
-kan du skrive følgende i terminalen:
-
-```
-iojs -p process.versions.v8
-```
+{% include_relative content/es6.md %}
 
diff --git a/faq.md b/faq.md
@@ -1,74 +1,8 @@
 ---
 layout: default
+source: faq
 title: faq
 ---
 
-# FAQ
-
-<a id="hva-er-iojs"></a>
-
-## Hva er io.js?
-
-[io.js]({{ site.iojs_url }}) er en JavaScript-plattform bygget på [Chromes
-V8-kjøremiljø](http://code.google.com/p/v8/). Prosjektet begynte som en fork av
-[Joyents Node.js™](https://nodejs.org/) og er kompatibel med
-[npm's](https://www.npmjs.com/) økosystem.
-
-## Hvorfor?
-
-io.js ønsker å tilby raskere og mer forutsigbare lanseringer. For øyeblikket
-inkluderes de nyeste språk-, API-, og ytelsesforbedringene til V8, samtidig som
-libuv og andre grunnbiblioteker blir oppdatert.
-
-Dette prosjektet ønsker å fortsette utviklingen av io.js under en [åpen
-styringsmodell]({{ iojs_governance }}), i motsetning til å bli forvaltet av et
-selskap.
-
-<a id="versjonering"></a>
-
-## Versjon 1.0.x?
-
-io.js har adoptert [Semver](http://semver.org/), og endringene mellom Node.js™
-0.10 og io.js 1.0.0 var signifikante nok til å rettferdiggjøre en ny
-hovedversjon.
-
-Vår [ENDRINGSLOGG]({{ site.iojs_changelog }}) for v1.x gir deg [et sammendrag av
-endringene mellom Node.js™ v0.10.35 og io.js v1.0.x]({{ site-iojs_v1changes }}).
-
-<a id="hvordan-kan-jeg-bidra"></a>
-
-## Hvordan kan jeg bidra?
-
-Alle kan hjelpe til! io.js tar i bruk følgende [retningslinjer for
-oppførsel]({{site.iojs_coc}}). Bidragsytere, lanseringer og eierskap er
-underlagt en [åpen styringsmodell]({{ site.iojs_governance }}).
-
-For å komme i gang finnes det flere åpne [diskusjoner på
-GitHub]({{site.iojs_issues}}) hvor vi gjerne tar i mot dine tilbakemeldinger.
-Det å involvere seg i diskusjoner er en god måte å finne ut av hvordan du kan
-bidra videre. [Lag gjerne en pull
-request]({{site.iojs_contribute}}#code-contributions) om det er noe du føler du
-kan ta tak i. I tillegg er det å bruke [http://nodebug.me/](Nodebug.me) en
-ypperlig måte å hjelpe til med å bestemme prioritering av problemer i
-produktkøen.
-
-<a id="hvor-tar-diskusjoner-plass"></a>
-
-## Hvor tar diskusjoner plass?
-
-I tillegg til den offisielle #io.js-kanalen på Freenode finnes det en norsk
-[Gitter-kanal](https://gitter.im/iojs/iojs-no). Førstnevnte føres det logger av,
-som du kan finne [her](http://logs.libuv.org/io.js/latest).
-
-<a id="hva-er-en-aapen-styringsmodell"></a>
-
-## Hva innebærer en åpen styringsmodell?
-
-En åpen styringsmodell viderefører filosofiene bak bevegelsene for åpen
-kildekode og åpent innehold. Dette lar så mange som mulig bidra til
-sluttproduktet, som med et wiki-dokument. Lovgivningen er demokratisk åpnet, for
-å ta i bruk den kollektive visdommen for å styrke beslutningsprosessen, samt
-demokratiet i seg selv.
-
-Kilde (engelsk): https://en.wikipedia.org/wiki/Open-source_governance
+{% include_relative content/faq.md %}
 
diff --git a/index.md b/index.md
@@ -1,48 +1,8 @@
 ---
 title: JavaScript I/O
+source: index
 layout: default
 ---
 
-# {{ page.title }}
-
-<p class="lead">
-  Bringer <a href="es6.html">ES6</a> til Node-fellesskapet!
-</p>
-<p class="lead">
-  <a href="https://iojs.org/">io.js</a> er en <a
-    href="https://www.npmjs.org/">npm</a>-kompatibel platform opprinnelig basert på <a href="https://nodejs.org/">node.js</a>&#8482;.
-</p>
-
-<div class="release">
-  <a href="https://iojs.org/dist/v{{ site.iojs_version }}/" class="release-logo-link">
-    <img class="release-logo" src="images/1.0.0.png" alt="io.js" />
-  </a>
-
-  <div class="release-details">
-    <span class="release-version">
-      <!-- {{ site.iojs_release }} -->
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}/">
-        Versjon {{ site.iojs_version }}
-      </a>
-    </span>
-    <br>
-    <span class="release-downloads">
-      Last ned til
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}/iojs-v{{ site.iojs_version }}-linux-x64.tar.xz">Linux</a>,
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}/iojs-v{{ site.iojs_version }}-x86.msi">Win32</a>,
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}/iojs-v{{ site.iojs_version }}-x64.msi">Win64</a>,
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}/iojs-v{{ site.iojs_version }}.pkg">Mac</a>, eller
-      <a href="https://iojs.org/dist/v{{ site.iojs_version }}">andre</a>
-    </span>
-    <br>
-    <span class="release-changelog">
-      <a href="{{ site.iojs_changelog }}">Se endringer (engelsk)</a>
-    </span>
-  </div>
-</div>
-
-<p class="lead">
-  <a href="https://iojs.org/download/nightly/">Nattlige bygg</a> er tilgjengelig for testing.<br>
-  <a href="/faq.html">Ofte stilte spørsmål</a>
-</p>
+{% include_relative content/index.md %}
 
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -0,0 +1,3 @@
+.content.left {
+  text-align: left;
+}
diff --git a/static/css/es6.css b/static/css/es6.css
@@ -0,0 +1 @@
+[markdown-page=es6]{display:block}
diff --git a/static/css/faq.css b/static/css/faq.css
@@ -0,0 +1 @@
+[markdown-page=es6]{display:block}
diff --git a/static/css/index.css b/static/css/index.css
@@ -0,0 +1,92 @@
+[markdown-page=index] .content p:nth-child(2) {
+    text-align: center
+}
+
+[markdown-page=index] .content p:nth-child(3) {
+    text-align: center;
+    margin-bottom: 40px
+}
+
+[markdown-page=index] .content p:nth-child(4) {
+    position: relative;
+    background: #eee;
+    border-radius: 4px 0 0 4px;
+    margin: 0;
+    padding: 20px 16px 20px 24px;
+    padding-bottom: 15px;
+    min-height: 160px;
+    display: block;
+    float: left;
+    height: 165px;
+    max-height: 165px
+}
+
+[markdown-page=index] .content p:nth-child(4) a:hover {
+    background: transparent
+}
+
+[markdown-page=index] .content p:nth-child(4) a img {
+    height: 120px
+}
+
+[markdown-page=index] .content p:nth-child(5), [markdown-page=index] .content p:nth-child(6), [markdown-page=index] .content p:nth-child(7) {
+    position: relative;
+    background: #eee;
+    margin: 0;
+    padding: 20px;
+    display: block;
+    float: left;
+    width: 440px
+}
+
+[markdown-page=index] .content p:nth-child(5) a, [markdown-page=index] .content p:nth-child(6) a, [markdown-page=index] .content p:nth-child(7) a {
+    text-decoration: none
+}
+
+[markdown-page=index] .content p:nth-child(5) a:hover, [markdown-page=index] .content p:nth-child(6) a:hover, [markdown-page=index] .content p:nth-child(7) a:hover {
+    background: transparent;
+    text-decoration: underline
+}
+
+[markdown-page=index] .content p:nth-child(5) {
+    display: block;
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #000;
+    height: 85px;
+    max-height: 85px;
+    border-radius: 0 4px 0 0
+}
+
+[markdown-page=index] .content p:nth-child(6) {
+    color: rgba(0, 0, 0, .5);
+    font-size: .9rem;
+    padding-top: 0;
+    padding-bottom: 0;
+    height: 28px;
+    max-height: 28px
+}
+
+[markdown-page=index] .content p:nth-child(7) {
+    padding-top: 0;
+    height: 52px;
+    max-height: 52px;
+    border-radius: 0 0 4px
+}
+
+[markdown-page=index] .content p:nth-child(8), [markdown-page=index] .content p:nth-child(9) {
+    display: block;
+    float: left;
+    width: 100%;
+    text-align: center
+}
+
+[markdown-page=index] .content p:nth-child(8) {
+    margin-top: 40px;
+    margin-bottom: 0
+}
+
+[markdown-page=index] .content p:nth-child(9) {
+    margin-top: 0
+}
+