relayouting job page

Author: puterakahfi

content/blog/2019/testing-first-posting.md

@@ -5,5 +5,6 @@ description: "testing first posting"
 published: false
 tags: ['Info', 'Cover Image']
 author: Putera Kahfi
+categori: blog
 
 ---

content/job/2019/seven-mediatech.md

@@ -1,15 +1,17 @@
 ---
 title: Backend Developer Seven Media Tech
 date: 2019-06-17
-event_date: 2019-06-17
+location: jakarta
+job_type: full
+due_date: 2019-06-17
 author: Putera Kahfi
 by: Seven Media Tech
 published: true
 tags: ["loker","lowongan"]
 series: false
 category: job
-cover_image: 
+cover_image: hmm
 canonical_url: false
 description: ""
----
-![Poster](https://scontent-sin2-2.xx.fbcdn.net/v/t1.0-9/64318422_2181541771939620_4057956904524054528_n.jpg?_nc_cat=100&_nc_ht=scontent-sin2-2.xx&oh=e8cfc2cc7d0f71856e793c84feba6ec3&oe=5D8A8A37)
+poster: https://scontent-sin2-2.xx.fbcdn.net/v/t1.0-9/64318422_2181541771939620_4057956904524054528_n.jpg?_nc_cat=100&_nc_ht=scontent-sin2-2.xx&oh=e8cfc2cc7d0f71856e793c84feba6ec3&oe=5D8A8A37
+---

content/job/2019/square-techno.md

@@ -8,10 +8,8 @@ published: true
 tags: ["loker","lowongan"]
 series: false
 category: job
-cover_image: 
+cover_image: hmm
 canonical_url: false
 description: ""
----
-
-
-![Poster](https://scontent-sin2-2.xx.fbcdn.net/v/t1.0-9/62643039_2316218722032812_2698128176520888320_n.jpg?_nc_cat=109&_nc_ht=scontent-sin2-2.xx&oh=3820cfe4feb061f964a388cd22f4f110&oe=5D7ED958)
+poster: https://scontent-sin2-2.xx.fbcdn.net/v/t1.0-9/62643039_2316218722032812_2698128176520888320_n.jpg?_nc_cat=109&_nc_ht=scontent-sin2-2.xx&oh=3820cfe4feb061f964a388cd22f4f110&oe=5D7ED958
+---

gridsome.config.js

@@ -11,20 +11,9 @@ module.exports = {
     {
       use: "@gridsome/source-filesystem",
       options: {
-        path: "content/job/**/*.md",
         typeName: "Job",
-        remark: {
-          plugins: [
-            '@gridsome/remark-prismjs'
-          ]
-        }
-      }
-    },
-    {
-      use: "@gridsome/source-filesystem",
-      options: {
-        path: "content/event/*.md",
-        typeName: "Event",
+        path: "content/job/**/*.md",
+        route: '/job/:year/:month/:day/:slug',
         remark: {
           plugins: [
             '@gridsome/remark-prismjs'
@@ -36,7 +25,7 @@ module.exports = {
       use: "@gridsome/source-filesystem",
       options: {
         path: "content/blog/*.md",
-        route: '/blog/:year/:month/:day/:slug',
+        route: '/post/:year/:month/:day/:slug',
         typeName: "Post",
         remark: {
           plugins: [
@@ -45,19 +34,6 @@ module.exports = {
         }
       }
     },
-    {
-      use: "@gridsome/source-filesystem",
-      options: {
-        path: "content/info/*.md",
-        route: '/info/:year/:month/:day/:slug',
-        typeName: "Info",
-        remark: {
-          plugins: [
-            '@gridsome/remark-prismjs'
-          ]
-        }
-      }
-    },
     {
       use: "@gridsome/plugin-google-analytics",
       options: {

src/assets/style/main.scss

@@ -2,11 +2,14 @@
 @import url("https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css");
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
 @import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
 @import "bulma.scss";
 @import "helpers.scss";
 
 body {
   background: #fafafa;
+  font-family: 'Roboto', sans-serif;
+
 }
 
 .tabs.is-boxed li.is-active a {
@@ -54,7 +57,7 @@ h4 {
 
 .github-profile,
 .github-profile:hover {
-  color: #495961;
+  color: rgba(0,0,0,.6);
   font-weight: 600;
   text-decoration: none;
 }
@@ -85,5 +88,9 @@ h4 {
 
 
 p{
-  color:#6a7898;
+  color:rgba(0,0,0,.6);
+}
+
+.navbar-item, .navbar-link {
+  color: #4a4a4a !important;
 }

src/components/LatestInfo.vue

@@ -19,7 +19,7 @@ export default {
 <static-query>
 
 query Info {
-  info: allInfo( filter: { category: { eq:"info"} , published: { eq: true }}, sortBy: "date",  limit: 5, order: DESC)  {
+  info: allPost( filter: { category: { eq:"info"} , published: { eq: true }}, sortBy: "date",  limit: 5, order: DESC)  {
     edges {
       node { 
         id

src/components/LatestJob.vue

@@ -19,7 +19,7 @@ export default {
 <static-query>
 
 query Job {
-  jobs: allPost( filter: { category: { eq:"job"} , published: { eq: true }}, sortBy: "date",  limit: 5, order: DESC)  {
+  jobs: allJob( filter: { category: { eq:"job"} , published: { eq: true }}, sortBy: "date",  limit: 5, order: DESC)  {
     edges {
       node { 
         id
@@ -31,6 +31,7 @@ query Job {
         category
         path
         cover_image
+        location
       }
     }
   }

src/components/Navbar.vue

@@ -25,13 +25,7 @@
 
       <div id="navbarBasicExample" class="navbar-menu">
         <div class="navbar-start">
-          <div class="navbar-item">
-            <g-link class="nav__link" to="/blog">blog</g-link>
-          </div>
-          <div class="navbar-item">
-            <g-link class="nav__link" to="/events">events</g-link>
-          </div>
-
+          
         </div>
         <div class="navbar-end">
           <div class="navbar-item">

src/components/PostingCard.vue

@@ -9,7 +9,7 @@
                 <span class="is-info">{{edge.node.category}}</span>
               </p>
               <p class="title is-5 has-margin-bottom-30">
-                <g-link class="has-text-grey-darker" :to="edge.node.slug">{{edge.node.title}}</g-link>
+                <g-link class="has-text-grey-darker" :to="edge.node.path">{{edge.node.title}}</g-link>
               </p>
 
               <p