add content

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

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>
+
+

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/'
+        },
       ]
     }
   },

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>

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'
+        },
       ]
     }
   },