mirror of
https://github.com/GenZmeY/casper-i18n.git
synced 2025-07-13 09:16:06 +00:00
Compare commits
36 Commits
Author | SHA1 | Date | |
---|---|---|---|
94422fffe2 | |||
47e0b19562 | |||
8ec65a45e4 | |||
8e220b089b | |||
e4861a0d78 | |||
243192f0d9 | |||
c516c10383 | |||
46dc55769e | |||
191f5f74f1 | |||
e559857b12 | |||
8f9a185a80 | |||
bcb586b862 | |||
70ad5bde8b | |||
b064e9fc87 | |||
1e6e807f94 | |||
9cf7aea47c | |||
6db90c9fec | |||
bc7b44f01b | |||
db4979d32d | |||
dd4ca42280 | |||
3bdd10a37a | |||
56c766303f | |||
bf37631aa2 | |||
82253b06f2 | |||
969a20ef6d | |||
dbaaf955af | |||
de94edc8a8 | |||
1292f2e22b | |||
933ebb86ca | |||
cb1196630b | |||
bcdbdab861 | |||
9a1988aa6d | |||
e2911f2d46 | |||
df09b7c375 | |||
09d827249f | |||
ff591092e2 |
2
LICENSE
2
LICENSE
@ -1,4 +1,4 @@
|
|||||||
Copyright (c) 2013-2014 Ghost Foundation - Released under The MIT License.
|
Copyright (c) 2013-2015 Ghost Foundation
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person
|
Permission is hereby granted, free of charge, to any person
|
||||||
obtaining a copy of this software and associated documentation
|
obtaining a copy of this software and associated documentation
|
||||||
|
@ -6,7 +6,7 @@ To download, visit the [releases](https://github.com/TryGhost/Casper/releases) p
|
|||||||
|
|
||||||
## Copyright & License
|
## Copyright & License
|
||||||
|
|
||||||
Copyright (c) 2013-2014 Ghost Foundation - Released under the MIT License.
|
Copyright (c) 2013-2015 Ghost Foundation - Released under the MIT License.
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
@ -184,6 +184,7 @@ body {
|
|||||||
-webkit-font-feature-settings: 'kern' 1;
|
-webkit-font-feature-settings: 'kern' 1;
|
||||||
-moz-font-feature-settings: 'kern' 1;
|
-moz-font-feature-settings: 'kern' 1;
|
||||||
-o-font-feature-settings: 'kern' 1;
|
-o-font-feature-settings: 'kern' 1;
|
||||||
|
text-rendering: geometricPrecision;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
@ -203,6 +204,7 @@ h4, h5, h6 {
|
|||||||
line-height: 1.15em;
|
line-height: 1.15em;
|
||||||
margin: 0 0 0.4em 0;
|
margin: 0 0 0.4em 0;
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
|
text-rendering: geometricPrecision;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -234,7 +236,7 @@ h6 {
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
color: #4A4A4A;
|
color: #4A4A4A;
|
||||||
transition: color ease 0.3s;
|
transition: color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -246,6 +248,7 @@ p, ul, ol, dl {
|
|||||||
-moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
|
-moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
|
||||||
-o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
|
-o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
|
||||||
margin: 0 0 1.75em 0;
|
margin: 0 0 1.75em 0;
|
||||||
|
text-rendering: geometricPrecision;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol, ul {
|
ol, ul {
|
||||||
@ -351,7 +354,6 @@ pre {
|
|||||||
|
|
||||||
pre code, tt {
|
pre code, tt {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
white-space: -moz-pre-wrap;
|
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
@ -440,7 +442,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
display: table;
|
display: table;
|
||||||
}
|
}
|
||||||
.clearfix:after { clear: both; }
|
.clearfix:after { clear: both; }
|
||||||
.clearfix { *zoom: 1; }
|
.clearfix { zoom: 1; }
|
||||||
|
|
||||||
/* Hides shit */
|
/* Hides shit */
|
||||||
.hidden {
|
.hidden {
|
||||||
@ -463,6 +465,22 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Wraps the main content & footer */
|
||||||
|
.site-wrapper {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
min-height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
-webkit-transition: -webkit-transform 0.5s ease;
|
||||||
|
transition: transform 0.5s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.nav-opened .site-wrapper {
|
||||||
|
-webkit-transform: translate3D(-240px, 0, 0);
|
||||||
|
-ms-transform: translate3D(-240px, 0, 0);
|
||||||
|
transform: translate3D(-240px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
4. General - The main styles for the the theme
|
4. General - The main styles for the the theme
|
||||||
@ -473,7 +491,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: table;
|
display: table;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 5rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #222 no-repeat center center;
|
background: #222 no-repeat center center;
|
||||||
@ -496,6 +514,192 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Navigation */
|
||||||
|
body.nav-opened .nav-cover {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 240px;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 5;
|
||||||
|
width: 240px;
|
||||||
|
opacity: 0;
|
||||||
|
background: #111;
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-align: left;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-transition: -webkit-transform 0.5s ease,
|
||||||
|
opacity 0.3s ease 0.7s;
|
||||||
|
transition: transform 0.5s ease,
|
||||||
|
opacity 0.3s ease 0.7s;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.nav-closed .nav {
|
||||||
|
-webkit-transform: translate3D(97px, 0, 0);
|
||||||
|
-ms-transform: translate3D(97px, 0, 0);
|
||||||
|
transform: translate3D(97px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.nav-opened .nav {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transition: -webkit-transform 0.5s ease,
|
||||||
|
opacity 0s ease 0s;
|
||||||
|
transition: -webkit-transform 0.5s ease,
|
||||||
|
opacity 0s ease 0s;
|
||||||
|
-webkit-transform: translate3D(0, 0, 0);
|
||||||
|
-ms-transform: translate3D(0, 0, 0);
|
||||||
|
transform: translate3D(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-title {
|
||||||
|
position: absolute;
|
||||||
|
top: 45px;
|
||||||
|
left: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 100;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 38px;
|
||||||
|
right: 25px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close:before,
|
||||||
|
.nav-close:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 20px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgb(150,150,150);
|
||||||
|
top: 15px;
|
||||||
|
-webkit-transition: background 0.15s ease;
|
||||||
|
transition: background 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close:before {
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close:after {
|
||||||
|
-webkit-transform: rotate(-45deg);
|
||||||
|
-ms-transform: rotate(-45deg);
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close:hover:before,
|
||||||
|
.nav-close:hover:after {
|
||||||
|
background: rgb(255,255,255);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav ul {
|
||||||
|
padding: 90px 9% 5%;
|
||||||
|
list-style: none;
|
||||||
|
counter-reset: item;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav li:before {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
padding-right: 4%;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: right;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
vertical-align: bottom;
|
||||||
|
color: #B8B8B8;
|
||||||
|
content: counter(item, lower-roman);
|
||||||
|
counter-increment: item;
|
||||||
|
}
|
||||||
|
.nav li {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.nav li a {
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 1.4;
|
||||||
|
font-size: 1.4rem;
|
||||||
|
display: block;
|
||||||
|
padding: 0.6rem 4%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.nav li a:after {
|
||||||
|
display: inline-block;
|
||||||
|
content: " .......................................................";
|
||||||
|
color: rgba(255,255,255,0.2);
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.nav .nav-current:before {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.nav .nav-current a:after {
|
||||||
|
content: " ";
|
||||||
|
border-bottom: rgba(255,255,255,0.5) 1px solid;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav a:link,
|
||||||
|
.nav a:visited {
|
||||||
|
color: #B8B8B8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav li.nav-current a,
|
||||||
|
.nav a:hover,
|
||||||
|
.nav a:active,
|
||||||
|
.nav a:focus {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-button {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 30px;
|
||||||
|
left: 30px;
|
||||||
|
right: 30px;
|
||||||
|
height: 38px;
|
||||||
|
padding: 0 20px;
|
||||||
|
color: #111 !important;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: "Open Sans", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 35px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #fff;
|
||||||
|
transition: all ease 0.3s;
|
||||||
|
}
|
||||||
|
.subscribe-button:before {
|
||||||
|
font-size: 9px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Create a bouncing scroll-down arrow on homepage with cover image */
|
/* Create a bouncing scroll-down arrow on homepage with cover image */
|
||||||
.scroll-down {
|
.scroll-down {
|
||||||
display: block;
|
display: block;
|
||||||
@ -511,6 +715,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: rgba(255,255,255,0.7);
|
color: rgba(255,255,255,0.7);
|
||||||
-webkit-transform: rotate(-90deg);
|
-webkit-transform: rotate(-90deg);
|
||||||
|
-ms-transform: rotate(-90deg);
|
||||||
transform: rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
-webkit-animation: bounce 4s 2s infinite;
|
-webkit-animation: bounce 4s 2s infinite;
|
||||||
animation: bounce 4s 2s infinite;
|
animation: bounce 4s 2s infinite;
|
||||||
@ -535,9 +740,6 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -75px;
|
margin-left: -75px;
|
||||||
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
|
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.15)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
|
|
||||||
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
|
|
||||||
background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
|
background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -567,41 +769,16 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-button {
|
.menu-button {
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: inline-block;
|
|
||||||
float: left;
|
|
||||||
height: 38px;
|
|
||||||
padding: 0 15px 0 10px;
|
|
||||||
border: transparent 1px solid;
|
|
||||||
color: #9EABB3;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
line-height: 35px;
|
|
||||||
border-radius: 3px;
|
|
||||||
background: rgba(0,0,0,0.1);
|
|
||||||
transition: all ease 0.3s;
|
|
||||||
}
|
|
||||||
.back-button:before {
|
|
||||||
position: relative;
|
|
||||||
bottom: -2px;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 0;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subscribe-button {
|
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: right;
|
float: right;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
padding: 0 20px;
|
padding: 0 15px;
|
||||||
border: transparent 1px solid;
|
border: #bfc8cd 1px solid;
|
||||||
|
opacity: 1;
|
||||||
color: #9EABB3;
|
color: #9EABB3;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -610,13 +787,31 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: rgba(0,0,0,0.1);
|
background: rgba(0,0,0,0.1);
|
||||||
transition: all ease 0.3s;
|
transition: all 0.6s ease;
|
||||||
}
|
}
|
||||||
.subscribe-button:before {
|
.menu-button:focus {
|
||||||
font-size: 9px;
|
outline: 0;
|
||||||
|
}
|
||||||
|
.menu-button .burger {
|
||||||
|
font-size: 12px;
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.nav-opened .menu-button {
|
||||||
|
padding: 0 12px;
|
||||||
|
background: #111 !important;
|
||||||
|
border-color: #111 !important;
|
||||||
|
color: #fff !important;
|
||||||
|
-webkit-transform: translate3D(94px, 0, 0);
|
||||||
|
-ms-transform: translate3D(94px, 0, 0);
|
||||||
|
transform: translate3D(94px, 0, 0);
|
||||||
|
transition: all 0.4s ease;
|
||||||
|
}
|
||||||
|
body.nav-opened .menu-button .word {
|
||||||
|
opacity: 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
/* Special styles when overlaid on an image*/
|
/* Special styles when overlaid on an image*/
|
||||||
.main-nav.overlay {
|
.main-nav.overlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -625,14 +820,10 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
right: 0;
|
right: 0;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
border: none;
|
border: none;
|
||||||
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
|
|
||||||
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
|
|
||||||
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
|
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
|
||||||
}
|
}
|
||||||
.no-cover .main-nav.overlay,
|
.no-cover .main-nav.overlay,
|
||||||
.no-cover .back-button,
|
.no-cover .menu-button {
|
||||||
.no-cover .subscribe-button {
|
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -640,8 +831,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav.overlay .back-button,
|
.main-nav.overlay .menu-button {
|
||||||
.main-nav.overlay .subscribe-button {
|
|
||||||
border-color: rgba(255,255,255,0.6);
|
border-color: rgba(255,255,255,0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -649,14 +839,12 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
color: #222;
|
color: #222;
|
||||||
border-color: #fff;
|
border-color: #fff;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
transition: all 0.1s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add a border to the buttons on hover */
|
/* Add a border to the buttons on hover */
|
||||||
.back-button:hover,
|
.menu-button:hover {
|
||||||
.subscribe-button:hover {
|
border-color: #555;
|
||||||
border-color: #bfc8cd;
|
color: #555;
|
||||||
color: #9EABB3;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The details of your blog. Defined in ghost/settings/ */
|
/* The details of your blog. Defined in ghost/settings/ */
|
||||||
@ -693,8 +881,7 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
color: rgba(0,0,0,0.5);
|
color: rgba(0,0,0,0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-cover .main-nav.overlay .back-button,
|
.no-cover .main-nav.overlay .menu-button {
|
||||||
.no-cover .main-nav.overlay .subscribe-button {
|
|
||||||
color: rgba(0,0,0,0.4);
|
color: rgba(0,0,0,0.4);
|
||||||
border-color: rgba(0,0,0,0.3);
|
border-color: rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
@ -721,7 +908,10 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
margin: 4rem auto;
|
margin: 4rem auto;
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 4rem;
|
||||||
border-bottom: #EBF2F6 1px solid;
|
border-bottom: #EBF2F6 1px solid;
|
||||||
word-break: break-word;
|
word-wrap: break-word;
|
||||||
|
-moz-hyphens: auto;
|
||||||
|
-ms-hyphens: auto;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -738,8 +928,6 @@ margin on the iframe, cause it breaks stuff. */
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
-webkit-border-radius: 100%;
|
|
||||||
-moz-border-radius: 100%;
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
box-shadow: #FFF 0 0 0 5px;
|
box-shadow: #FFF 0 0 0 5px;
|
||||||
}
|
}
|
||||||
@ -973,89 +1161,13 @@ body:not(.post-template) .post-title {
|
|||||||
color: #50585D;
|
color: #50585D;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The subscribe icon on the footer */
|
|
||||||
.subscribe {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
position: absolute;
|
|
||||||
top: -14px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -15px;
|
|
||||||
border: #EBF2F6 1px solid;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 2.4rem;
|
|
||||||
border-radius: 50px;
|
|
||||||
background: #FFF;
|
|
||||||
transition: box-shadow 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* The RSS icon, inserted via icon font */
|
|
||||||
.subscribe:before {
|
|
||||||
color: #D2DEE3;
|
|
||||||
font-size: 10px;
|
|
||||||
position: absolute;
|
|
||||||
top: 2px;
|
|
||||||
left: 9px;
|
|
||||||
font-weight: 700;
|
|
||||||
transition: color 0.5s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add a box shadow to on hover */
|
|
||||||
.subscribe:hover {
|
|
||||||
box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
|
|
||||||
transition: box-shadow 0.25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subscribe:hover:before {
|
|
||||||
color: #50585D;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CSS tooltip saying "Subscribe!" - initially hidden */
|
|
||||||
.tooltip {
|
|
||||||
opacity: 0;
|
|
||||||
display: block;
|
|
||||||
width: 53px;
|
|
||||||
padding: 4px 8px 5px 8px;
|
|
||||||
position:absolute;
|
|
||||||
top: -23px;
|
|
||||||
left: -21px;
|
|
||||||
color: rgba(255,255,255,0.9);
|
|
||||||
font-size: 1.1rem;
|
|
||||||
line-height: 1em;
|
|
||||||
text-align: center;
|
|
||||||
background: #50585D;
|
|
||||||
border-radius: 20px;
|
|
||||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
|
||||||
transition: opacity 0.3s ease, top 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* The little chiclet arrow under the tooltip, pointing down */
|
|
||||||
.tooltip:after {
|
|
||||||
content: " ";
|
|
||||||
border-width: 5px 5px 0 5px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #50585D transparent;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -4px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -5px;
|
|
||||||
z-index: 220;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* On hover, show the tooltip! */
|
|
||||||
.subscribe:hover .tooltip {
|
|
||||||
opacity: 1;
|
|
||||||
top: -33px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
6. Author profile
|
6. Author profile
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
.post-head.main-header {
|
.post-head.main-header {
|
||||||
height: 65%;
|
height: 65vh;
|
||||||
min-height: 180px;
|
min-height: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1067,17 +1179,17 @@ body:not(.post-template) .post-title {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tag-head.main-header {
|
.tag-head.main-header {
|
||||||
height: 40%;
|
height: 40vh;
|
||||||
min-height: 180px;
|
min-height: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.author-head.main-header {
|
.author-head.main-header {
|
||||||
height: 40%;
|
height: 40vh;
|
||||||
min-height: 180px;
|
min-height: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-cover.author-head.main-header {
|
.no-cover.author-head.main-header {
|
||||||
height: 10%;
|
height: 10vh;
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
@ -1100,8 +1212,6 @@ body:not(.post-template) .post-title {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
-webkit-border-radius: 100%;
|
|
||||||
-moz-border-radius: 100%;
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
box-shadow: #FFF 0 0 0 5px;
|
box-shadow: #FFF 0 0 0 5px;
|
||||||
}
|
}
|
||||||
@ -1193,11 +1303,17 @@ body:not(.post-template) .post-title {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
}
|
}
|
||||||
|
.gist td {
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
.gist .line-number {
|
.gist .line-number {
|
||||||
min-width: 25px;
|
min-width: 25px;
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Pastebin */
|
||||||
|
.content .embedPastebin {
|
||||||
|
margin-bottom: 1.75em;
|
||||||
|
}
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
8. Pagination - Tools to let you flick between pages
|
8. Pagination - Tools to let you flick between pages
|
||||||
@ -1229,7 +1345,7 @@ body:not(.post-template) .post-title {
|
|||||||
border: #bfc8cd 1px solid;
|
border: #bfc8cd 1px solid;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
transition: border ease 0.3s;
|
transition: border 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.older-posts {
|
.older-posts {
|
||||||
@ -1267,8 +1383,6 @@ body:not(.post-template) .post-title {
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
-webkit-border-radius: 100%;
|
|
||||||
-moz-border-radius: 100%;
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
box-shadow: #FFF 0 0 0 5px;
|
box-shadow: #FFF 0 0 0 5px;
|
||||||
}
|
}
|
||||||
@ -1332,10 +1446,6 @@ body:not(.post-template) .post-title {
|
|||||||
|
|
||||||
@media only screen and (max-width: 900px) {
|
@media only screen and (max-width: 900px) {
|
||||||
|
|
||||||
.main-nav {
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
@ -1472,40 +1582,33 @@ body:not(.post-template) .post-title {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main-nav {
|
.main-nav {
|
||||||
padding: 0;
|
padding: 5px;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
border-bottom: #e0e4e7 1px solid;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-logo {
|
.blog-logo {
|
||||||
padding: 10px 10px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-logo img {
|
.blog-logo img {
|
||||||
height: 26px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-button,
|
.menu-button {
|
||||||
.subscribe-button {
|
padding: 0 5px;
|
||||||
height: 44px;
|
|
||||||
line-height: 41px;
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
border-color: transparent;
|
||||||
color: #2e2e2e;
|
color: #2e2e2e;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
.back-button:hover,
|
.menu-button:hover {
|
||||||
.subscribe-button:hover {
|
|
||||||
border-color: #ebeef0;
|
|
||||||
color: #2e2e2e;
|
color: #2e2e2e;
|
||||||
background: #ebeef0;
|
border-color: transparent;
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
body.nav-opened .menu-button {
|
||||||
.back-button {
|
background: none !important;
|
||||||
padding: 0 15px 0 10px;
|
border: transparent !important;
|
||||||
}
|
|
||||||
|
|
||||||
.subscribe-button {
|
|
||||||
padding: 0 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav.overlay a:hover {
|
.main-nav.overlay a:hover {
|
||||||
@ -1517,18 +1620,26 @@ body:not(.post-template) .post-title {
|
|||||||
.no-cover .main-nav.overlay {
|
.no-cover .main-nav.overlay {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
.no-cover .main-nav.overlay .back-button,
|
.no-cover .main-nav.overlay .menu-button {
|
||||||
.no-cover .main-nav.overlay .subscribe-button {
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav.overlay .back-button,
|
.main-nav.overlay .menu-button {
|
||||||
.main-nav.overlay .subscribe-button {
|
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-logo img {
|
.nav-title {
|
||||||
max-height: 80px;
|
top: 25px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav ul {
|
||||||
|
padding: 60px 9% 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inner,
|
.inner,
|
||||||
|
@ -59,6 +59,11 @@
|
|||||||
|
|
||||||
$(".scroll-down").arctic_scroll();
|
$(".scroll-down").arctic_scroll();
|
||||||
|
|
||||||
|
$(".menu-button, .nav-cover, .nav-close").on("click", function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$("body").toggleClass("nav-opened nav-closed");
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// smartresize
|
// smartresize
|
||||||
|
12
author.hbs
12
author.hbs
@ -7,8 +7,10 @@
|
|||||||
{{#author}}
|
{{#author}}
|
||||||
<header class="main-header author-head {{#if cover}}" style="background-image: url({{cover}}){{else}}no-cover{{/if}}">
|
<header class="main-header author-head {{#if cover}}" style="background-image: url({{cover}}){{else}}no-cover{{/if}}">
|
||||||
<nav class="main-nav overlay clearfix">
|
<nav class="main-nav overlay clearfix">
|
||||||
<a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
||||||
<a class="subscribe-button icon-feed" href="{{url}}rss/">{{name}}</a>
|
{{#if @blog.navigation}}
|
||||||
|
<a class="menu-button" href="#"><span class="burger">☰</span><span class="word">Menu</span></a>
|
||||||
|
{{/if}}
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -19,7 +21,9 @@
|
|||||||
</figure>
|
</figure>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
<h1 class="author-title">{{name}}</h1>
|
<h1 class="author-title">{{name}}</h1>
|
||||||
<h2 class="author-bio">{{bio}}</h2>
|
{{#if bio}}
|
||||||
|
<h2 class="author-bio">{{bio}}</h2>
|
||||||
|
{{/if}}
|
||||||
<div class="author-meta">
|
<div class="author-meta">
|
||||||
{{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
|
{{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
|
||||||
{{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
|
{{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
|
||||||
@ -34,4 +38,4 @@
|
|||||||
{{! The tag below includes the post loop - partials/loop.hbs }}
|
{{! The tag below includes the post loop - partials/loop.hbs }}
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
20
default.hbs
20
default.hbs
@ -21,15 +21,21 @@
|
|||||||
{{! Ghost outputs important style and meta data with this tag }}
|
{{! Ghost outputs important style and meta data with this tag }}
|
||||||
{{ghost_head}}
|
{{ghost_head}}
|
||||||
</head>
|
</head>
|
||||||
<body class="{{body_class}}">
|
<body class="{{body_class}} nav-closed">
|
||||||
|
|
||||||
{{! Everything else gets inserted here }}
|
{{navigation}}
|
||||||
{{{body}}}
|
|
||||||
|
|
||||||
<footer class="site-footer clearfix">
|
<div class="site-wrapper">
|
||||||
<section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> © {{date format="YYYY"}}</section>
|
|
||||||
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
|
{{! Everything else gets inserted here }}
|
||||||
</footer>
|
{{{body}}}
|
||||||
|
|
||||||
|
<footer class="site-footer clearfix">
|
||||||
|
<section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> © {{date format="YYYY"}}</section>
|
||||||
|
<section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a></section>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
{{! Ghost outputs important scripts and data with this tag }}
|
{{! Ghost outputs important scripts and data with this tag }}
|
||||||
{{ghost_foot}}
|
{{ghost_foot}}
|
||||||
|
@ -5,7 +5,9 @@
|
|||||||
<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
|
<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
|
||||||
<nav class="main-nav overlay clearfix">
|
<nav class="main-nav overlay clearfix">
|
||||||
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
||||||
<a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
|
{{#if @blog.navigation}}
|
||||||
|
<a class="menu-button" href="#"><span class="burger">☰</span><span class="word">Menu</span></a>
|
||||||
|
{{/if}}
|
||||||
</nav>
|
</nav>
|
||||||
<div class="vertical">
|
<div class="vertical">
|
||||||
<div class="main-header-content inner">
|
<div class="main-header-content inner">
|
||||||
@ -22,4 +24,4 @@
|
|||||||
{{! The tag below includes the post loop - partials/loop.hbs }}
|
{{! The tag below includes the post loop - partials/loop.hbs }}
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
{
|
{
|
||||||
"name": "Casper",
|
"name": "Casper",
|
||||||
"version": "1.1.1"
|
"version": "1.1.6"
|
||||||
}
|
}
|
||||||
|
25
page.hbs
25
page.hbs
@ -3,24 +3,29 @@
|
|||||||
{{! This is a page template. A page outputs content just like any other post, and has all the same
|
{{! This is a page template. A page outputs content just like any other post, and has all the same
|
||||||
attributes by default, but you can also customise it to behave differently if you prefer. }}
|
attributes by default, but you can also customise it to behave differently if you prefer. }}
|
||||||
|
|
||||||
<nav class="main-nav clearfix">
|
{{! Everything inside the #post tags pulls data from the page }}
|
||||||
<a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
|
{{#post}}
|
||||||
<a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
|
|
||||||
</nav>
|
<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
|
||||||
|
<nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
|
||||||
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
||||||
|
{{#if @blog.navigation}}
|
||||||
|
<a class="menu-button" href="#"><span class="burger">☰</span><span class="word">Menu</span></a>
|
||||||
|
{{/if}}
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
<main class="content" role="main">
|
<main class="content" role="main">
|
||||||
|
|
||||||
<article class="{{post_class}}">
|
<article class="{{post_class}}">
|
||||||
{{! Everything inside the #post tags pulls data from the post }}
|
|
||||||
{{#post}}
|
|
||||||
|
|
||||||
<h1 class="post-title">{{title}}</h1>
|
<header class="post-header">
|
||||||
|
<h1 class="post-title">{{title}}</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<section class="post-content">
|
<section class="post-content">
|
||||||
{{content}}
|
{{content}}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{{/post}}
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
{{/post}}
|
||||||
|
13
partials/navigation.hbs
Normal file
13
partials/navigation.hbs
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<div class="nav">
|
||||||
|
<h3 class="nav-title">Menu</h3>
|
||||||
|
<a href="#" class="nav-close">
|
||||||
|
<span class="hidden">Close</span>
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
{{#foreach navigation}}
|
||||||
|
<li class="nav-{{slug}}{{#if current}} nav-current{{/if}}" role="presentation"><a href="{{url absolute="true"}}">{{label}}</a></li>
|
||||||
|
{{/foreach}}
|
||||||
|
</ul>
|
||||||
|
<a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
|
||||||
|
</div>
|
||||||
|
<span class="nav-cover"></span>
|
8
post.hbs
8
post.hbs
@ -8,13 +8,14 @@
|
|||||||
|
|
||||||
<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
|
<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
|
||||||
<nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
|
<nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
|
||||||
<a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
||||||
<a class="subscribe-button icon-feed" href="{{@blog.url}}/rss/">Subscribe</a>
|
{{#if @blog.navigation}}
|
||||||
|
<a class="menu-button" href="#"><span class="burger">☰</span><span class="word">Menu</span></a>
|
||||||
|
{{/if}}
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="content" role="main">
|
<main class="content" role="main">
|
||||||
|
|
||||||
<article class="{{post_class}}">
|
<article class="{{post_class}}">
|
||||||
|
|
||||||
<header class="post-header">
|
<header class="post-header">
|
||||||
@ -74,7 +75,6 @@
|
|||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
{{/post}}
|
{{/post}}
|
||||||
|
20
tag.hbs
20
tag.hbs
@ -1,16 +1,24 @@
|
|||||||
{{!< default}}
|
{{!< default}}
|
||||||
{{! 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 }}
|
||||||
|
|
||||||
{{! The big featured header }}
|
{{! If we have a tag cover, display that - else blog cover - else nothing }}
|
||||||
<header class="main-header tag-head {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
|
<header class="main-header tag-head {{#if tag.image}}" style="background-image: url({{tag.image}}){{else}}{{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}{{/if}}">
|
||||||
<nav class="main-nav overlay clearfix">
|
<nav class="main-nav overlay clearfix">
|
||||||
<a class="back-button icon-arrow-left" href="{{@blog.url}}">Home</a>
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
||||||
<a class="subscribe-button icon-feed" href="{{@blog.url}}/tag/{{tag.slug}}/rss/">{{tag.name}}</a>
|
{{#if @blog.navigation}}
|
||||||
|
<a class="menu-button" href="#"><span class="burger">☰</span><span class="word">Menu</span></a>
|
||||||
|
{{/if}}
|
||||||
</nav>
|
</nav>
|
||||||
<div class="vertical">
|
<div class="vertical">
|
||||||
<div class="main-header-content inner">
|
<div class="main-header-content inner">
|
||||||
<h1 class="page-title">{{tag.name}}</h1>
|
<h1 class="page-title">{{tag.name}}</h1>
|
||||||
<h2 class="page-description">A {{pagination.total}}-post collection</h2>
|
<h2 class="page-description">
|
||||||
|
{{#if tag.description}}
|
||||||
|
{{tag.description}}
|
||||||
|
{{else}}
|
||||||
|
A {{pagination.total}}-post collection
|
||||||
|
{{/if}}
|
||||||
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
@ -21,4 +29,4 @@
|
|||||||
{{! The tag below includes the post loop - partials/loop.hbs }}
|
{{! The tag below includes the post loop - partials/loop.hbs }}
|
||||||
{{> "loop"}}
|
{{> "loop"}}
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
Reference in New Issue
Block a user