mirror of
https://github.com/Damillora/Yuika
synced 2024-11-05 02:17:32 +00:00
Revise header layout
This commit is contained in:
parent
117909e37f
commit
71e333fb63
@ -9,12 +9,13 @@
|
||||
<div class="h-full opacity-50 bg-black">
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-full flex flex-col justify-end items-begin absolute bottom-0 py-6 px-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 h-full flex flex-col justify-end items-begin">
|
||||
<div class="my-2">
|
||||
<p class="bg-red-700 w-auto inline-block px-2 py-1 text-white text-sm">Author</p>
|
||||
</div>
|
||||
<div class="flex flex-row">
|
||||
<div class="flex flex-col items-begin mr-2">
|
||||
<div class="flex flex-col items-begin mr-4">
|
||||
{{#if profile_image}}
|
||||
<div class="my-2">
|
||||
<img class="rounded-full h-16" src="{{profile_image}}" alt="{{name}}" />
|
||||
@ -46,6 +47,7 @@
|
||||
<p>{{bio}}</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/author}}
|
||||
|
4
page.hbs
4
page.hbs
@ -7,7 +7,8 @@
|
||||
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute bottom-0 py-6 px-6">
|
||||
<div class="absolute bottom-0 py-6 left-0 right-0">
|
||||
<div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
|
||||
{{#if primary_tag}}
|
||||
{{#primary_tag}}
|
||||
<div>
|
||||
@ -18,6 +19,7 @@
|
||||
<div>
|
||||
<h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
|
||||
{{> "site-header"}}
|
||||
|
4
post.hbs
4
post.hbs
@ -7,7 +7,8 @@
|
||||
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute bottom-0 py-6 px-6">
|
||||
<div class="absolute bottom-0 py-6 left-0 right-0">
|
||||
<div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
|
||||
{{#if primary_tag}}
|
||||
{{#primary_tag}}
|
||||
<div>
|
||||
@ -37,6 +38,7 @@
|
||||
<p>{{#has author="count:>2"}}Multiple authors{{else}}{{authors}}{{/has}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
|
||||
{{> "site-header"}}
|
||||
|
4
tag.hbs
4
tag.hbs
@ -9,7 +9,8 @@
|
||||
<div class="h-full opacity-50 bg-black">
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-full flex flex-col justify-end items-begin absolute bottom-0 py-6 px-6">
|
||||
<div class="absolute bottom-0 py-6">
|
||||
<div class="container mx-auto px-2 sm:px-8 md:px-16 lg:px-32 xl:px-64">
|
||||
<div>
|
||||
<p class="bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm">Tag</p>
|
||||
</div>
|
||||
@ -23,6 +24,7 @@
|
||||
<p>A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/tag}}
|
||||
|
Loading…
Reference in New Issue
Block a user