mirror of
https://github.com/spaytac/Casper.git
synced 2026-01-22 01:04:57 +00:00
Compare commits
No commits in common. "main" and "5.4.3" have entirely different histories.
44
.github/workflows/yarn-gulp.yml
vendored
44
.github/workflows/yarn-gulp.yml
vendored
@ -1,44 +0,0 @@
|
||||
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-2023 Ghost Foundation
|
||||
Copyright (c) 2013-2022 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,10 +89,17 @@ video {
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
@ -100,15 +107,18 @@ 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;
|
||||
@ -116,34 +126,42 @@ 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;
|
||||
@ -151,21 +169,27 @@ 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,
|
||||
@ -173,6 +197,7 @@ samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 3px 5px;
|
||||
font-family: var(--font-mono);
|
||||
@ -182,81 +207,109 @@ 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 */
|
||||
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
input[type="search"] {
|
||||
box-sizing: content-box;
|
||||
/* 2 */
|
||||
|
||||
-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;
|
||||
@ -271,6 +324,7 @@ html {
|
||||
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--color-darkgrey);
|
||||
font-family: var(--font-sans);
|
||||
@ -361,7 +415,7 @@ li {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
li + li {
|
||||
li+li {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
@ -391,6 +445,7 @@ blockquote small {
|
||||
font-size: 0.9em;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Quotation marks */
|
||||
blockquote small:before {
|
||||
content: "\2014 \00A0";
|
||||
@ -399,6 +454,7 @@ blockquote small:before {
|
||||
blockquote cite {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote cite a {
|
||||
font-weight: normal;
|
||||
}
|
||||
@ -427,6 +483,7 @@ h1 {
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h1 {
|
||||
font-size: 2.8rem;
|
||||
@ -438,6 +495,7 @@ h2 {
|
||||
font-size: 2.8rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h2 {
|
||||
font-size: 2.3rem;
|
||||
@ -449,6 +507,7 @@ h3 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h3 {
|
||||
font-size: 1.7rem;
|
||||
@ -459,6 +518,7 @@ h4 {
|
||||
margin: 1.5em 0 0.5em 0;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
h4 {
|
||||
font-size: 1.7rem;
|
||||
@ -474,3 +534,188 @@ 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,19 +6,20 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
1. Global Styles
|
||||
2. Layout
|
||||
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
|
||||
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
|
||||
9. Error Template
|
||||
10. Site Footer
|
||||
11. Dark Mode
|
||||
11. Site Footer
|
||||
12. Dark Mode
|
||||
|
||||
*/
|
||||
|
||||
@ -63,7 +64,6 @@ 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
|
||||
}
|
||||
|
||||
|
||||
/* 3. Site Header
|
||||
/* 4. Site Header
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.site-header {
|
||||
@ -247,18 +247,18 @@ production stylesheet in assets/built/screen.css
|
||||
font-size: 3.4rem !important;
|
||||
}
|
||||
.site-description {
|
||||
font-size: 2.2rem !important;
|
||||
font-size: 2.8rem !important;
|
||||
}
|
||||
.site-logo + .site-description {
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
.site-title + .site-description {
|
||||
margin-top: 12px !important;
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 4. Site Navigation
|
||||
/* 5. Site Navigation
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.gh-head {
|
||||
@ -266,7 +266,6 @@ 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 {
|
||||
@ -304,11 +303,11 @@ production stylesheet in assets/built/screen.css
|
||||
grid-template-columns: auto 1fr auto;
|
||||
}
|
||||
|
||||
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-logo {
|
||||
.is-head-left-logo.home-template .gh-head-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.is-head-left-logo.home-template .gh-head:not(.is-header-hidden) .gh-head-menu {
|
||||
.is-head-left-logo.home-template .gh-head-menu {
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
@ -413,7 +412,7 @@ production stylesheet in assets/built/screen.css
|
||||
}
|
||||
|
||||
.gh-head-logo.no-image {
|
||||
margin-top: -5px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.has-cover .gh-head-logo {
|
||||
@ -597,14 +596,6 @@ 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
|
||||
/* ---------------------------------------------------------- */
|
||||
@ -764,11 +755,6 @@ 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;
|
||||
@ -779,9 +765,10 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
.gh-head-open #gh-head {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 3999999;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@ -818,24 +805,20 @@ production stylesheet in assets/built/screen.css
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
padding: max(4vmin, 20px) 0 max(4vmin, 28px);
|
||||
padding: max(4vmin, 20px) 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.gh-head-open #gh-head :is(.gh-head-button, .gh-head-link) {
|
||||
.gh-head-open #gh-head .gh-head-button {
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5. Post Feed
|
||||
/* 6. Post Feed
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.post-feed {
|
||||
@ -1025,11 +1008,6 @@ 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;
|
||||
@ -1214,23 +1192,24 @@ html.no-infinite-scroll .pagination {
|
||||
}
|
||||
|
||||
|
||||
/* 6. Single Post
|
||||
/* 7. Single Post
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.article {
|
||||
padding: max(8vmin, 40px) 0 max(8vmin, 64px);
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.post-template .article {
|
||||
padding: max(8vmin, 40px) 0 max(8vmin, 64px);
|
||||
.page-template .article {
|
||||
padding-top: max(12vmin, 64px);
|
||||
}
|
||||
|
||||
.post-template .article-header {
|
||||
padding: 0 0 max(6.4vmin, 40px);
|
||||
.article-header {
|
||||
padding: 0 0 max(6.4vmin, 40px) 0;
|
||||
}
|
||||
|
||||
.page-template .article-header {
|
||||
padding: max(12vmin, 64px) 0 max(3.2vmin, 28px);
|
||||
padding-bottom: max(3.2vmin, 28px);
|
||||
}
|
||||
|
||||
.article-tag {
|
||||
@ -1299,28 +1278,28 @@ html.no-infinite-scroll .pagination {
|
||||
is laid out on top of. Canvas just defines the grid, we don't
|
||||
use it for applying any other styles. */
|
||||
|
||||
.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);
|
||||
|
||||
.gh-canvas {
|
||||
display: grid;
|
||||
grid-template-columns:
|
||||
[full-start] var(--full)
|
||||
[wide-start] var(--wide)
|
||||
[main-start] var(--main) [main-end]
|
||||
var(--wide) [wide-end]
|
||||
var(--full) [full-end];
|
||||
[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]
|
||||
;
|
||||
}
|
||||
|
||||
.gh-canvas > * {
|
||||
grid-column: main-start / main-end;
|
||||
}
|
||||
|
||||
.kg-width-wide,
|
||||
.kg-content-wide > div {
|
||||
.kg-width-wide {
|
||||
grid-column: wide-start / wide-end;
|
||||
}
|
||||
|
||||
@ -1346,11 +1325,6 @@ 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;
|
||||
@ -1401,14 +1375,6 @@ 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,
|
||||
@ -1496,14 +1462,6 @@ 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,
|
||||
@ -1541,9 +1499,11 @@ 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 */
|
||||
@ -1711,7 +1671,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 6.1. Post Byline
|
||||
/* 7.1. Post Byline
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.article-byline {
|
||||
@ -1774,7 +1734,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 6.2. Subscribe
|
||||
/* 7.3. Subscribe
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.footer-cta {
|
||||
@ -1824,7 +1784,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 6.3. Read more
|
||||
/* 7.4. Read more
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.read-more-wrap {
|
||||
@ -1863,7 +1823,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
}
|
||||
|
||||
/* 6.4. Comments
|
||||
/* 7.6. Comments
|
||||
/* ---------------------------------------------------------- */
|
||||
.comments {
|
||||
display: flex;
|
||||
@ -1901,7 +1861,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 7. Author Template
|
||||
/* 8. Author Template
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.author-profile-pic {
|
||||
@ -2035,7 +1995,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 10. Site Footer
|
||||
/* 11. Site Footer
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.site-footer {
|
||||
@ -2047,10 +2007,6 @@ 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;
|
||||
@ -2126,7 +2082,7 @@ iframe.instagram-media + script + :not([id]) {
|
||||
}
|
||||
|
||||
|
||||
/* 11. Dark Mode
|
||||
/* 12. Dark Mode
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
html.dark-mode body {
|
||||
@ -2146,14 +2102,13 @@ html.dark-mode figcaption a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode body:not(.has-cover) .gh-head {
|
||||
html.dark-mode .gh-head {
|
||||
background: var(--color-darkmode);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .gh-burger::before,
|
||||
html.dark-mode .gh-burger::after {
|
||||
background-color: #fff;
|
||||
html.dark-mode .gh-burger-box {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .site-header-content {
|
||||
@ -2287,7 +2242,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 :is(input, textarea) {
|
||||
html.dark-mode .gh-content input {
|
||||
color: color-mod(var(--color-midgrey) l(-30%));
|
||||
}
|
||||
|
||||
@ -2313,13 +2268,6 @@ 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);
|
||||
@ -2338,14 +2286,13 @@ html.dark-mode .footer-cta-title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color body:not(.has-cover) .gh-head {
|
||||
html.auto-color .gh-head {
|
||||
background: var(--color-darkmode);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .gh-burger::before,
|
||||
html.auto-color .gh-burger::after {
|
||||
background-color: #fff;
|
||||
html.auto-color .gh-burger-box {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .site-header-content {
|
||||
@ -2479,7 +2426,7 @@ html.dark-mode .footer-cta-title {
|
||||
border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
|
||||
}
|
||||
|
||||
html.auto-color .gh-content :is(input, textarea) {
|
||||
html.auto-color .gh-content input {
|
||||
color: color-mod(var(--color-midgrey) l(-30%));
|
||||
}
|
||||
|
||||
@ -2504,13 +2451,6 @@ 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@ -2527,4 +2467,3 @@ file to add some of your own styles. Well, you've come to
|
||||
the right place. Onward!
|
||||
|
||||
*/
|
||||
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
(function () {
|
||||
const mediaQuery = window.matchMedia('(max-width: 767px)');
|
||||
|
||||
const head = document.querySelector('.gh-head');
|
||||
const menu = head.querySelector('.gh-head-menu');
|
||||
const menu = document.querySelector('.gh-head-menu');
|
||||
const nav = menu.querySelector('.nav');
|
||||
if (!nav) return;
|
||||
|
||||
@ -16,7 +15,6 @@
|
||||
});
|
||||
}
|
||||
|
||||
var windowClickListener;
|
||||
const makeDropdown = function () {
|
||||
if (mediaQuery.matches) return;
|
||||
const submenuItems = [];
|
||||
@ -63,21 +61,19 @@
|
||||
document.body.classList.toggle('is-dropdown-open');
|
||||
});
|
||||
|
||||
windowClickListener = function (e) {
|
||||
window.addEventListener('click', 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(head, function () {
|
||||
imagesLoaded(logo, function () {
|
||||
makeDropdown();
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function () {
|
||||
setTimeout(function () {
|
||||
window.removeEventListener('click', windowClickListener);
|
||||
nav.innerHTML = navHTML;
|
||||
makeDropdown();
|
||||
}, 1);
|
||||
|
||||
12
author.hbs
12
author.hbs
@ -9,17 +9,17 @@
|
||||
{{#author}}
|
||||
<section class="post-card post-card-large">
|
||||
|
||||
{{#if cover_image}}
|
||||
{{#if feature_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 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"
|
||||
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 cover_image size="m"}}"
|
||||
src="{{img_url feature_image size="m"}}"
|
||||
alt="{{title}}"
|
||||
/>
|
||||
</div>
|
||||
|
||||
14
default.hbs
14
default.hbs
@ -9,10 +9,6 @@
|
||||
<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"}}" />
|
||||
@ -25,17 +21,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{{#match @custom.header_style "Hidden"}} is-header-hidden{{/match}}">
|
||||
<header id="gh-head" class="gh-head outer">
|
||||
<div class="gh-head-inner inner">
|
||||
<div class="gh-head-brand">
|
||||
<a class="gh-head-logo{{#unless @site.logo}} no-image{{/unless}}" href="{{@site.url}}">
|
||||
<a class="gh-head-logo" 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" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-burger"></button>
|
||||
</div>
|
||||
|
||||
@ -43,7 +39,7 @@
|
||||
{{navigation}}
|
||||
{{#unless @site.members_enabled}}
|
||||
{{#match @custom.navigation_layout "Stacked"}}
|
||||
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
{{/match}}
|
||||
{{/unless}}
|
||||
</nav>
|
||||
@ -84,7 +80,7 @@
|
||||
<nav class="site-footer-nav">
|
||||
{{navigation type="secondary"}}
|
||||
</nav>
|
||||
<div class="gh-powered-by"><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div>
|
||||
<div><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,8 +113,6 @@ 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');
|
||||
|
||||
@ -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.6.0",
|
||||
"version": "5.4.3",
|
||||
"engines": {
|
||||
"ghost": ">=5.0.0"
|
||||
},
|
||||
@ -49,7 +49,7 @@
|
||||
"autoprefixer": "10.4.7",
|
||||
"beeper": "2.1.0",
|
||||
"cssnano": "5.1.12",
|
||||
"gscan": "4.36.1",
|
||||
"gscan": "4.34.0",
|
||||
"gulp": "4.0.2",
|
||||
"gulp-concat": "2.6.1",
|
||||
"gulp-livereload": "4.0.2",
|
||||
|
||||
44
page.hbs
44
page.hbs
@ -10,32 +10,30 @@ 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">
|
||||
<header class="article-header gh-canvas">
|
||||
|
||||
<h1 class="article-title">{{title}}</h1>
|
||||
<h1 class="article-title">{{title}}</h1>
|
||||
|
||||
{{#if feature_image}}
|
||||
<figure class="article-image">
|
||||
{{!-- 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
|
||||
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="(min-width: 1400px) 1400px, 92vw"
|
||||
src="{{img_url feature_image size="xl"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
/>
|
||||
{{#if feature_image_caption}}
|
||||
<figcaption>{{feature_image_caption}}</figcaption>
|
||||
{{/if}}
|
||||
</figure>
|
||||
{{/if}}
|
||||
{{#if feature_image}}
|
||||
<figure class="article-image">
|
||||
{{!-- 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
|
||||
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="(min-width: 1400px) 1400px, 92vw"
|
||||
src="{{img_url feature_image size="xl"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
/>
|
||||
{{#if feature_image_caption}}
|
||||
<figcaption>{{feature_image_caption}}</figcaption>
|
||||
{{/if}}
|
||||
</figure>
|
||||
{{/if}}
|
||||
|
||||
</header>
|
||||
{{/match}}
|
||||
</header>
|
||||
|
||||
<section class="gh-content gh-canvas">
|
||||
{{content}}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user