Merge branch 'development' of github.com:threefoldtech/www_partners_v2 into development

content/site/navigation.json

@@ -10,6 +10,11 @@
       "link": "/people",
       "external": false
     },
+    {
+      "name": "Overview",
+      "link": "/overview",
+      "external": false
+    },
     {
       "name": "News",
       "link": "/news",

gridsome.server.js

@@ -87,6 +87,16 @@ module.exports = function (api) {
       })
     })
 
+    api.createPages(({ createPage }) => {
+      createPage({
+        path: '/overview',
+        component: './src/templates/Overview.vue',
+        context: {
+          private: private
+        }
+      })
+    })
+
     api.createPages(async ({
       graphql,
       createPage

src/components/SearchListItem.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex px-0 sm:px-4 pb-8 mb-8"
+    class="flex search-post px-0 sm:px-4 pb-8 mb-8"
     v-bind:class="{ 'no-border': !border }"
   >
     <g-link :to="record.path" class="post-card-image-link">
@@ -100,6 +100,13 @@ export default {
 
 .flex-post {
   flex-direction: row;
+  
+}
+.search-post{
+  border-bottom-width: 1px;
+  border-bottom-color: #e2e8f0;
+  
+  width: 100%;
 }
 
 .post-card-image {

src/templates/Overview.vue

@@ -0,0 +1,67 @@
+<template>
+  <Layout>
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
+      <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
+        <PostListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
+      </div>
+    </div>
+  </Layout>
+</template>
+
+<page-query>
+
+query ($private: Int){
+  entries: allProject (sortBy: "rank", order: DESC, filter: { private: { ne: $private }}){
+    totalCount
+    edges {
+      node {
+        title
+        path
+        members {
+          id
+          name
+          image(width:64, height:64, fit:inside)
+          path
+        },
+        tags {
+          id
+          title
+          path
+        }  
+        rank
+        linkedin
+        startDate : startdate(format:"MM YYYY")
+        humanTime : created(format:"DD MMMM YYYY")
+        datetime : created(format:"ddd MMM DD YYYY hh:mm:ss zZ")
+        status
+        excerpt
+        image(width:800)
+        path
+        timeToRead
+       
+      }
+    }
+  }
+}
+
+</page-query>
+
+<script>
+import PostListItem from '~/components/PostListItem.vue';
+import Pagination from "~/components/Pagination.vue";
+
+export default {
+  metaInfo: {
+    title: "Projects"
+  },
+  components: {
+    PostListItem,
+    Pagination
+  },
+  computed: {
+    baseurl: function() {
+     return "/projects/"
+    }
+  },
+};
+</script>

src/templates/Search.vue

@@ -18,8 +18,8 @@
         />
       </div>
       <div v-else class="flex flex-col with-large my-auto text-center">
-        <h1>404</h1>
-        <p>OOPS! Something went wrong here</p>
+        <h1 class="py-1">No results</h1>
+        <p class="pb-5">OOPS! Something went wrong here</p>
       </div>
     </div>
   </Layout>
@@ -159,6 +159,6 @@ export default {
 
 <style scoped>
 h1 {
-  font-size: 13rem;
+  font-size: 3rem;
 }
 </style>