JSRocksHQ · jaydson · Dec 18, 2014 · Dec 23, 2014
diff --git a/harmonic.json b/harmonic.json
@@ -9,7 +9,7 @@
     "template": "2.0",
     "preprocessor": "stylus",
     "posts_permalink" : ":language/:year/:month/:title",
-    "pages_permalink": "pages/:title",
+    "pages_permalink": ":language/pages/:title",
     "header_tokens": [
         "<!--",
         "-->"

diff --git a/src/pages/cn/videos.md b/src/pages/cn/videos.md
@@ -0,0 +1,11 @@
+<!--
+layout: page
+title: video-cn
+date: 2014-12-18T18:55:35.424Z
+comments: true
+published: true
+keywords:
+description:
+categories:
+-->
+# Videos ingles
diff --git a/src/pages/en/videos.md b/src/pages/en/videos.md
@@ -0,0 +1,22 @@
+<!--
+layout: page
+title: videos en
+date: 2014-12-18T18:55:35.424Z
+comments: true
+published: true
+keywords:
+description:
+categories:
+-->
+# Videos en 
+Loren ipsun Loren ipsunLoren ipsunLoren ipsunLoren ipsunLoren ipsun  
+Loren ipsunLoren ipsunLoren ipsunLoren ipsun  
+Loren ipsunLoren ipsunLoren ipsun  
+Loren ipsunLoren ipsunLoren ipsunLoren ipsun   
+Loren ipsun Loren ipsun  
+
+Loren ipsun  
+Loren ipsun
+Loren ipsunLoren ipsun
+
+# Loren ipsun
diff --git a/src/pages/pt-br/videos.md b/src/pages/pt-br/videos.md
@@ -0,0 +1,33 @@
+<!--
+layout: page
+title: videos pt-br
+date: 2014-12-18T18:55:35.424Z
+comments: true
+published: true
+keywords:
+description:
+categories:
+-->
+# Videos portugues  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+v
+asdas asddas dasdas dasd asd as das d  
+
+v
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
+
+
+asdas asddas dasdas dasd asd as das d  asdas asddas dasdas dasd asd as das d  
+
+asdas asddas dasdas dasd asd as das d  
+asdas asddas dasdas dasd asd as das d  
diff --git a/src/templates/2.0/config.json b/src/templates/2.0/config.json
diff --git a/src/templates/2.0/harmonic.json b/src/templates/2.0/harmonic.json
@@ -0,0 +1,95 @@
+{
+    "mycustomdata" : "wow",
+    "foo" : "bar",
+    "baz" : ["a","b"],
+    "videos": [{
+        "title" : "Jack Franklin: ES6: JavaScript, grown up - EpicFEL 2014",
+        "url": "//www.youtube.com/embed/mPq5S27qWW8",
+        "date": "2014-12-23T17:14:37.232Z",
+        "categories": ["overview"]
+    },
+    {
+    	"title" : "Practical Workflows for ES6 Modules, Fluent 2014",
+    	"url": "//www.youtube.com/embed/0VUjM-jJf2U",
+        "date": "2014-12-18T17:14:37.232Z",
+        "categories": ["modules"]
+    },
+    {
+    	"title" : "Package Management for ES6 Modules [JSConf2014]",
+    	"url": "//www.youtube.com/embed/szJjsduHBQQ",
+        "date": "2014-12-18T17:14:37.232Z",
+        "categories": ["modules"]
+    },
+    {
+        "title" : "ECMAScript 6, A Better JavaScript for the Ambient Web Era",
+        "url": "//www.youtube.com/embed/ZGY8Cktn6W4",
+        "date": "2014-12-18T17:14:37.232Z",
+        "categories": ["overview"]
+    },
+    {
+        "title" : "ECMAScript 6: what's next for JavaScript",
+        "url": "//www.youtube.com/embed/G21rdWfa_as",
+        "date": "2014-12-18T17:14:37.232Z",
+        "categories": ["overview"]
+    },
+    {
+        "title" : "ES6 Uncensored",
+        "url": "//www.youtube.com/embed/9WJ8pQHhOm8",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]  
+    },
+    {
+        "title" : "ES6 Right Now",
+        "url": "//www.youtube.com/embed/rwm5JLqCpdk",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]  
+    },
+    {
+        "title" : "ES6: The future is now",
+        "url": "//www.youtube.com/embed/RPBnvQBkPPY",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]  
+    },
+    {
+        "title" : "The Lesser Known Features of ES6",
+        "url": "//www.youtube.com/embed/Nk5Hw2Jmz0Q",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]  
+    },
+    {
+        "title" : "Javascript Generators - THEY CHANGE EVERYTHING",
+        "url": "//www.youtube.com/embed/QO07THdLWQo",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["generators","tutorial"]
+    },
+    {
+        "title" : "Douglas Crockford: The Better Parts - JSConfUY 2014",
+        "url": "//www.youtube.com/embed/bo36MrBfTk4",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]
+    },
+    {
+        "title" : "Hanging Up On Callbacks: Using ECMAScript 6 Generators",
+        "url": "//www.youtube.com/embed/OYdP1tQ9Rnw",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["generators"]
+    },
+    {
+        "title" : "Understanding Javascript Generators",
+        "url": "//www.youtube.com/embed/YrZyAn0yCb8",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["generators","tutorial"]
+    },
+    {
+        "title" : "Jeremy Ashkenas - JS.Next and CoffeeScript (FutureJS 2014)",
+        "url": "//www.youtube.com/embed/TiLJKpzlOeY",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]
+    },
+    {
+        "title" : "Jeremy Ashkenas: CoffeeScript as a JS/Next",
+        "url": "//www.youtube.com/embed/QTj6Q_zV1yg",
+        "date": "2014-12-02T18:14:37.232Z",
+        "categories": ["overview"]
+    }]
+}
diff --git a/src/templates/2.0/page.html b/src/templates/2.0/page.html
@@ -1,30 +1,72 @@
-<!doctype html>
-<html lang="pt-br">
-<head>
-    <meta charset="UTF-8">
-    <title>{{ page.metadata.title }} - {{ config.title }}</title>
-    <link rel="shortcut icon" type="image/png" href="/img/favicon.png"/>
-    <meta name="viewport" content="width=device-width">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta property="og:image" content="http://es6rocks.com/images/es6rocks.png" />
-    <link rel="stylesheet" href="/css/vendor/normalize.min.css" />
-    <link rel="stylesheet" href="/css/main.css">
-</head>
-<body>
-{% include "partials/navigation.html" %}
-<body>
-	<header class="postContent__title">
-	    <h2>
-	      {{ page.metadata.title }}
-	    </h2>
-	</header>
-
-	<article class="postContent">
-		{{ page.content }}
-
-		{% include "partials/disqus.html" %}
-	</article>
-
-	{% include "partials/footer.html" %}
-</body>
+<!DOCTYPE html>
+<html>
+    <head>
+        <!-- meta -->
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="description" content="Articles, updates, tools, News and tutorials about ECMA6: Harmony">
+        <meta name="keywords" content="News, tools, updates, tutorials, articles, ES6, JavaScript, harmony, ecma6, ecma">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>{{ config.title }}</title>
+        <link rel="shortcut icon" type="image/png" href="/img/favicon.png"/>
+        <!-- /meta -->
+
+        <!-- normalize/modernize -->
+        <script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+        <!-- /normalize/modernize -->
+
+        <!-- social -->
+        <meta property="og:image" content="http://es6rocks.com/images/es6rocks.jpg" />
+        <meta property="og:title" content="ES6Rocks" />
+        <meta property="og:description" content="Articles and News about ECMA6: Harmony" />
+        <!-- TODO: add twitter card and Google+ meta tags -->
+        <!-- /social -->
+
+        <!-- style -->
+        <link rel="stylesheet" href="/css/vendor/normalize.min.css" />
+        <link rel="stylesheet" href="/css/main.css" />
+        <!-- /style -->
+
+    </head>
+    <body data-page-type="home">
+
+        {% include "partials/header.html" %}
+
+        <div class="main-container">
+            <div class="main wrapper clearfix">
+                <div class="decorator-line dl-3"></div>
+                <div class="decorator-line dl-4"></div>
+
+                {% for video in config.videos %}
+
+                    <article>
+                        <asside class="article-share" data-post-url="/{{post.link}}">
+                            <a class="icon fb-share btn-share" target="_blank">Share on Facebook</a>
+                            <a class="icon tt-share btn-share">Share on Twitter</a>
+                            <a class="icon gp-share btn-share" target="_blank">Share on Google Plus</a>
+                        </asside>
+
+                        <iframe width="280" height="250" style="margin-left:-10px;margin-top:-16px;" src="{{ video.url }}" frameborder="0" allowfullscreen></iframe>
+
+                        <ul class="article-tags" style="margin:-4.7rem 0px">
+                        {% for category in video.categories %}
+                            <li>
+								{{ category }}
+                            </li>
+                        {% endfor %}
+                    </ul>
+                    </article>
+                {% endfor %}
+            </div>
+
+            <div class="more-posts-wrapper wrapper clearfix">
+                <div class="decorator-line dl-5"></div>
+                <input type="button" value="More Posts" class="button btn"/><!-- ⟳ -->
+                <div class="decorator-line dl-6"></div>
+            </div>
+        </div>
+
+        {% include "partials/testimonials.html" %}
+        {% include "partials/footer.html" %}
+    </body>
 </html>