xyvs/aboringhostheme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Post support and default template

Browse Source
This commit is contained in:
xyvs
2020-06-14 18:41:28 -05:00
commit 3959a82b74
5 changed files with 165 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.swp

119
default.hbs Normal file
View File

@@ -0,0 +1,119 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>{{meta_title}}</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>
::selection {
background: #c4e4ff;
}
.pagination {
margin-top: 3rem;
text-align: center;
}
.page-number {
margin: 0 1rem;
font-weigth: semibold;
}
.newer-posts, .older-posts {
color: #718096;
}
.post pre {
background-color: #0f0f0f;
margin: 1rem 0;
color: #e5eff5;
padding: 1rem 1.5rem;
font-size: .85rem;
overflow-x: auto;
border-radius: 5px;
}
strong {
font-weight: bold;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
font-weight: bold;
margin: .5rem 0 .75rem 0;
color: #0f0f0f;
}
.post h1 {
font-size: 2rem;
}
.post h2 {
font-size: 1.5rem;
}
.post h3 {
font-size: 1.25rem;
}
.post a {
color: #68b7e4;
}
.post p {
margin-bottom: 2rem;
}
.post p code {
background-color: #d0edff;
}
.post ol,
.post ul {
margin-bottom: 2rem;
}
.post li {
margin-bottom: .75rem;
}
.post li:before {
content: "-";
margin-right: .75rem;
}
.post blockquote {
margin-bottom: 2rem;
border-left: 3px solid #43baff;
padding: .25rem 0 .25rem 1rem;
font-style: italic;
}
.post img, figure {
margin-bottom: 2rem;
}
.post figcaption {
text-align: center;
font-size: .9rem;
}
</style>
{{ghost_header}}
</head>
<body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-4/12 mx-auto">
<header class="my-16 text-center">
<a href="{{@blog.url}}">
<h1 class="font-semibold text-4xl">{{@blog.title}}</h1>
</a>
<p class="my-4 text-gray-600">{{@blog.description}}</p>
</header>
<section class="{{body_class}}">
{{{body}}}
</section>
</body>
{{ghost_foot}}
</html>

13
index.hbs Normal file
View File

@@ -0,0 +1,13 @@
{{!< default}}
<main>
{{#foreach posts}}
<div class="flex align-center justify-between my-5">
<a href="{{url}}" class="font-semibold hover:text-blue-600">{{title}}</a>
<time class="text-gray-600 text-sm" datetime="{{date format='YYYY-MM-DD'}}">
{{date}}
</time>
</div>
{{/foreach}}
</main>
{{pagination}}

17
package.json Normal file
View File

@@ -0,0 +1,17 @@
{
"name": "aboringhostheme",
"description": "A boring theme for Ghost",
"version": "0.1.0",
"keywords": ["ghost-theme"],
"engines": {
"ghost-api": "v3"
},
"license": "MIT",
"author": {
"email": "fran@xyvs.io"
},
"config": {
"posts_per_page": 25,
"image_sizes": {}
}
}

15
post.hbs Normal file
View File

@@ -0,0 +1,15 @@
{{!< default }}
<main>
{{#post}}
<div class="post-container">
<div class="mt-10 mb-4">
<h2 class="text-4xl font-bold pt-1 pb-1">{{title}}</h2>
<p class="text-gray-600 font-sm">
Posted by <a href="#/">{{author}}</a> on {{date}}
</p>
</div>
<img class="mb-4 mb-8" src="{{feature_image}}" alt="{{title}}">
<div class="post mb-16 text-gray-700 text-justify">{{content}}</div>
</div>
{{/post}}
</main>