Damillora/Yuika
1
0
Fork 0
mirror of https://github.com/Damillora/Yuika synced 2024-11-22 09:17:33 +00:00
Code Issues Releases Wiki Activity

Yuika 2.1

Browse Source
This commit is contained in:
Damillora 2020-11-11 17:59:27 +07:00
parent 5340cf1d9f
commit 86d81383f1
4 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/styles.css
View File

@ -51,7 +51,7 @@ header {
@apply flex flex-row transition duration-300 ease-in-out; @apply flex flex-row transition duration-300 ease-in-out;
} }
.site-head { .site-head {
@apply flex flex-row flex-grow py-2 transition duration-300 ease-in-out pl-4 h-16; @apply flex flex-row flex-grow py-2 items-center transition duration-300 ease-in-out pl-4 h-16;
} }
.site-head:hover { .site-head:hover {
@apply bg-yuika-blue-500; @apply bg-yuika-blue-500;

19
index.hbs
View File

@ -1,12 +1,27 @@
{{!< default}} {{!< default}}
{{!--
<div class="relative group index-header"> <div class="relative group index-header">
{{> header-background background=@site.cover_image}} {{> header-background background=@site.cover_image}}
<div class="w-full h-full opacity-50 bg-black"> <div class="w-full h-full opacity-50 bg-black">
</div> </div>
</div> </div>
<div class="absolute bottom-0 py-4 left-0 right-0">
<div class="container mx-auto content-full flex flex-col">
{{#if @site.logo}}
<div class="w-24 h-24 py-4">
<img src="{{img_url @site.logo size="l"}}" alt="{{@site.title}}" class="w-full h-full object-contain">
</div>
{{/if}}
<a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow">
<div class="">
<h1 class="text-4xl font-light text-white">{{@site.title}}</h1>
</div>
<div class="">
<p class="text-xl font-light text-white">{{@site.description}}</p>
</div>
</a>
</div>
</div>
</div> </div>
--}}
<div class="post-feed content w-full px-2"> <div class="post-feed content w-full px-2">
{{#foreach posts}} {{#foreach posts}}

2
package.json
View File

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

8
partials/site-header.hbs
View File

@ -9,18 +9,10 @@
<span class="h-12 w-12 px-2 py-3 text-white material-icons" alt="menu">menu</span> <span class="h-12 w-12 px-2 py-3 text-white material-icons" alt="menu">menu</span>
</div> </div>
<div class="site-head"> <div class="site-head">
{{#if @site.logo}}
<div class="w-12 h-12">
<img src="{{img_url @site.logo size="l"}}" alt="{{@site.title}}" class="w-full h-full object-contain">
</div>
{{/if}}
<a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow"> <a href="{{@site.url}}" class="block flex flex-col pl-4 flex-grow">
<div class=""> <div class="">
<h1 class="text-lg text-white">{{@site.title}}</h1> <h1 class="text-lg text-white">{{@site.title}}</h1>
</div> </div>
<div class="">
<p class="text-sm text-white">{{@site.description}}</p>
</div>
</a> </a>
</div> </div>
</div> </div>