Fix

src/templates/Projects.vue

@@ -0,0 +1,80 @@
+<template>
+  <Layout>
+    <div
+      class="container sm:pxi-0 mx-auto overflow-x-hidden"
+      :style="{ 'min-height': contentHeight + 'px' }"
+    >
+      <div class="flex flex-wrap with-large projects 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 }}, tags: { id: {in: ["tech", "foundation"]}}){
+    totalCount
+    edges {
+      node {
+        title
+        path
+        members {
+          id
+          name
+          image(width:64, height:64, fit:inside)
+          path
+        },
+        rank
+        linkedin
+        excerpt
+        image(width:800)
+        path
+        timeToRead
+        logo
+      }
+    }
+  }
+
+  memberships: allProjectTag{
+     edges{
+      node{
+        id
+        title
+        path
+      }
+    }
+  }
+}
+
+</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/";
+    },
+    contentHeight() {
+      if (process.isClient) {
+        return window.innerHeight - 100;
+      }
+    },
+  },
+};
+</script>

src/templates/Team.vue

@@ -0,0 +1,69 @@
+<template>
+  <Layout>
+    <!-- <TagFilterHeader :tags="memberships" selected="all" v-if="$page.memberships.edges.length > 1"/> -->
+    <div class="container sm:pxi-0 mx-auto mt-8 overflow-x-hidden">
+      <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
+        <PostListItem
+          v-for="person in $page.entries.edges"
+          :key="person.id"
+          :record="person.node"
+        />
+      </div>
+    </div>
+  </Layout>
+</template>
+
+<page-query>
+query ($private: Int){
+  entries: allPerson (sortBy: "rank", order: DESC, filter: { private: { ne: $private }, memberships: { id: {in: ["foundation", "tech"]}}}){
+    totalCount
+    edges {
+      node {
+        path
+        content
+        excerpt
+        name
+        rank
+        bio
+        linkedin
+        websites
+        countries
+        cities
+        image(width:800)
+        private
+      }
+    }
+  }
+
+  memberships: allMembership(filter: {title: {in: ["foundation", "tech"]}}){
+     edges{
+      node{
+        id
+        title
+        path
+      }
+    }
+  }
+}
+</page-query>
+
+<script>
+import PostListItem from "~/components/custom/Cards/PostListItem.vue";
+import TagFilterHeader from "~/components/custom/TagFilterHeader.vue";
+
+export default {
+  components: {
+    PostListItem,
+    TagFilterHeader,
+  },
+  computed: {
+    memberships() {
+      var res = [{ title: "All", path: "/team" }];
+      this.$page.memberships.edges.forEach((edge) =>
+        res.push({ title: edge.node.title, path: edge.node.path })
+      );
+      return res;
+    },
+  },
+};
+</script>