mirror of
https://github.com/spaytac/Casper.git
synced 2026-01-22 09:14:52 +00:00
Compare commits
103 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4710ac85d6 | |||
| 92bd3eb4a7 | |||
| 0bd5d16246 | |||
| bae9f5f49b | |||
|
|
592226b75e | ||
|
|
9f9348544e | ||
|
|
840b1b9c50 | ||
|
|
cc3fca004f | ||
|
|
f8b34f9786 | ||
|
|
b9f5d591d3 | ||
|
|
a60e3e976a | ||
|
|
d9c9390e17 | ||
|
|
84f201d293 | ||
|
|
c7fdfb7479 | ||
|
|
d3483498d4 | ||
|
|
4ae190c1a6 | ||
|
|
22c83f9128 | ||
|
|
10fd2f3a1c | ||
|
|
b1a10873ff | ||
|
|
0e76b5abef | ||
|
|
d75ffc78ac | ||
|
|
fa76f77006 | ||
|
|
dda827ded3 | ||
|
|
bdf150658e | ||
|
|
2fafe722d1 | ||
|
|
0721600075 | ||
|
|
a18367200f | ||
|
|
294b1e30e5 | ||
|
|
aa8ca0794b | ||
| 6fbaffb998 | |||
| 01b04e59da | |||
| 5ba628d1a3 | |||
| 6abe0a1e25 | |||
| 2fa6b68cc3 | |||
|
|
ba0b3d08cc | ||
|
|
50d5727f77 | ||
|
|
23f7c30365 | ||
|
|
8ff3c6fcf1 | ||
| 78b58e47dd | |||
| 14c5d004f4 | |||
| d1595f421a | |||
|
|
5c7fb39df9 | ||
|
|
4851606d9d | ||
|
|
afca9cb27e | ||
|
|
b56bec2cb8 | ||
| ed555444ff | |||
| c9ff48c131 | |||
| 34493249e2 | |||
| 4e27a49fcf | |||
| 92de638579 | |||
| 37d5139f22 | |||
| 210f2fa112 | |||
| a462835afc | |||
|
|
0c4164c5bd | ||
|
|
e6326eadf9 | ||
|
|
3ed94d68fa | ||
| c1571e5a4e | |||
| db6a864b90 | |||
| 3e4aba10fe | |||
| 88bdc1fc4b | |||
| 50991c37ca | |||
|
|
505503a63b | ||
|
|
bd3fc7c2af | ||
|
|
5e0f765852 | ||
|
|
4293dab0a7 | ||
|
|
f00918589f | ||
|
|
0200889148 | ||
|
|
248c122f86 | ||
| acf3b0383d | |||
| 4f0e6e92e1 | |||
| 5f396d1b98 | |||
|
|
a007415d89 | ||
|
|
31188ce3c0 | ||
| 716a1a749f | |||
| f6128d473c | |||
| 37132a168a | |||
|
|
e1967f8546 | ||
|
|
5259d551f5 | ||
|
|
115d1d820c | ||
|
|
81e4dfd52d | ||
|
|
cc4d828575 | ||
| 11d5eacc72 | |||
| beaacb4bcb | |||
| d3bf2b05d2 | |||
| 28bdf273f3 | |||
| ad518db147 | |||
| 91ed758fc9 | |||
| b7bbd91565 | |||
|
|
ebb2538215 | ||
|
|
3767e3d994 | ||
|
|
6d290485dc | ||
|
|
7da41d344f | ||
| 2d9ba902b4 | |||
| 3c2814775b | |||
| a5eba98b08 | |||
| 1572dda395 | |||
| 3f9d47ae65 | |||
|
|
55a90a9252 | ||
|
|
b20dceae22 | ||
|
|
88ca182a58 | ||
| 4510d7144b | |||
| 91f3621491 | |||
|
|
140632b885 |
44
.github/workflows/yarn-gulp.yml
vendored
Normal file
44
.github/workflows/yarn-gulp.yml
vendored
Normal file
@ -0,0 +1,44 @@
|
||||
name: NodeJS with Gulp
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [ "main" ]
|
||||
pull_request:
|
||||
branches: [ "main" ]
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [18.x]
|
||||
# node-version: [14.x, 16.x, 18.x]
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
- name: Use Node.js ${{ matrix.node-version }}
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: ${{ matrix.node-version }}
|
||||
cache: 'yarn'
|
||||
- name: Install dependencies
|
||||
run: yarn
|
||||
- name: Theme Test
|
||||
run: yarn test
|
||||
- name: Build & zip package
|
||||
run: yarn zip
|
||||
|
||||
release:
|
||||
runs-on: ubuntu-latest
|
||||
needs: [build]
|
||||
steps:
|
||||
- uses: actions/checkout@master
|
||||
- name: Create release
|
||||
uses: softprops/action-gh-release@v1
|
||||
if: startsWith(github.ref, 'refs/tags/')
|
||||
with:
|
||||
files: dist/casper-aytac.zip
|
||||
draft: true
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GST_TOKEN }}
|
||||
2
LICENSE
2
LICENSE
@ -1,4 +1,4 @@
|
||||
Copyright (c) 2013-2022 Ghost Foundation
|
||||
Copyright (c) 2013-2023 Ghost Foundation
|
||||
|
||||
Permission is hereby granted, free of charge, to any person
|
||||
obtaining a copy of this software and associated documentation
|
||||
|
||||
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
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -89,17 +89,10 @@ video {
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
@ -107,18 +100,15 @@ q:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-family: sans-serif;
|
||||
@ -126,42 +116,34 @@ html {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
i,
|
||||
em,
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0.67em 0;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
@ -169,27 +151,21 @@ sup {
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
mark {
|
||||
background-color: #fdffb6;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
@ -197,7 +173,6 @@ samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 3px 5px;
|
||||
font-family: var(--font-mono);
|
||||
@ -207,109 +182,81 @@ kbd {
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 -1px 0 rgba(124, 139, 154, 0.25);
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
kbd {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
color: inherit;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */
|
||||
margin: 0; /* 3 */
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
border: none;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
/* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
cursor: pointer;
|
||||
/* 3 */
|
||||
cursor: pointer; /* 3 */
|
||||
|
||||
-webkit-appearance: button;
|
||||
/* 2 */
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
box-sizing: content-box;
|
||||
/* 2 */
|
||||
box-sizing: content-box; /* 2 */
|
||||
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
border: 0;
|
||||
/* 1 */
|
||||
padding: 0; /* 2 */
|
||||
border: 0; /* 1 */
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
@ -324,7 +271,6 @@ html {
|
||||
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--color-darkgrey);
|
||||
font-family: var(--font-sans);
|
||||
@ -445,7 +391,6 @@ blockquote small {
|
||||
font-size: 0.9em;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Quotation marks */
|
||||
blockquote small:before {
|
||||
content: "\2014 \00A0";
|
||||
@ -454,7 +399,6 @@ blockquote small:before {
|
||||
blockquote cite {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote cite a {
|
||||
font-weight: normal;
|
||||
}
|
||||
@ -483,7 +427,6 @@ h1 {
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h1 {
|
||||
font-size: 2.8rem;
|
||||
@ -495,7 +438,6 @@ h2 {
|
||||
font-size: 2.8rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h2 {
|
||||
font-size: 2.3rem;
|
||||
@ -507,7 +449,6 @@ h3 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h3 {
|
||||
font-size: 1.7rem;
|
||||
@ -518,7 +459,6 @@ h4 {
|
||||
margin: 1.5em 0 0.5em 0;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h4 {
|
||||
font-size: 1.7rem;
|
||||
@ -534,188 +474,3 @@ h6 {
|
||||
margin: 1.5em 0 0.5em 0;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.post-tag-content {
|
||||
padding: max(8vmin,40px) max(4vmin,20px) max(8vmin,64px);
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.post-tag-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
|
||||
column-gap: 30px;
|
||||
row-gap: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1080px) {
|
||||
.post-tag-grid {
|
||||
column-gap: 30px;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
row-gap: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.site-footer .post-tag-content {
|
||||
max-width: 500px;
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.site-footer .copyright,
|
||||
.site-footer .copyright a {
|
||||
color: #fff;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.site-footer .copyright {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.post-tag-grid {
|
||||
column-gap: 30px;
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0,1fr);
|
||||
row-gap: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-tag-grid-item {
|
||||
overflow: hidden;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg{
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-first{
|
||||
height: 180px;
|
||||
width: 80px;
|
||||
fill: var(--ghost-accent-color);
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-first-obj{
|
||||
height: 28px;
|
||||
width: 80px;
|
||||
x:0;
|
||||
y:80;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-first-obj-text{
|
||||
color: white;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-second, .post-tag-grid-item-svg-second-obj{
|
||||
height: 180px;
|
||||
width: 240px;
|
||||
x: 80;
|
||||
y: 0;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-second-obj-inner{
|
||||
padding: max(0.5vmin,2px);
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-second{
|
||||
fill: black;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-svg-second-obj, .post-tag-grid-item-svg-second-obj-description{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.post-tag-grid-item h2 {
|
||||
font-size: 28px;
|
||||
margin: 0.3em 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-subtext:after,
|
||||
.post-tag-grid-item-subtext:before {
|
||||
content: " ";
|
||||
height: 1px;
|
||||
background: #000;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-subtext:after {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.post-tag-grid-item-subtext:before {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.post-tags {
|
||||
margin: 1.2em 0em -1em;
|
||||
}
|
||||
|
||||
.post-tags a {
|
||||
border-bottom: none !important;
|
||||
font-size: small;
|
||||
margin: 0 1% 0 0
|
||||
}
|
||||
|
||||
.post-tags a .post-tag-title::before {
|
||||
content: '#'
|
||||
}
|
||||
|
||||
.post-tags a .post-tag-title {
|
||||
margin-top: 2%
|
||||
}
|
||||
|
||||
.post-tags a .post-tag-title:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
color: var(--ghost-main-color) !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 980px) {
|
||||
article .post-tags a .post-tag-title {
|
||||
margin-top: 2%
|
||||
}
|
||||
}
|
||||
|
||||
.post-tags .post-tags-box-label {
|
||||
font-size: 1rem;
|
||||
line-height: 1em;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
color: --color-content-light
|
||||
}
|
||||
|
||||
.article-share{
|
||||
margin: 6vmin 0 0;
|
||||
}
|
||||
|
||||
.article-share ul {
|
||||
list-style: none;
|
||||
padding-left: 0em;
|
||||
}
|
||||
|
||||
.article-share li {
|
||||
display: inline;
|
||||
padding-left: 0em;
|
||||
}
|
||||
|
||||
.article-share li+li {
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
a.social-share-link svg {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.post-card-title-custom{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@ -6,20 +6,19 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
1. Global Styles
|
||||
2. Layout
|
||||
3. Special Templates
|
||||
4. Site Header
|
||||
5. Site Navigation
|
||||
6. Post Feed
|
||||
7. Single Post
|
||||
7.1. Post Byline
|
||||
7.2. Members Subscribe Form
|
||||
7.4. Related Posts
|
||||
7.5. Koenig Styles
|
||||
7.6 Comments
|
||||
8. Author Template
|
||||
3. Site Header
|
||||
4. Site Navigation
|
||||
5. Post Feed
|
||||
6. Single Post
|
||||
6.1. Post Byline
|
||||
6.2. Subscribe
|
||||
6.3. Read More
|
||||
6.4. Comments
|
||||
7. Author Template
|
||||
8. Tag Template
|
||||
9. Error Template
|
||||
11. Site Footer
|
||||
12. Dark Mode
|
||||
10. Site Footer
|
||||
11. Dark Mode
|
||||
|
||||
*/
|
||||
|
||||
@ -64,6 +63,7 @@ production stylesheet in assets/built/screen.css
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.viewport {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
@ -87,7 +87,7 @@ production stylesheet in assets/built/screen.css
|
||||
}
|
||||
|
||||
|
||||
/* 4. Site Header
|
||||
/* 3. Site Header
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.site-header {
|
||||
@ -136,6 +136,7 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
.site-header-content.no-content {
|
||||
padding-top: 0;
|
||||
padding-bottom: 2vmin;
|
||||
}
|
||||
|
||||
.site-header-inner {
|
||||
@ -246,18 +247,18 @@ production stylesheet in assets/built/screen.css
|
||||
font-size: 3.4rem !important;
|
||||
}
|
||||
.site-description {
|
||||
font-size: 2.8rem !important;
|
||||
font-size: 2.2rem !important;
|
||||
}
|
||||
.site-logo + .site-description {
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
.site-title + .site-description {
|
||||
margin-top: 4px !important;
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5. Site Navigation
|
||||
/* 4. Site Navigation
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.gh-head {
|
||||
@ -265,6 +266,7 @@ production stylesheet in assets/built/screen.css
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.3em;
|
||||
background-color: #fff;
|
||||
z-index: 150;
|
||||
}
|
||||
|
||||
.has-cover:not(.home-template) .gh-head {
|
||||
@ -272,7 +274,7 @@ production stylesheet in assets/built/screen.css
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home-template.has-cover .gh-head {
|
||||
:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -302,17 +304,17 @@ production stylesheet in assets/built/screen.css
|
||||
grid-template-columns: auto 1fr auto;
|
||||
}
|
||||
|
||||
.is-head-left-logo.home-template .gh-head-logo {
|
||||
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.is-head-left-logo.home-template .gh-head-menu {
|
||||
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu {
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.is-head-left-logo .gh-head-menu {
|
||||
margin-right: 32px;
|
||||
margin-right: 64px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
@ -411,7 +413,7 @@ production stylesheet in assets/built/screen.css
|
||||
}
|
||||
|
||||
.gh-head-logo.no-image {
|
||||
margin-top: -2px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.has-cover .gh-head-logo {
|
||||
@ -565,6 +567,17 @@ production stylesheet in assets/built/screen.css
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.gh-head-members {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gh-head-link {
|
||||
font-weight: 500;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.gh-head-button {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
@ -584,6 +597,14 @@ production stylesheet in assets/built/screen.css
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gh-head-members {
|
||||
flex-direction: column-reverse;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Search
|
||||
/* ---------------------------------------------------------- */
|
||||
@ -613,13 +634,13 @@ production stylesheet in assets/built/screen.css
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@media (max-width: 767px) {
|
||||
.gh-head-actions .gh-search {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
@media (min-width: 768px) {
|
||||
.gh-head-brand .gh-search {
|
||||
display: none;
|
||||
}
|
||||
@ -681,7 +702,7 @@ production stylesheet in assets/built/screen.css
|
||||
/* ---------------------------------------------------------- */
|
||||
/* IDs needed to ensure sufficient specificity */
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@media (max-width: 767px) {
|
||||
#gh-head {
|
||||
height: 64px;
|
||||
}
|
||||
@ -743,6 +764,11 @@ production stylesheet in assets/built/screen.css
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
|
||||
#gh-head :is(.gh-head-button, .gh-head-link) {
|
||||
opacity: 0;
|
||||
transform: translateY(8px);
|
||||
}
|
||||
|
||||
#gh-head .gh-head-button {
|
||||
width: 100%;
|
||||
font-size: 1.8rem;
|
||||
@ -753,10 +779,9 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
.gh-head-open #gh-head {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
inset: 0;
|
||||
z-index: 3999999;
|
||||
height: 100vh;
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@ -793,20 +818,24 @@ production stylesheet in assets/built/screen.css
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
padding: max(4vmin, 20px) 0;
|
||||
padding: max(4vmin, 20px) 0 max(4vmin, 28px);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.gh-head-open #gh-head .gh-head-button {
|
||||
.gh-head-open #gh-head :is(.gh-head-button, .gh-head-link) {
|
||||
opacity: 1;
|
||||
transition: transform 0.4s, opacity 0.4s;
|
||||
transition-delay: 0.2s;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.gh-head-open #gh-head .gh-head-link {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6. Post Feed
|
||||
/* 5. Post Feed
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.post-feed {
|
||||
@ -996,6 +1025,11 @@ production stylesheet in assets/built/screen.css
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
:is(.tag-template, .author-template) .post-card-large .post-card-excerpt {
|
||||
display: block;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.post-card-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -1144,25 +1178,59 @@ make sure this only happens on large viewports / desktop-ish devices.
|
||||
}
|
||||
}
|
||||
|
||||
/* Pagination
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
/* 7. Single Post
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6. Single Post
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.article {
|
||||
padding: max(8vmin, 40px) 0 max(8vmin, 64px);
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.page-template .article {
|
||||
padding-top: max(12vmin, 64px);
|
||||
.post-template .article {
|
||||
padding: max(8vmin, 40px) 0 max(8vmin, 64px);
|
||||
}
|
||||
|
||||
.article-header {
|
||||
padding: 0 0 max(6.4vmin, 40px) 0;
|
||||
.post-template .article-header {
|
||||
padding: 0 0 max(6.4vmin, 40px);
|
||||
}
|
||||
|
||||
.page-template .article-header {
|
||||
padding-bottom: max(3.2vmin, 28px);
|
||||
padding: max(12vmin, 64px) 0 max(3.2vmin, 28px);
|
||||
}
|
||||
|
||||
.article-tag {
|
||||
@ -1231,28 +1299,28 @@ make sure this only happens on large viewports / desktop-ish devices.
|
||||
is laid out on top of. Canvas just defines the grid, we don't
|
||||
use it for applying any other styles. */
|
||||
|
||||
.gh-canvas {
|
||||
.gh-canvas,
|
||||
.kg-width-full.kg-content-wide {
|
||||
--gap: max(4vmin, 20px);
|
||||
--main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
|
||||
--wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));
|
||||
--full: minmax(var(--gap), 1fr);
|
||||
|
||||
display: grid;
|
||||
grid-template-columns:
|
||||
[full-start]
|
||||
minmax(max(4vmin, 20px), auto)
|
||||
[wide-start]
|
||||
minmax(auto, 240px)
|
||||
[main-start]
|
||||
min(720px, calc(100% - max(8vmin, 40px)))
|
||||
[main-end]
|
||||
minmax(auto, 240px)
|
||||
[wide-end]
|
||||
minmax(max(4vmin, 20px), auto)
|
||||
[full-end]
|
||||
;
|
||||
[full-start] var(--full)
|
||||
[wide-start] var(--wide)
|
||||
[main-start] var(--main) [main-end]
|
||||
var(--wide) [wide-end]
|
||||
var(--full) [full-end];
|
||||
}
|
||||
|
||||
.gh-canvas > * {
|
||||
grid-column: main-start / main-end;
|
||||
}
|
||||
|
||||
.kg-width-wide {
|
||||
.kg-width-wide,
|
||||
.kg-content-wide > div {
|
||||
grid-column: wide-start / wide-end;
|
||||
}
|
||||
|
||||
@ -1278,6 +1346,11 @@ headings, text, images and lists. We deal with cards lower down. */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Remove space between full-width cards */
|
||||
.gh-content > .kg-width-full + .kg-width-full:not(.kg-width-full.kg-card-hascaption + .kg-width-full) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* [id] represents all headings h1-h6, reset all margins */
|
||||
.gh-content > [id] {
|
||||
margin: 0;
|
||||
@ -1328,6 +1401,14 @@ is the very first element in the post content */
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.page-template .gh-content:only-child > *:first-child:not(.kg-width-full) {
|
||||
margin-top: max(12vmin, 64px);
|
||||
}
|
||||
|
||||
.page-template .gh-content > *:last-child:not(.kg-width-full) {
|
||||
margin-bottom: max(12vmin, 64px);
|
||||
}
|
||||
|
||||
.gh-content .kg-callout-card .kg-callout-text,
|
||||
.gh-content .kg-toggle-card .kg-toggle-content > ol,
|
||||
.gh-content .kg-toggle-card .kg-toggle-content > ul,
|
||||
@ -1415,6 +1496,14 @@ is the very first element in the post content */
|
||||
box-shadow: 0 2px 6px -2px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
.gh-content ol ol li {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.gh-content ol ol ol li {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.gh-content > blockquote:not([class]),
|
||||
.gh-content > ol,
|
||||
@ -1452,11 +1541,9 @@ make sure they look good, and are given a bit of extra spacing. */
|
||||
except for when immediately preceeded by a heading */
|
||||
.gh-content :not(.kg-card):not([id]) + .kg-card {
|
||||
margin-top: 6vmin;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.gh-content .kg-card + :not(.kg-card) {
|
||||
margin-top: 6vmin;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* This keeps small embeds centered */
|
||||
@ -1624,7 +1711,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 7.1. Post Byline
|
||||
/* 6.1. Post Byline
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.article-byline {
|
||||
@ -1687,7 +1774,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 7.3. Subscribe
|
||||
/* 6.2. Subscribe
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.footer-cta {
|
||||
@ -1737,7 +1824,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 7.4. Read more
|
||||
/* 6.3. Read more
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.read-more-wrap {
|
||||
@ -1776,7 +1863,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
}
|
||||
|
||||
/* 7.6. Comments
|
||||
/* 6.4. Comments
|
||||
/* ---------------------------------------------------------- */
|
||||
.comments {
|
||||
display: flex;
|
||||
@ -1814,7 +1901,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 8. Author Template
|
||||
/* 7. Author Template
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.author-profile-pic {
|
||||
@ -1948,7 +2035,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 11. Site Footer
|
||||
/* 10. Site Footer
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.site-footer {
|
||||
@ -1960,6 +2047,10 @@ iframe.instagram-media + script + :not([id]) {
|
||||
background: color-mod(var(--color-darkgrey) l(-5%));
|
||||
}
|
||||
|
||||
.page-template .site-footer {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.site-footer .inner {
|
||||
display: grid;
|
||||
grid-gap: 40px;
|
||||
@ -2035,7 +2126,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 12. Dark Mode
|
||||
/* 11. Dark Mode
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
html.dark-mode body {
|
||||
@ -2055,13 +2146,14 @@ html.dark-mode figcaption a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .gh-head {
|
||||
html.dark-mode body:not(.has-cover) .gh-head {
|
||||
background: var(--color-darkmode);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .gh-burger-box {
|
||||
color: #fff;
|
||||
html.dark-mode .gh-burger::before,
|
||||
html.dark-mode .gh-burger::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .site-header-content {
|
||||
@ -2072,7 +2164,7 @@ html.dark-mode .post-card-image {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
|
||||
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
|
||||
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
|
||||
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||
}
|
||||
|
||||
@ -2088,6 +2180,10 @@ html.dark-mode .post-card-excerpt {
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
html.dark-mode .pagination a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .author-profile-location {
|
||||
color: #fff;
|
||||
}
|
||||
@ -2191,7 +2287,7 @@ html.dark-mode .gh-content table:not(.gist table) td {
|
||||
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
|
||||
}
|
||||
|
||||
html.dark-mode .gh-content input {
|
||||
html.dark-mode .gh-content :is(input, textarea) {
|
||||
color: color-mod(var(--color-midgrey) l(-30%));
|
||||
}
|
||||
|
||||
@ -2217,6 +2313,13 @@ html.dark-mode .footer-cta-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
html.dark-mode .gh-head-open:not(.has-cover) #gh-head,
|
||||
html.dark-mode .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html.auto-color body {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
@ -2235,13 +2338,14 @@ html.dark-mode .footer-cta-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .gh-head {
|
||||
html.auto-color body:not(.has-cover) .gh-head {
|
||||
background: var(--color-darkmode);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .gh-burger-box {
|
||||
color: #fff;
|
||||
html.auto-color .gh-burger::before,
|
||||
html.auto-color .gh-burger::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .site-header-content {
|
||||
@ -2252,7 +2356,7 @@ html.dark-mode .footer-cta-title {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
|
||||
html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
|
||||
html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
|
||||
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||
}
|
||||
|
||||
@ -2268,6 +2372,10 @@ html.dark-mode .footer-cta-title {
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
html.auto-color .pagination a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .author-profile-location {
|
||||
color: #fff;
|
||||
}
|
||||
@ -2371,7 +2479,7 @@ html.dark-mode .footer-cta-title {
|
||||
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
|
||||
}
|
||||
|
||||
html.auto-color .gh-content input {
|
||||
html.auto-color .gh-content :is(input, textarea) {
|
||||
color: color-mod(var(--color-midgrey) l(-30%));
|
||||
}
|
||||
|
||||
@ -2396,6 +2504,13 @@ html.dark-mode .footer-cta-title {
|
||||
html.auto-color .footer-cta-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
html.auto-color .gh-head-open:not(.has-cover) #gh-head,
|
||||
html.auto-color .gh-head-open:not(.has-cover) #gh-head .gh-head-actions {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@ -2412,3 +2527,4 @@ file to add some of your own styles. Well, you've come to
|
||||
the right place. Onward!
|
||||
|
||||
*/
|
||||
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
(function () {
|
||||
const mediaQuery = window.matchMedia('(max-width: 991px)');
|
||||
const mediaQuery = window.matchMedia('(max-width: 767px)');
|
||||
|
||||
const menu = document.querySelector('.gh-head-menu');
|
||||
const head = document.querySelector('.gh-head');
|
||||
const menu = head.querySelector('.gh-head-menu');
|
||||
const nav = menu.querySelector('.nav');
|
||||
if (!nav) return;
|
||||
|
||||
@ -15,6 +16,7 @@
|
||||
});
|
||||
}
|
||||
|
||||
var windowClickListener;
|
||||
const makeDropdown = function () {
|
||||
if (mediaQuery.matches) return;
|
||||
const submenuItems = [];
|
||||
@ -61,19 +63,21 @@
|
||||
document.body.classList.toggle('is-dropdown-open');
|
||||
});
|
||||
|
||||
window.addEventListener('click', function (e) {
|
||||
windowClickListener = function (e) {
|
||||
if (!toggle.contains(e.target) && document.body.classList.contains('is-dropdown-open')) {
|
||||
document.body.classList.remove('is-dropdown-open');
|
||||
}
|
||||
});
|
||||
};
|
||||
window.addEventListener('click', windowClickListener);
|
||||
}
|
||||
|
||||
imagesLoaded(logo, function () {
|
||||
imagesLoaded(head, function () {
|
||||
makeDropdown();
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function () {
|
||||
setTimeout(function () {
|
||||
window.removeEventListener('click', windowClickListener);
|
||||
nav.innerHTML = navHTML;
|
||||
makeDropdown();
|
||||
}, 1);
|
||||
|
||||
@ -14,6 +14,8 @@
|
||||
*/
|
||||
|
||||
(function (window, document) {
|
||||
if (document.documentElement.classList.contains('no-infinite-scroll')) return;
|
||||
|
||||
// next link element
|
||||
var nextElement = document.querySelector('link[rel=next]');
|
||||
if (!nextElement) {
|
||||
|
||||
20
author.hbs
20
author.hbs
@ -2,22 +2,24 @@
|
||||
{{!-- 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">
|
||||
<div class="post-feed inner">
|
||||
<div class="inner posts">
|
||||
|
||||
<div class="post-feed">
|
||||
|
||||
{{#author}}
|
||||
<section class="post-card post-card-large">
|
||||
|
||||
{{#if feature_image}}
|
||||
{{#if cover_image}}
|
||||
<div class="post-card-image-link">
|
||||
{{!-- 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"
|
||||
srcset="{{img_url cover_image size="s"}} 300w,
|
||||
{{img_url cover_image size="m"}} 600w,
|
||||
{{img_url cover_image size="l"}} 1000w,
|
||||
{{img_url cover_image size="xl"}} 2000w"
|
||||
sizes="(max-width: 1000px) 400px, 800px"
|
||||
src="{{img_url feature_image size="m"}}"
|
||||
src="{{img_url cover_image size="m"}}"
|
||||
alt="{{title}}"
|
||||
/>
|
||||
</div>
|
||||
@ -66,5 +68,9 @@
|
||||
{{> "post-card"}}
|
||||
{{/foreach}}
|
||||
|
||||
</div>
|
||||
|
||||
{{pagination}}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
19
default.hbs
19
default.hbs
@ -9,6 +9,10 @@
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
{{!-- Preload scripts --}}
|
||||
<link rel="preload" as="style" href="{{asset "built/screen.css"}}" />
|
||||
<link rel="preload" as="script" href="{{asset "built/casper.js"}}" />
|
||||
|
||||
{{!-- Theme assets - use the {asset} helper to reference styles & scripts,
|
||||
this will take care of caching and cache-busting automatically --}}
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
|
||||
@ -21,17 +25,17 @@
|
||||
<body class="{{body_class}} is-head-{{#match @custom.navigation_layout "Logo on cover"}}left-logo{{else match @custom.navigation_layout "Logo in the middle"}}middle-logo{{else}}stacked{{/match}}{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Modern sans-serif"}} has-sans-body{{/match}}{{#if @custom.show_publication_cover}} has-cover{{/if}}">
|
||||
<div class="viewport">
|
||||
|
||||
<header id="gh-head" class="gh-head outer">
|
||||
<header id="gh-head" class="gh-head outer{{#match @custom.header_style "Hidden"}} is-header-hidden{{/match}}">
|
||||
<div class="gh-head-inner inner">
|
||||
<div class="gh-head-brand">
|
||||
<a class="gh-head-logo" href="{{@site.url}}">
|
||||
<a class="gh-head-logo{{#unless @site.logo}} no-image{{/unless}}" href="{{@site.url}}">
|
||||
{{#if @site.logo}}
|
||||
<img src="{{@site.logo}}" alt="{{@site.title}}">
|
||||
{{else}}
|
||||
{{@site.title}}
|
||||
{{/if}}
|
||||
</a>
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-burger"></button>
|
||||
</div>
|
||||
|
||||
@ -39,7 +43,7 @@
|
||||
{{navigation}}
|
||||
{{#unless @site.members_enabled}}
|
||||
{{#match @custom.navigation_layout "Stacked"}}
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
||||
{{/match}}
|
||||
{{/unless}}
|
||||
</nav>
|
||||
@ -51,15 +55,18 @@
|
||||
{{/match}}
|
||||
{{else}}
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<div class="gh-head-members">
|
||||
{{#unless @member}}
|
||||
{{#unless @site.members_invite_only}}
|
||||
<a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
|
||||
<a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
|
||||
{{else}}
|
||||
<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Login</a>
|
||||
<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Sign in</a>
|
||||
{{/unless}}
|
||||
{{else}}
|
||||
<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>
|
||||
{{/unless}}
|
||||
</div>
|
||||
{{/unless}}
|
||||
</div>
|
||||
</div>
|
||||
@ -77,7 +84,7 @@
|
||||
<nav class="site-footer-nav">
|
||||
{{navigation type="secondary"}}
|
||||
</nav>
|
||||
<div><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
|
||||
<div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
@ -19,8 +19,8 @@ const colorFunction = require('postcss-color-mod-function');
|
||||
const cssnano = require('cssnano');
|
||||
const easyimport = require('postcss-easy-import');
|
||||
|
||||
const REPO = 'TryGhost/Casper';
|
||||
const REPO_READONLY = 'TryGhost/Casper';
|
||||
const REPO = 'tryghost/Casper';
|
||||
const REPO_READONLY = 'tryghost/Casper';
|
||||
const CHANGELOG_PATH = path.join(process.cwd(), '.', 'changelog.md');
|
||||
|
||||
function serve(done) {
|
||||
@ -113,6 +113,8 @@ exports.release = async () => {
|
||||
console.log(`\nCreating release for ${newVersion}...`);
|
||||
|
||||
const githubToken = process.env.GST_TOKEN;
|
||||
const repo_readonly = process.env.REPO_READONLY ?? REPO_READONLY;
|
||||
const repo = process.env.REPO ?? REPO;
|
||||
|
||||
if (!githubToken) {
|
||||
console.log('Please configure your environment with a GitHub token located in GST_TOKEN');
|
||||
|
||||
@ -48,5 +48,7 @@ into the {body} of the default.hbs template --}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
{{pagination}}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
"name": "casper-aytac",
|
||||
"description": "A clean, minimal default theme for the Ghost publishing platform with little modifications by Aytac",
|
||||
"demo": "https://aytac.kirmizi.online",
|
||||
"version": "5.4.1",
|
||||
"version": "5.6.0",
|
||||
"engines": {
|
||||
"ghost": ">=5.0.0"
|
||||
},
|
||||
@ -49,7 +49,7 @@
|
||||
"autoprefixer": "10.4.7",
|
||||
"beeper": "2.1.0",
|
||||
"cssnano": "5.1.12",
|
||||
"gscan": "4.34.0",
|
||||
"gscan": "4.36.1",
|
||||
"gulp": "4.0.2",
|
||||
"gulp-concat": "2.6.1",
|
||||
"gulp-livereload": "4.0.2",
|
||||
|
||||
2
page.hbs
2
page.hbs
@ -10,6 +10,7 @@ into the {body} tag of the default.hbs template --}}
|
||||
<main id="site-main" class="site-main">
|
||||
<article class="article {{post_class}}">
|
||||
|
||||
{{#match @page.show_title_and_feature_image}}
|
||||
<header class="article-header gh-canvas">
|
||||
|
||||
<h1 class="article-title">{{title}}</h1>
|
||||
@ -34,6 +35,7 @@ into the {body} tag of the default.hbs template --}}
|
||||
{{/if}}
|
||||
|
||||
</header>
|
||||
{{/match}}
|
||||
|
||||
<section class="gh-content gh-canvas">
|
||||
{{content}}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user