From 344c33d9e3963b90c544c92d34e5facc27d3b229 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Sun, 12 May 2019 02:45:16 +0200
Subject: [PATCH] add content

---
 components/Sidebar.vue     |  2 ++
 pages/general/index.vue    | 41 ++++++++++++++++++++++++++++++++++++++
 pages/javascript/index.vue |  5 +++++
 pages/php/index.vue        | 35 ++++++++++++++++++++++++++++++++
 pages/tools/index.vue      |  7 ++++++-
 5 files changed, 89 insertions(+), 1 deletion(-)
 create mode 100644 pages/general/index.vue
 create mode 100644 pages/php/index.vue

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 24f924e..84ac790 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -1,8 +1,10 @@
 <template lang="pug">
   aside.sidebar
+    nuxt-link(to="/general") General
     nuxt-link(to="/html") HTML
     nuxt-link(to="/css") CSS
     nuxt-link(to="/javascript") Javascript
+    nuxt-link(to="/php") PHP
     nuxt-link(to="/design") Designs
     nuxt-link(to="/servers") Servers
     nuxt-link(to="/tools") Tools
diff --git a/pages/general/index.vue b/pages/general/index.vue
new file mode 100644
index 0000000..8eeb8f9
--- /dev/null
+++ b/pages/general/index.vue
@@ -0,0 +1,41 @@
+<template lang="pug">
+  div
+    h1 General
+    .cards
+      template(v-for='resource in resources')
+        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
+</template>
+
+<script>
+import Card from '../../components/Card'
+
+export default {
+  data() {
+    return {
+      resources: [
+        {
+          title: 'Developer Roadmap',
+          desc: 'Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.',
+          url: 'https://github.com/kamranahmedse/developer-roadmap/blob/master/readme.md'
+        },
+        {
+          title: 'Google Developer',
+          desc: 'Tutorials, guides, and best practices for building the next generation of web experiences.',
+          url: 'https://developers.google.com/web/'
+        },
+      ]
+    }
+  },
+  components: {
+    Card
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  margin-bottom: 2rem;
+}
+</style>
+
+
diff --git a/pages/javascript/index.vue b/pages/javascript/index.vue
index 4f1372a..6d9b29d 100644
--- a/pages/javascript/index.vue
+++ b/pages/javascript/index.vue
@@ -23,6 +23,11 @@ export default {
           desc: 'A vanilla JS roadmap, along with learning resources and project ideas to help you get started.',
           url: 'https://learnvanillajs.com/'
         },
+        {
+          title: 'Javascript Info',
+          desc: 'How it\'s done now. From the basics to advanced topics with simple, but detailed explanations.',
+          url: 'https://javascript.info/'
+        },
       ]
     }
   },
diff --git a/pages/php/index.vue b/pages/php/index.vue
new file mode 100644
index 0000000..6914ed3
--- /dev/null
+++ b/pages/php/index.vue
@@ -0,0 +1,35 @@
+<template lang="pug">
+  div
+    h1 PHP
+    .cards
+      template(v-for='resource in resources')
+        Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
+</template>
+
+<script>
+import Card from '../../components/Card'
+
+export default {
+  data() {
+    return {
+      resources: [
+        {
+          title: 'PHP the right way',
+          desc: 'There’s a lot of outdated information on the Web that leads new PHP users astray, propagating bad practices and insecure code. PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.',
+          url: 'https://phptherightway.com'
+        },
+      ]
+    }
+  },
+  components: {
+    Card
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  margin-bottom: 2rem;
+}
+
+</style>
diff --git a/pages/tools/index.vue b/pages/tools/index.vue
index fe41fe3..9a18d2b 100644
--- a/pages/tools/index.vue
+++ b/pages/tools/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   div
-    h1 Servers
+    h1 Tools
     .cards
       template(v-for='resource in resources')
         Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
@@ -18,6 +18,11 @@ export default {
           desc: 'Random JSON generator for your project - because debugging without data, does not make sense!',
           url: 'https://www.json-generator.com'
         },
+        {
+          title: 'Fathom',
+          desc: 'Fathom Analytics provides simple, useful website stats without tracking or storing personal data of your users.',
+          url: 'https://usefathom.com'
+        },
       ]
     }
   },