mirror of
https://github.com/GenZmeY/casper-i18n.git
synced 2025-07-13 17:26:08 +00:00
Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 55a90a9252 | |||
| b20dceae22 | |||
| 88ca182a58 | |||
| 140632b885 |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -136,6 +136,7 @@ production stylesheet in assets/built/screen.css
|
|||||||
|
|
||||||
.site-header-content.no-content {
|
.site-header-content.no-content {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
padding-bottom: 2vmin;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-header-inner {
|
.site-header-inner {
|
||||||
@ -272,7 +273,7 @@ production stylesheet in assets/built/screen.css
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-template.has-cover .gh-head {
|
:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@ -1144,6 +1145,41 @@ make sure this only happens on large viewports / desktop-ish devices.
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Pagination
|
||||||
|
/* ---------------------------------------------------------- */
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
display: none;
|
||||||
|
grid-template-columns: 1fr auto 1fr;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 8vmin;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.no-infinite-scroll .pagination {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .page-number {
|
||||||
|
grid-column-start: 2;
|
||||||
|
color: var(--color-secondary-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .older-posts {
|
||||||
|
grid-column-start: 3;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.pagination .page-number {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 7. Single Post
|
/* 7. Single Post
|
||||||
/* ---------------------------------------------------------- */
|
/* ---------------------------------------------------------- */
|
||||||
|
|||||||
@ -14,6 +14,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
(function (window, document) {
|
(function (window, document) {
|
||||||
|
if (document.documentElement.classList.contains('no-infinite-scroll')) return;
|
||||||
|
|
||||||
// next link element
|
// next link element
|
||||||
var nextElement = document.querySelector('link[rel=next]');
|
var nextElement = document.querySelector('link[rel=next]');
|
||||||
if (!nextElement) {
|
if (!nextElement) {
|
||||||
|
|||||||
110
author.hbs
110
author.hbs
@ -2,69 +2,75 @@
|
|||||||
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
|
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
|
||||||
|
|
||||||
<main id="site-main" class="site-main outer">
|
<main id="site-main" class="site-main outer">
|
||||||
<div class="post-feed inner">
|
<div class="inner posts">
|
||||||
|
|
||||||
{{#author}}
|
<div class="post-feed">
|
||||||
<section class="post-card post-card-large">
|
|
||||||
|
|
||||||
{{#if feature_image}}
|
{{#author}}
|
||||||
<div class="post-card-image-link">
|
<section class="post-card post-card-large">
|
||||||
{{!-- This is a responsive image, it loads different sizes depending on device
|
|
||||||
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
|
|
||||||
<img class="post-card-image"
|
|
||||||
srcset="{{img_url feature_image size="s"}} 300w,
|
|
||||||
{{img_url feature_image size="m"}} 600w,
|
|
||||||
{{img_url feature_image size="l"}} 1000w,
|
|
||||||
{{img_url feature_image size="xl"}} 2000w"
|
|
||||||
sizes="(max-width: 1000px) 400px, 800px"
|
|
||||||
src="{{img_url feature_image size="m"}}"
|
|
||||||
alt="{{title}}"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
{{/if}}
|
|
||||||
|
|
||||||
<div class="post-card-content">
|
{{#if feature_image}}
|
||||||
<div class="post-card-content-link">
|
<div class="post-card-image-link">
|
||||||
|
{{!-- This is a responsive image, it loads different sizes depending on device
|
||||||
{{#if profile_image}}
|
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}}
|
||||||
<img class="author-profile-pic" src="{{profile_image}}" alt="{{name}}" />
|
<img class="post-card-image"
|
||||||
|
srcset="{{img_url feature_image size="s"}} 300w,
|
||||||
|
{{img_url feature_image size="m"}} 600w,
|
||||||
|
{{img_url feature_image size="l"}} 1000w,
|
||||||
|
{{img_url feature_image size="xl"}} 2000w"
|
||||||
|
sizes="(max-width: 1000px) 400px, 800px"
|
||||||
|
src="{{img_url feature_image size="m"}}"
|
||||||
|
alt="{{title}}"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
<header class="post-card-header">
|
<div class="post-card-content">
|
||||||
<h2 class="post-card-title">{{name}}</h2>
|
<div class="post-card-content-link">
|
||||||
</header>
|
|
||||||
|
|
||||||
{{#if bio}}
|
{{#if profile_image}}
|
||||||
<div class="post-card-excerpt">{{bio}}</div>
|
<img class="author-profile-pic" src="{{profile_image}}" alt="{{name}}" />
|
||||||
{{/if}}
|
|
||||||
|
|
||||||
<footer class="author-profile-footer">
|
|
||||||
{{#if location}}
|
|
||||||
<div class="author-profile-location">{{location}}</div>
|
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<div class="author-profile-meta">
|
|
||||||
{{#if website}}
|
<header class="post-card-header">
|
||||||
<a class="author-profile-social-link" href="{{website}}" target="_blank" rel="noopener">{{website}}</a>
|
<h2 class="post-card-title">{{name}}</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{{#if bio}}
|
||||||
|
<div class="post-card-excerpt">{{bio}}</div>
|
||||||
|
{{/if}}
|
||||||
|
|
||||||
|
<footer class="author-profile-footer">
|
||||||
|
{{#if location}}
|
||||||
|
<div class="author-profile-location">{{location}}</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#if twitter}}
|
<div class="author-profile-meta">
|
||||||
<a class="author-profile-social-link" href="{{twitter_url}}" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
|
{{#if website}}
|
||||||
{{/if}}
|
<a class="author-profile-social-link" href="{{website}}" target="_blank" rel="noopener">{{website}}</a>
|
||||||
{{#if facebook}}
|
{{/if}}
|
||||||
<a class="author-profile-social-link" href="{{facebook_url}}" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
|
{{#if twitter}}
|
||||||
{{/if}}
|
<a class="author-profile-social-link" href="{{twitter_url}}" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
|
||||||
</div>
|
{{/if}}
|
||||||
</footer>
|
{{#if facebook}}
|
||||||
|
<a class="author-profile-social-link" href="{{facebook_url}}" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
|
||||||
|
{{/if}}
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{{/author}}
|
{{/author}}
|
||||||
|
|
||||||
{{#foreach posts}}
|
{{#foreach posts}}
|
||||||
{{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
|
{{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
|
||||||
{{> "post-card"}}
|
{{> "post-card"}}
|
||||||
{{/foreach}}
|
{{/foreach}}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{pagination}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@ -48,5 +48,7 @@ into the {body} of the default.hbs template --}}
|
|||||||
{{/foreach}}
|
{{/foreach}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{pagination}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
"name": "casper",
|
"name": "casper",
|
||||||
"description": "A clean, minimal default theme for the Ghost publishing platform",
|
"description": "A clean, minimal default theme for the Ghost publishing platform",
|
||||||
"demo": "https://demo.ghost.io",
|
"demo": "https://demo.ghost.io",
|
||||||
"version": "5.4.1",
|
"version": "5.4.2",
|
||||||
"engines": {
|
"engines": {
|
||||||
"ghost": ">=5.0.0"
|
"ghost": ">=5.0.0"
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user