mirror of
https://github.com/Damillora/Yuika
synced 2024-11-22 09:17:33 +00:00
Full compliance with gscan
This commit is contained in:
parent
f89eeaaaec
commit
56d44dabe5
@ -44,6 +44,31 @@ header {
|
|||||||
#post .kg-card {
|
#post .kg-card {
|
||||||
@apply px-4 py-4 flex flex-col items-center object-contain my-4;
|
@apply px-4 py-4 flex flex-col items-center object-contain my-4;
|
||||||
}
|
}
|
||||||
|
#post .kg-card .kg-image {
|
||||||
|
@apply w-full;
|
||||||
|
}
|
||||||
|
#post .kg-width-wide .kg-image {
|
||||||
|
min-width: 100vw;
|
||||||
|
}
|
||||||
|
@screen md {
|
||||||
|
#post .kg-width-wide .kg-image {
|
||||||
|
min-width: 125%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@screen lg {
|
||||||
|
#post .kg-width-wide .kg-image {
|
||||||
|
min-width: 175%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@screen xl {
|
||||||
|
#post .kg-width-wide .kg-image {
|
||||||
|
min-width: 140%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#post .kg-width-full .kg-image {
|
||||||
|
min-width: 100vw;
|
||||||
|
}
|
||||||
#post .kg-card figcaption {
|
#post .kg-card figcaption {
|
||||||
@apply text-sm text-gray-800 mt-2;
|
@apply text-sm text-gray-800 mt-2;
|
||||||
}
|
}
|
||||||
|
25
page.hbs
25
page.hbs
@ -1,12 +1,8 @@
|
|||||||
{{!< default}}
|
{{!< default}}
|
||||||
<div>
|
|
||||||
{{> "site-header"}}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{#post}}
|
{{#post}}
|
||||||
<article>
|
<article>
|
||||||
|
<div class="relative group index-header">
|
||||||
<div class="h-64 relative group">
|
|
||||||
{{> 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 group-hover:opacity-75 transition-opacity">
|
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
|
||||||
</div>
|
</div>
|
||||||
@ -15,20 +11,20 @@
|
|||||||
{{#if primary_tag}}
|
{{#if primary_tag}}
|
||||||
{{#primary_tag}}
|
{{#primary_tag}}
|
||||||
<div>
|
<div>
|
||||||
<a href="{{url}}"><p class="bg-green-500 w-auto inline-block px-2 py-1 text-white text-sm">{{name}}</p></a>
|
<a href="{{url}}"><p class="bg-green-700 w-auto inline-block px-2 py-1 text-white text-sm">{{name}}</p></a>
|
||||||
</div>
|
</div>
|
||||||
{{/primary_tag}}
|
{{/primary_tag}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div>
|
<div class="mb-4">
|
||||||
<h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
|
<h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-4">
|
</div>
|
||||||
<p><span class="text-white text-sm"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time> <span class="bull">•</span> {{reading_time}}</span></p>
|
<div class="w-full flex flex-row justify-begin items-center absolute top-0 index-navbar">
|
||||||
</div>
|
{{> "site-header"}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main class="container px-6 my-6 content" id="post">
|
<main class="container px-2 md:px-24 lg:px-64 xl:px-64 my-6 mx-auto content" id="post">
|
||||||
<div>
|
<div>
|
||||||
{{content}}
|
{{content}}
|
||||||
</div>
|
</div>
|
||||||
@ -38,10 +34,11 @@
|
|||||||
|
|
||||||
{{#contentFor "scripts"}}
|
{{#contentFor "scripts"}}
|
||||||
<script>
|
<script>
|
||||||
$(function() {
|
$(document).ready(function () {
|
||||||
|
// FitVids - start
|
||||||
var $postContent = $("#post");
|
var $postContent = $("#post");
|
||||||
$postContent.fitVids();
|
$postContent.fitVids();
|
||||||
});
|
// FitVids - end
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
{{/contentFor}}
|
{{/contentFor}}
|
||||||
|
|
||||||
|
4
post.hbs
4
post.hbs
@ -43,12 +43,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<main class="container md:w-4/5 lg:w-4/6 md:mx-auto px-6 my-6 content" id="post">
|
<main class="container px-2 md:px-24 lg:px-64 xl:px-64 my-6 mx-auto content" id="post">
|
||||||
<div>
|
<div>
|
||||||
{{content}}
|
{{content}}
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="container md:w-4/5 lg:w-4/6 md:mx-auto px-6 my-6">
|
<div class="container px-24 my-6">
|
||||||
<div class="my-4" id="comments">
|
<div class="my-4" id="comments">
|
||||||
</div>
|
</div>
|
||||||
<div class="my-4 flex flex-row justify-between">
|
<div class="my-4 flex flex-row justify-between">
|
||||||
|
Loading…
Reference in New Issue
Block a user