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

src/assets/scss/main.scss

@@ -1,194 +1,171 @@
 @tailwind base;
-
 blockquote {
-  @apply border-l;
-  @apply border-l-4;
-  @apply border-l-blue-500;
-  @apply pl-4;
-  @apply italic;
-  @apply my-8;
-
-  p {
-    padding: 0 !important;
-  }
+    @apply border-l;
+    @apply border-l-4;
+    @apply border-l-blue-500;
+    @apply pl-4;
+    @apply italic;
+    @apply my-8;
+    p {
+        padding: 0 !important;
+    }
 }
 
 pre {
-  @apply border-l;
-  @apply border-l-2;
-  @apply border-l-gray-500;
-  @apply pl-4;
-  @apply mt-4;
-  @apply text-base;
-  @apply break-words;
-  @apply overflow-x-auto;
+    @apply border-l;
+    @apply border-l-2;
+    @apply border-l-gray-500;
+    @apply pl-4;
+    @apply mt-4;
+    @apply text-base;
+    @apply break-words;
+    @apply overflow-x-auto;
 }
 
 ol {
-  @apply list-decimal;
-  @apply ml-5;
+    @apply list-decimal;
+    @apply ml-5;
 }
 
 ul {
-  @apply list-disc;
-  @apply ml-5;
+    @apply list-disc;
+    @apply ml-5;
 }
 
 :not(pre)>code {
-  @apply text-red-600;
-  @apply text-base;
+    @apply text-red-600;
+    @apply text-base;
 }
 
 @tailwind components;
-
 @tailwind utilities;
-
 @responsive {
-  .pxi-0 {
-    @apply px-0 #{!important};
-  }
-
-  .pyi-0 {
-    @apply py-0 #{!important};
-  }
-
-  .pi-0 {
-    @apply p-0 #{!important};
-  }
+    .pxi-0 {
+        @apply px-0 #{!important};
+    }
+    .pyi-0 {
+        @apply py-0 #{!important};
+    }
+    .pi-0 {
+        @apply p-0 #{!important};
+    }
 }
 
 .animated-link:after {
-  content: '';
-  width: 0px;
-  height: 1px;
-  display: block;
-  transition: 300ms;
-  @apply bg-gray-500;
+    content: '';
+    width: 0px;
+    height: 1px;
+    display: block;
+    transition: 300ms;
+    @apply bg-gray-500;
 }
 
 .animated-link:hover:after {
-  width: 100%;
+    width: 100%;
 }
 
 .height-30px {
-  height:30px;
+    height: 30px;
 }
 
 .no-border {
-  border-width: 0px !important;
+    border-width: 0px !important;
 }
 
 .flex-post {
-  @apply border-b;
-  @apply border-b-gray-300;
-  @apply flex-col;
-  @apply w-full;
-
-  .post-card-image {
-    @apply h-56;
+    @apply border-b;
+    @apply border-b-gray-300;
+    @apply flex-col;
     @apply w-full;
-    @apply object-cover;
-    @apply rounded;
-    @apply relative;
-  }
-
-  .post-card-title {
-    @apply leading-none;
-    @apply text-2xl;
-    @apply font-medium;
-  }
-
-  .post-card-excerpt {
-    @apply font-serif;
-  }
+    .post-card-image {
+        @apply h-56;
+        @apply w-full;
+        @apply object-cover;
+        @apply rounded;
+        @apply relative;
+    }
+    .post-card-title {
+        @apply leading-none;
+        @apply text-2xl;
+        @apply font-medium;
+    }
+    .post-card-excerpt {
+        @apply font-serif;
+    }
 }
 
 .author-list-item:nth-child(n+2) {
-  @apply -ml-3
+    @apply -ml-3
 }
 
 @media (min-width: 768px) {
-  .with-large>.flex-post:nth-child(6n+1) {
-    @apply flex-100;
-    @apply flex-row;
-
-    .post-card-image-link {
-      @apply flex-auto;
-      @apply relative;
-      min-height: 380px;
-      @apply mr-6;
+    .with-large>.flex-post:nth-child(5n),
+    .with-large>.flex-post:nth-child(5n-1) {
+        // @apply flex-100;
+        flex: 1 1 50%;
+        @apply flex-col;
+        .post-card-image-link {
+            @apply flex-auto;
+            @apply relative;
+            min-height: 380px;
+            @apply mr-6;
+        }
+        .post-card-image {
+            @apply absolute;
+            @apply h-full;
+            @apply w-full;
+            @apply object-cover;
+            @apply rounded-lg;
+        }
+        .post-card-content {
+            // @apply flex-post-large-content;
+            flex: 0 1 auto;
+            @apply self-center
+        }
+        .post-card-title {
+            @apply text-4xl;
+        }
+        .post-card-excerpt {
+            @apply text-xl;
+        }
     }
-
-    .post-card-image {
-      @apply absolute;
-      @apply h-full;
-      @apply w-full;
-      @apply object-cover;
-      @apply rounded-lg;
-    }
-
-    .post-card-content {
-      @apply flex-post-large-content;
-      @apply self-center
-    }
-
-      .post-card-title {
-        @apply text-4xl;
-      }
-
-      .post-card-excerpt {
-        @apply text-xl;
-      }
-  }
-
 }
 
 body[data-theme="dark"] {
-  
     background-color: #191b1f;
     @apply text-gray-300;
-
     .post-content-text {
-      @apply text-gray-300;
+        @apply text-gray-300;
     }
-
     .post-card-excerpt {
-      @apply text-gray-500;
+        @apply text-gray-500;
     }
-
     .pagination li {
-      @apply bg-gray-700;
-      @apply text-gray-200;
-      @apply border-gray-600;
-
-      &:hover {
-        @apply bg-gray-600;
-        @apply text-gray-900;
-      }
-    }
-
-    .pagination li.border-l-black {
-      @apply border-l-gray-300;
-    }
-
-    pre {
-      @apply text-gray-500;
-    }
-
-    .flex-post {
-      @apply border-b-gray-800;
-    }
-
-    .author-list-item img {
-      border-color: #191b1f;
-    }
-
-    .author-social {
-      a {
+        @apply bg-gray-700;
+        @apply text-gray-200;
+        @apply border-gray-600;
         &:hover {
-          @apply text-white
+            @apply bg-gray-600;
+            @apply text-gray-900;
+        }
+    }
+    .pagination li.border-l-black {
+        @apply border-l-gray-300;
+    }
+    pre {
+        @apply text-gray-500;
+    }
+    .flex-post {
+        @apply border-b-gray-800;
+    }
+    .author-list-item img {
+        border-color: #191b1f;
+    }
+    .author-social {
+        a {
+            &:hover {
+                @apply text-white
+            }
         }
-      }
     }
-  
 }

src/components/PostListItem.vue

@@ -70,9 +70,6 @@ export default {
       default: true,
     },
   },
-  mounted() {
-    // console.log(this.record)
-  },
 };
 </script>
 

src/pages/People.vue

@@ -5,15 +5,6 @@
         <PostListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
       </div>
     </div>
-    <div class="pagination flex justify-center mb-8">
-        <Pagination
-          :baseUrl="baseurl"
-          :currentPage="$page.entries.pageInfo.currentPage"
-          :totalPages="$page.entries.pageInfo.totalPages"
-          :maxVisibleButtons="5"
-          v-if="$page.entries.pageInfo.totalPages > 1"
-        />
-      </div>
   </Layout>
 </template>