wip

rigor789 · rigor789 · commit b89d3650b44c · 2017-12-29T17:14:23.000Z
diff --git a/build/index.js b/build/index.js
@@ -13,9 +13,9 @@ const watch = require('metalsmith-watch');
 const when = require('metalsmith-if');
 
 // custom plugins
+const link_index = require('./plugins/link_index');
 const changeExt = require('./plugins/change-ext');
 const markdown = require('./plugins/markdown');
-const partials = require('./plugins/partials');
 const layouts = require('./plugins/layouts');
 const toc = require('./plugins/toc');
 
@@ -104,6 +104,7 @@ Metalsmith(cwd)
   .use(linkcheck({
     failMissing: false
   }))
+  .use(link_index())
   // build the site
   .build((err) => {
     if (err) {
diff --git a/build/plugins/link_index.js b/build/plugins/link_index.js
@@ -0,0 +1,18 @@
+function plugin(opts) {
+
+  return function (files, metalsmith, done) {
+    const links = [];
+
+    Object.keys(files).forEach((file) => {
+      const data = files[file];
+      if(data.path) {
+        links.push(`/${data.path}`)
+      }
+    });
+
+    console.log(links);
+    done();
+  }
+}
+
+module.exports = plugin;
diff --git a/build/plugins/partials.js b/build/plugins/partials.js
diff --git a/content/index_en.ejs b/content/index_en.ejs
@@ -2,21 +2,40 @@
 layout: landing.ejs
 ---
 
-<div class="bg-blue-dark">
-    <div class="container mx-auto p-8">
-        Index
+<div class="bg-blue-light">
+    <div class="container mx-auto px-4 py-8">
+
+        <div class="w-1/2 my-8">
+            <h1 class="text-5xl leading-tight text-white">Truly native apps using Vue.js and NativeScript</h1>
+
+            <p class="w-4/5 leading-loose text-white mt-4">
+                Want to release that app you've been dreaming about
+                without the hassle of learning new languages?
+
+                NativeScript-Vue is the right choice for you!
+            </p>
+
+            <a href="#" class="px-8 py-4 inline-block bg-green text-white font-bold text-lg no-underline mt-8">
+                Get Started
+            </a>
+        </div>
+
     </div>
 </div>
 
-<div class="container mx-auto p-8">
-    <div class="flex -mx-8">
-        <div class="w-1/2 px-8 bg-grey-light">
-            <h4>Docs</h4>
-            <%- include('_partials/links', { posts: collections.blog }) %>
+<div class="container mx-auto py-8 ">
+    <div class="flex -mx-4">
+        <div class="w-1/2 px-4">
+            <div class="bg-grey-lighter p-4">
+                <h4>Docs</h4>
+                <%- include('_partials/links', { posts: collections.blog }) %>
+            </div>
         </div>
-        <div class="w-1/2 px-8 bg-grey-light">
-            <h4>Posts</h4>
-            <%- include('_partials/links', { posts: collections.docs }) %>
+        <div class="w-1/2 px-4">
+            <div class="bg-grey-lighter p-4">
+                <h4>Posts</h4>
+                <%- include('_partials/links', { posts: collections.docs }) %>
+            </div>
         </div>
     </div>
 </div>
diff --git a/layouts/_partials/header.ejs b/layouts/_partials/header.ejs
@@ -41,7 +41,7 @@
                 <div class="inline text-blue-lightest mr-4 py-4 relative group">
                     Community
 
-                    <div class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:border md:shadow md:rounded md:pin-r">
+                    <div class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:shadow md:rounded md:pin-r overflow-hidden">
                         <div class="flex flex-col">
                             <a href="#" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">GitHub</a>
                             <a href="#" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">Slack</a>
@@ -52,10 +52,10 @@
                     <svg class="w-4 h-4 fill-current -mb-px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path d="M20,10c0,-5.532 -4.488,-10 -10,-10c-5.509,0 -10,4.465 -10,10c0,5.522 4.477,10 10,10c5.52,0 10,-4.475 10,-10Zm-1.678,2.581l-4.01,0c0.277,-1.73 0.266,-3.497 0.002,-5.162l4.008,0c0.517,1.67 0.517,3.492 0,5.162Zm-8.322,6.064c-1.239,-1.118 -2.183,-2.803 -2.72,-4.774l5.44,0c-0.537,1.971 -1.481,3.656 -2.72,4.774Zm-3.006,-6.064c-0.29,-1.669 -0.297,-3.449 0.001,-5.162l6.01,0c0.298,1.712 0.291,3.492 0.001,5.162l-6.012,0Zm3.006,-11.225c1.353,1.221 2.24,3.022 2.718,4.773l-5.436,0c0.48,-1.76 1.37,-3.556 2.718,-4.773Zm7.804,4.773l-3.75,0c-0.441,-1.78 -1.184,-3.375 -2.173,-4.635c2.588,0.569 4.762,2.295 5.923,4.635Zm-9.685,-4.635c-0.989,1.26 -1.732,2.855 -2.173,4.635l-3.75,0c1.161,-2.34 3.335,-4.066 5.923,-4.635Zm-6.441,5.925l4.008,0c-0.264,1.665 -0.275,3.432 0.002,5.162l-4.01,0c-0.517,-1.67 -0.517,-3.492 0,-5.162Zm0.518,6.452l3.755,0c0.443,1.781 1.188,3.38 2.17,4.636c-2.602,-0.572 -4.77,-2.308 -5.925,-4.636Zm9.683,4.636c0.982,-1.256 1.727,-2.855 2.17,-4.636l3.755,0c-1.157,2.332 -3.327,4.065 -5.925,4.636Z" style="fill-rule:nonzero;"/></svg>
                     <span class="md:hidden">Language</span>
 
-                    <div class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:border md:shadow md:rounded md:pin-r">
+                    <div class="pl-4 mt-3 md:pl-0 md:hidden group-hover:block hover:block md:absolute md:bg-white md:shadow md:rounded md:pin-r overflow-hidden">
                         <div class="flex flex-col">
-                            <a href="#" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2" @click.prevent="switchLang('en')">en</a>
-                            <a href="#" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2" @click.prevent="switchLang('hu')">hu</a>
+                            <a href="/" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">en</a>
+                            <a href="/hu" class="no-underline text-blue-lightest md:text-blue-dark hover:bg-green hover:text-white px-4 py-2">hu</a>
                         </div>
                     </div>
                 </div>
diff --git a/layouts/_partials/links.ejs b/layouts/_partials/links.ejs
@@ -1,7 +1,7 @@
-<ul>
+<ul class="list-reset">
     <% posts.forEach((post) => { %>
     <li>
-        <a href="/<%= post.path %>"><%= post.title %></a>
+        <a class="no-underline text-green hover:underline" href="/<%= post.path %>"><%= post.title %></a>
     </li>
     <% }) %>
 </ul>
diff --git a/layouts/default.ejs b/layouts/default.ejs
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title><%= sitename %></title>
+    <link rel="stylesheet" href="https://unpkg.com/github-markdown-css@2.9.0/github-markdown.css">
     <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
diff --git a/layouts/landing.ejs b/layouts/landing.ejs
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title><%= sitename %></title>
+    <link rel="stylesheet" href="https://unpkg.com/github-markdown-css@2.9.0/github-markdown.css">
     <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
diff --git a/layouts/no_sidebar.ejs b/layouts/no_sidebar.ejs
@@ -6,6 +6,7 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title><%= sitename %></title>
+    <link rel="stylesheet" href="https://unpkg.com/github-markdown-css@2.9.0/github-markdown.css">
     <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
diff --git a/src/main.js b/src/main.js
@@ -18,9 +18,6 @@ document.addEventListener('DOMContentLoaded', () => {
       window.removeEventListener('resize', this._resizeListener)
     },
     methods: {
-      switchLang(new_lang) {
-        window.location.href = window.location.href + '/' + new_lang === 'en' ? '' : new_lang
-      }
     }
   });
 });
diff --git a/static/main.js b/static/main.js
@@ -22,10 +22,6 @@ document.addEventListener('DOMContentLoaded', function () {
       window.removeEventListener('resize', this._resizeListener);
     },
 
-    methods: {
-      switchLang: function switchLang(new_lang) {
-        window.location.href = window.location.href + '/' + new_lang === 'en' ? '' : new_lang;
-      }
-    }
+    methods: {}
   });
 });
