Consistent theming

This commit is contained in:
Damillora 2019-11-12 00:10:20 +07:00
parent 71e333fb63
commit 19a64b63f7
3 changed files with 12 additions and 13 deletions

View File

@ -1,16 +1,12 @@
{{!< default}} {{!< default}}
<div>
{{> "site-header"}}
</div>
{{#author}} {{#author}}
<div class="h-64 relative"> <div class="relative group index-header">
{{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}} {{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
<div class="h-full opacity-50 bg-black"> <div class="h-full opacity-50 bg-black">
</div> </div>
</div> </div>
<div class="absolute bottom-0 py-6 h-full left-0 right-0"> <div class="absolute bottom-0 py-6 h-full left-0 right-0">
<div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64 h-full flex flex-col justify-end items-begin"> <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64 h-full flex flex-col justify-end items-begin">
<div class="my-2"> <div class="my-2">
<p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p> <p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p>
</div> </div>
@ -49,6 +45,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
{{> "site-header"}}
</div>
</div> </div>
{{/author}} {{/author}}

View File

@ -1,7 +1,7 @@
{ {
"name": "yuika", "name": "yuika",
"description": "nanao.moe's blog theme", "description": "nanao.moe's blog theme",
"version": "0.4.0", "version": "0.5.0",
"engines": { "engines": {
"ghost-api": "v3" "ghost-api": "v3"
}, },

12
tag.hbs
View File

@ -1,16 +1,13 @@
{{!< default}} {{!< default}}
<div>
{{> "site-header"}}
</div>
{{#tag}} {{#tag}}
<div class="h-64 relative"> <div class="relative group index-header">
{{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}} {{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
<div class="h-full opacity-50 bg-black"> <div class="h-full opacity-50 bg-black">
</div> </div>
</div> </div>
<div class="absolute bottom-0 py-6"> <div class="absolute bottom-0 py-6 h-full left-0 right-0">
<div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64"> <div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64 h-full flex flex-col justify-end items-begin">
<div> <div>
<p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p> <p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p>
</div> </div>
@ -26,6 +23,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
{{> "site-header"}}
</div>
</div> </div>
{{/tag}} {{/tag}}