update contens

components/Search.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  input.search(placeholder="Search")
+  input.search(placeholder="Search (does not work currently, sorry)")
 </template>
 
 <style lang="scss">

components/Sidebar.vue

@@ -4,9 +4,9 @@
     nuxt-link(to="/css") CSS
     nuxt-link(to="/javascript") Javascript
     nuxt-link(to="/design") Designs
-    nuxt-link(to="/devops") Devops
     nuxt-link(to="/servers") Servers
     nuxt-link(to="/communities") Communities
+    small And many more to come :)
 </template>
 
 

pages/communities/index.vue

@@ -0,0 +1,39 @@
+<template lang="pug">
+  div
+    h1 Communities
+    .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: 'Devcord',
+          desc: 'A community of developers and designers helping each other. ',
+          url: 'https://devcord.com'
+        },
+      ]
+    }
+  },
+  components: {
+    Card
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  margin-bottom: 2rem;
+}
+.cards {
+  display:grid;
+  grid-template-columns: repeat(4, 20%);
+  grid-gap: 3rem;
+}
+</style>

pages/design/index.vue

@@ -18,6 +18,16 @@ export default {
           desc: 'Free vector illustrations for your website.',
           url: 'https://undraw.co'
         },
+        {
+          title: 'Practical UI tips',
+          desc: '7 Tips to boost your UI design.',
+          url: 'https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886'
+        },
+        {
+          title: 'UI tips',
+          desc: 'Design tips by Steve Schoger',
+          url: 'https://twitter.com/i/moments/880688233641848832'
+        },
       ]
     }
   },

pages/index.vue

@@ -4,9 +4,11 @@ div
     h1.text-black.font-bold.text-xl.mb-2 What is  
       span.text-teal webgems 💎 
       | ?
-    p As of now, it's a currated list of resources for developers and designers.
+    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
+      a(href="https://twitter.com/lostdesign") @lostdesign 
+      | or join 
+      a(href="https://discord.gg/Bjgjdrr") my discord server
 
 </template>
 

pages/servers/index.vue

@@ -0,0 +1,50 @@
+<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: 'Netlify',
+          desc: 'Free static hosting with privacy in mind!',
+          url: 'https://netlify.com'
+        },
+        {
+          title: 'Github Pages',
+          desc: 'Free static hosting by Github.',
+          url: 'https://pages.github.com'
+        },
+        {
+          title: 'Namecheap',
+          desc: 'Domains for your projects',
+          url: 'https://namecheap.com'
+        },
+
+      ]
+    }
+  },
+  components: {
+    Card
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  margin-bottom: 2rem;
+}
+.cards {
+  display:grid;
+  grid-template-columns: repeat(4, 20%);
+  grid-gap: 3rem;
+}
+</style>