init project

pages/README.md

@@ -0,0 +1,6 @@
+# PAGES
+
+This directory contains your Application Views and Routes.
+The framework reads all the `*.vue` files inside this directory and creates the router of your application.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).

pages/css/index.vue

@@ -0,0 +1,10 @@
+<template lang="pug">
+  h1 CSS resources
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>

pages/html/index.vue

@@ -0,0 +1,10 @@
+<template lang="pug">
+  h1 HTML resources
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>

pages/index.vue

@@ -0,0 +1,30 @@
+<template lang="pug">
+div(class="lg:flex lg:justify-center lg:content-center")
+  main.flex-col.max-w-md(class="lg:flex lg:justify-center lg:content-center")
+    h1.text-black.font-bold.text-xl.mb-2 What &nbsp;
+      span.text-teal webgems 💎&nbsp;
+      | is you may ask?
+    p.text-grey-darker.text-base.mb-8
+      | As of now, it's a currated list of resources for developers and designers. If you want to suggest a resource, go ahead and contact me&nbsp;
+      a(href="https://twitter.com/lostdesign") @lostdesign
+
+    ul.list-reset.flex
+      li.mr-6
+        nuxt-link.text-blue(class='hover:text-blue-darker' to='/html') HTML
+      li.mr-6
+        nuxt-link.text-blue(class='hover:text-blue-darker' to='/css') CSS
+      li.mr-6
+        nuxt-link.text-blue(class='hover:text-blue-darker' to='/javascript') Javascript
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+main {
+  width: 100%;
+  height: 100vh;
+}
+</style>

pages/javascript/index.vue

@@ -0,0 +1,10 @@
+<template lang="pug">
+  h1 JS resources
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss" scoped>
+</style>