From c1e4609c658abc93c599f0cc9915567e97ccca27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Sun, 12 May 2019 01:09:12 +0200
Subject: [PATCH] update contens

---
 components/Search.vue       |  2 +-
 components/Sidebar.vue      |  2 +-
 pages/communities/index.vue | 39 +++++++++++++++++++++++++++++
 pages/design/index.vue      | 10 ++++++++
 pages/index.vue             |  6 +++--
 pages/servers/index.vue     | 50 +++++++++++++++++++++++++++++++++++++
 6 files changed, 105 insertions(+), 4 deletions(-)
 create mode 100644 pages/communities/index.vue
 create mode 100644 pages/servers/index.vue

diff --git a/components/Search.vue b/components/Search.vue
index be0d895..af4a3af 100644
--- a/components/Search.vue
+++ b/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">
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 7ed1d2a..7438778 100644
--- a/components/Sidebar.vue
+++ b/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>
 
 
diff --git a/pages/communities/index.vue b/pages/communities/index.vue
new file mode 100644
index 0000000..4feebca
--- /dev/null
+++ b/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>
diff --git a/pages/design/index.vue b/pages/design/index.vue
index d57fec9..2ad5c25 100644
--- a/pages/design/index.vue
+++ b/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'
+        },
       ]
     }
   },
diff --git a/pages/index.vue b/pages/index.vue
index d779abb..6e09fda 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,9 +4,11 @@ div
     h1.text-black.font-bold.text-xl.mb-2 What is &nbsp;
       span.text-teal webgems 💎&nbsp;
       | ?
-    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&nbsp;
-      a(href="https://twitter.com/lostdesign") @lostdesign
+      a(href="https://twitter.com/lostdesign") @lostdesign&nbsp;
+      | or join&nbsp;
+      a(href="https://discord.gg/Bjgjdrr") my discord server
 
 </template>
 
diff --git a/pages/servers/index.vue b/pages/servers/index.vue
new file mode 100644
index 0000000..b41e604
--- /dev/null
+++ b/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>