Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
92 lines (87 sloc) 2.17 KB
<template>
<Layout>
<div class="md:w-3/5">
<h1 class="title">Journal</h1>
<p class="lead">My musings about life, side-projects, self-sufficiency, living off-grid and whatever else pops into my head that I feel warrants sharing.</p>
</div>
<div class="journal my-10">
<blog-list v-for="edge in $page.posts.edges" :key="edge.node.id" :post="edge.node" />
</div>
<template slot="source_link">
<a href="https://github.com/smokeyfro/smokeyfro/blob/master/src/pages/Journal.vue" class="border-b border-transparent hover:border-gray-400 transition-border-color">Source</a>
</template>
<template slot="sidebar">
<g-link to="/journal">Journal</g-link>
<g-link to="/subscribe">Subscribe</g-link>
<g-link to="/share">Share</g-link>
<g-link to="/feed">RSS</g-link>
</template>
</Layout>
</template>
<script>
import config from '~/.temp/config.js'
import BlogList from '@/components/journal/BlogList'
import PostsPagination from '@/components/journal/PostsPagination'
export default {
components: {
BlogList,
PostsPagination
},
metaInfo () {
return {
title: this.config.siteName,
}
},
computed: {
config () {
return config
}
}
}
</script>
<page-query>
query Journal ($page: Int) {
posts: allGhostPost (page: $page, perPage: 20) @paginate {
totalCount
pageInfo {
totalPages
currentPage
}
edges {
node {
id
title
date: published_at (format: "D MMMM, YYYY")
path
excerpt
feature_image
primary_tag {
id
name
slug
url
}
}
}
}
}
</page-query>
<style>
article h2 a {
color: #000;
text-decoration: none;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
to right,
#000,
#ffd166 50%,
#000 50%);
background-size: 200% 100%;
background-position: 100%;
}
article h2 a:hover {
transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
background-position: 0%;
}
</style>
You can’t perform that action at this time.