From 4fde0b40b5d68f514eecc22ae866fb5acb130ce5 Mon Sep 17 00:00:00 2001
From: hamdy <hamdy.a.farag@gmail.com>
Date: Tue, 10 Nov 2020 12:16:25 +0200
Subject: [PATCH] fixes to projects

---
 content/project/artheon/artheon.md |  4 +--
 src/components/ProjectListItem.vue | 15 ++++++-----
 src/pages/Projects.vue             |  6 ++++-
 src/templates/Project.vue          | 41 ++++++++++++------------------
 src/templates/Tag.vue              |  9 ++-----
 5 files changed, 34 insertions(+), 41 deletions(-)

diff --git a/content/project/artheon/artheon.md b/content/project/artheon/artheon.md
index 33e81c182..2da71bc0f 100644
--- a/content/project/artheon/artheon.md
+++ b/content/project/artheon/artheon.md
@@ -14,10 +14,10 @@ logo: ./logo.png
 author: kristine_vilnite
 members: vasily_gnuchev
 websites: https://artheon.co/
-tags: tfgrid
+tags: tfgrid, grid
 private: 0
 potential:
-
+linkedin: ''
 ---
 
 # Artheon
diff --git a/src/components/ProjectListItem.vue b/src/components/ProjectListItem.vue
index 6249bdd96..d1aa98f22 100644
--- a/src/components/ProjectListItem.vue
+++ b/src/components/ProjectListItem.vue
@@ -30,14 +30,17 @@
                   <time :datetime="record.datetime">{{ record.humanTime }}</time>
                 </g-link>
               </p>
-              <p>
-                <g-link :to="record.path">
-                  <time :datetime="record.datetime">{{ record.startDate }}</time>
-                </g-link>
-                {{ record.status }}
-              </p>
+             
             </div>
+            <div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
+              <p>
+                {{record.status}}
+              </p>
+             
+            </div>
+            
           </div>
+          
         </div>
       </div>
     </div>
diff --git a/src/pages/Projects.vue b/src/pages/Projects.vue
index 76704e716..c0fa6f3d4 100644
--- a/src/pages/Projects.vue
+++ b/src/pages/Projects.vue
@@ -22,7 +22,11 @@ query($page:Int) {
         title
         members
         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
diff --git a/src/templates/Project.vue b/src/templates/Project.vue
index b3023e521..91c3f364b 100644
--- a/src/templates/Project.vue
+++ b/src/templates/Project.vue
@@ -12,26 +12,8 @@
           <h1 class="pb-0 mb-0 mt-0 text-4xl font-medium">{{ $page.project.title }}</h1>
           <p class="text-gray-700 text-xl" v-if="$page.project.bio">{{ $page.project.bio }}</p>
           <div class="author-social">
-            {{ $page.project.belongsTo.totalCount }} Projects
             &nbsp;&middot;&nbsp;
-            <!-- <a
-              :href="$page.project.facebook"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="text-gray-400 hover:text-black"
-            >
-              <font-awesome :icon="['fab', 'facebook']" />
-            </a>
-            &nbsp;
-            <a
-              :href="$page.project.twitter"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="text-gray-400 hover:text-black"
-            >
-              <font-awesome :icon="['fab', 'twitter']" />
-            </a>
-            &nbsp; -->
+          
             <a
               :href="$page.project.linkedin"
               target="_blank"
@@ -52,15 +34,22 @@
 
 
       <div class="pt-8 border-b mx-4 sm:-mx-4"></div>
-
+      
       <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
-        <PostListItem
+        <ProjectListItem
           v-for="edge in $page.project.belongsTo.edges"
           :key="edge.node.id"
           :record="edge.node"
         />
       </div>
-
+ <section class="post-tags container mx-auto relative py-10">
+          <g-link
+            v-for="tag in $page.project.tags"
+            :key="tag.id"
+            :to="tag.path"
+            class="text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full"
+          >{{ tag.title }}</g-link>
+        </section>
       <div class="pagination flex justify-center mb-8">
         <Pagination
           :baseUrl="$page.project.path"
@@ -81,6 +70,9 @@
       title
       status
       countries
+      startDate : startdate(format:"MM YYYY")
+      humanTime : created(format:"DD MMMM YYYY")
+      datetime : created(format:"ddd MMM DD YYYY hh:mm:ss zZ")
       image(width:150, height:150)
       image_caption
       logo
@@ -88,13 +80,12 @@
       timeToRead
       path
       timeToRead
+      linkedin
       tags {
         id
         title
         path
-      }
-     
-    
+      }    
       members
       websites
       private
diff --git a/src/templates/Tag.vue b/src/templates/Tag.vue
index 91aeab45f..bf6e0e9f3 100644
--- a/src/templates/Tag.vue
+++ b/src/templates/Tag.vue
@@ -7,7 +7,7 @@
           A collection of
           <span
             class="self-center"
-          >{{ $page.tag.belongsTo.totalCount }} {{ postLabel }}</span>
+          >{{ $page.tag.belongsTo.totalCount }} items</span>
         </p>
       </div>
 
@@ -92,12 +92,7 @@ export default {
     Pagination,
     PostListItem
   },
-  computed: {
-    postLabel: function() {
-      var pluralize = require("pluralize");
-      return pluralize("post", this.$page.tag.belongsTo.totalCount);
-    }
-  },
+ 
   metaInfo() {
     return {
       title: this.$page.tag.title