add resource, remove ads

components/Sidebar.vue

@@ -5,7 +5,7 @@
     nuxt-link(to="/javascript") Javascript
     nuxt-link(to="/design") Designs
     nuxt-link(to="/servers") Servers
-    nuxt-link(to="/communities") Communities
+    nuxt-link(to="/tools") Tools
     small And many more to come :)
 </template>
 

pages/index.vue

@@ -7,8 +7,8 @@ div
     p As of now, it's a curated list of resources for developers and designers.
     p If you want to suggest a resource, go ahead and contact me 
       a(href="https://twitter.com/lostdesign") @lostdesign 
-      | or join 
+      //- | or join 
-      a(href="https://discord.gg/Bjgjdrr") my discord server
+      //- a(href="https://discord.gg/Bjgjdrr") my discord server
 
 </template>
 

pages/tools/index.vue

@@ -0,0 +1,36 @@
+<template lang="pug">
+  div
+    h1 Servers
+    .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: 'JSON Generator',
+          desc: 'Random JSON generator for your project - because debugging without data, does not make sense!',
+          url: 'https://www.json-generator.com'
+        },
+      ]
+    }
+  },
+  components: {
+    Card
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  margin-bottom: 2rem;
+}
+</style>
+
+