style file clean up, grid bug fixed, prepare for presentation page(reveal.js)
This commit is contained in:
zzossig
parent
07b671284f
commit
7d87627b4e
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
description:
|
||||
type: pt
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
-
|
||||
---
|
||||
|
|
@ -198,7 +198,7 @@
|
|||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
background: #403E41;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
|
|
@ -218,7 +218,7 @@
|
|||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
color: #FCFCFA;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
|
|
@ -226,7 +226,7 @@
|
|||
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:first-child {
|
||||
|
|
@ -262,33 +262,34 @@ a.pswp__share--facebook:before {
|
|||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
border-bottom-color: #403E41;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF;
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A;
|
||||
border-bottom-color: #727072;
|
||||
}
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF;
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D;
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD;
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -578,4 +579,8 @@ a.pswp__share--download:hover {
|
|||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.pswp__bg {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -7,11 +7,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
@function ls($name) {
|
||||
$value: map_get($ls, $name);
|
||||
@return $value / 1000 * 1em;
|
||||
}
|
||||
|
||||
@function themed($key) {
|
||||
@return map-get($theme-map, $key);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,13 +5,8 @@ $code-font-stack: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "
|
|||
$title-font: 'Montserrat', sans-serif;
|
||||
$content-font: 'Merriweather', serif;
|
||||
|
||||
$z-indexes: ("modal", "navbar", "dropdown", "header", "grid", "search-btn", "search", "content", "footer", "taxo", "toc", "gallery-mask");
|
||||
$ls: (
|
||||
base: -10,
|
||||
heading: 10,
|
||||
button: 5,
|
||||
slogan: -100
|
||||
);
|
||||
$z-indexes: ("modal", "navbar", "dropdown", "header", "clipboard", "grid", "search-btn", "search", "content", "footer", "taxo", "toc", "gallery-mask");
|
||||
|
||||
$breakpoints: (
|
||||
'xs': 0,
|
||||
'sm': 769px,
|
||||
|
|
|
|||
|
|
@ -1,68 +1,5 @@
|
|||
// -- Slide Animations -- //
|
||||
|
||||
// Slide Out Top from Center
|
||||
@include keyframes(slide-out-up) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,-12%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-out-down) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,12%);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide Out Left from Center
|
||||
@include keyframes(slide-out-left) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-12%,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide out Right from Center
|
||||
@include keyframes(slide-out-right) {
|
||||
0% {
|
||||
transform: translate(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(12%,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-up) {
|
||||
0% {
|
||||
transform: translate(0,12%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-down) {
|
||||
0% {
|
||||
transform: translate(0,-12%);
|
||||
|
|
@ -87,45 +24,3 @@
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Slide in Right to Center
|
||||
@include keyframes(slide-in-right) {
|
||||
0% {
|
||||
transform: translate(12%,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-down-2) {
|
||||
0% {
|
||||
transform: translate(0,-6%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(slide-in-down-3) {
|
||||
0% {
|
||||
transform: translate(0,-2%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(0,0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(fade-in) {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
|
@ -1,22 +1,9 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// This file contains CSS helper classes.
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Clear inner floats
|
||||
*/
|
||||
.clearfix::after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
|
||||
/**
|
||||
* Main content containers
|
||||
* 1. Make the container full-width with a maximum width
|
||||
* 2. Center it in the viewport
|
||||
* 3. Leave some space on the edges, especially valuable on small screens
|
||||
*/
|
||||
.container {
|
||||
max-width: 100%; /* 1 */
|
||||
margin-left: auto; /* 2 */
|
||||
|
|
@ -29,34 +16,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide text while making it readable for screen readers
|
||||
* 1. Needed in WebKit-based browsers because of an implementation bug;
|
||||
* See: https://code.google.com/p/chromium/issues/detail?id=457146
|
||||
*/
|
||||
.hide-text {
|
||||
overflow: hidden;
|
||||
padding: 0; /* 1 */
|
||||
text-indent: 101%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide element while making it readable for screen readers
|
||||
* Shamelessly borrowed from HTML5Boilerplate:
|
||||
* https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
|
||||
*/
|
||||
.visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
@include justify-content(center);
|
||||
@include align-items(flex-start);
|
||||
@include flex-direction(column);
|
||||
@include animation('slide-in-down-2 .5s .2s 1 ease both');
|
||||
@include animation('slide-in-down .5s .2s 1 ease both');
|
||||
|
||||
width: 100%;
|
||||
font-family: $title-font;
|
||||
|
|
@ -79,10 +79,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__hr {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
&-hr {
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,92 +0,0 @@
|
|||
.features {
|
||||
max-width: $grid-max-width;
|
||||
height: 200px;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
padding: 0.5rem;
|
||||
margin: 0 4rem;
|
||||
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include respond-to(sm) {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
ul {
|
||||
@include flexbox();
|
||||
@include flex-wrap(wrap);
|
||||
padding: 1.5rem 0.5rem;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 0.125rem 0.5rem;
|
||||
width: 30%;
|
||||
font-size: 16px;
|
||||
@include truncate(350px);
|
||||
|
||||
&::before {
|
||||
content: '✔️';
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.features-text {
|
||||
max-width: $grid-max-width;
|
||||
height: 200px;
|
||||
padding: 0.5rem;
|
||||
margin: 0 4rem;
|
||||
text-align: center;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 700;
|
||||
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
|
||||
&__item {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.features-intro {
|
||||
max-width: $grid-max-width;
|
||||
height: 200px;
|
||||
padding: 0.5rem;
|
||||
margin: 0 4rem;
|
||||
text-align: center;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include respond-to(sm) {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
&__links {
|
||||
a {
|
||||
padding: 0.4rem;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&__release-info {
|
||||
margin-top: 0.25rem;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
|
@ -41,20 +41,4 @@
|
|||
border-style: solid;
|
||||
border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="8" height="4"><circle fill="#{$color}" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.hr-vertical-lines {
|
||||
height: 5px;
|
||||
@include themify($themes) {
|
||||
$color: themed('hr-color');
|
||||
color: $color;
|
||||
}
|
||||
background-image: linear-gradient(
|
||||
90deg,
|
||||
currentColor,
|
||||
currentColor 33.33%,
|
||||
transparent 33.33%,
|
||||
transparent 100%);
|
||||
background-size: 3px 100%;
|
||||
width: 75%;
|
||||
}
|
||||
|
|
@ -111,58 +111,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-list {
|
||||
border-radius: 0.25rem;
|
||||
margin: 2rem 1rem;
|
||||
padding: 0.5rem 0;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(space-around);
|
||||
@include themify($themes) {
|
||||
background-color: themed('pagination-background-color');
|
||||
}
|
||||
|
||||
&__item {
|
||||
font-size: 0.95rem;
|
||||
text-decoration: none !important;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
||||
&--number {
|
||||
@include themify($themes) {
|
||||
color: themed('pagination-number-color');
|
||||
}
|
||||
}
|
||||
|
||||
.enable {
|
||||
padding: 0 0.125rem;
|
||||
@include themify($themes) {
|
||||
color: themed('pagination-link-color');
|
||||
}
|
||||
@include on-event {
|
||||
cursor: pointer;
|
||||
border-radius: 0.1rem;
|
||||
text-decoration: underline;
|
||||
@include themify($themes) {
|
||||
color: themed('link-hover');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
cursor: default;
|
||||
@include themify($themes) {
|
||||
color: themed('pagination-disabled-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
@include flexbox();
|
||||
@include align-items(stretch);
|
||||
@include justify-content(center);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
a.pswp__share--facebook:hover {
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #727072;
|
||||
}
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #727072;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip {
|
||||
background: #403E41;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a {
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #FCFCFA;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
border-bottom-color: #403E41;
|
||||
}
|
||||
|
||||
.pswp__bg {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
|
@ -15,7 +15,6 @@
|
|||
.icon {
|
||||
padding: 0.25rem;
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include themify($themes) {
|
||||
color: themed("search-icon-color");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,4 @@
|
|||
.summary-card {
|
||||
// @for $i from 1 through 8 {
|
||||
// &:nth-child(#{$i}) {
|
||||
// @include animation('slide-in-down-2 .3s #{$i * .15}s 1 ease both');
|
||||
// }
|
||||
// }
|
||||
|
||||
margin: 0 0.5rem;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
|
|
@ -82,12 +76,6 @@
|
|||
}
|
||||
|
||||
.summary-classic {
|
||||
// @for $i from 1 through 13 {
|
||||
// &:nth-child(#{$i}) {
|
||||
// @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
|
||||
// }
|
||||
// }
|
||||
|
||||
padding: 0 1rem;
|
||||
.title {
|
||||
font-size: 24px;
|
||||
|
|
@ -161,12 +149,6 @@
|
|||
}
|
||||
|
||||
.summary-compact {
|
||||
// @for $i from 1 through 20 {
|
||||
// &:nth-child(#{$i}) {
|
||||
// @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
|
||||
// }
|
||||
// }
|
||||
|
||||
padding: 0 1rem;
|
||||
&__flexbox {
|
||||
@include flexbox();
|
||||
|
|
|
|||
|
|
@ -7,24 +7,14 @@
|
|||
background-color: themed('footer-background-color');
|
||||
}
|
||||
|
||||
&__wrapper {
|
||||
@include flexbox();
|
||||
@include flex-direction(row);
|
||||
@include respond-to(sm) {
|
||||
@include flex-direction(column);
|
||||
}
|
||||
}
|
||||
|
||||
&__social {
|
||||
padding: 0.5rem 0;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
bottom: 70px;
|
||||
|
||||
@include flex-grow(1);
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include flex-direction(column);
|
||||
@include justify-content(center);
|
||||
}
|
||||
|
||||
&__poweredby {
|
||||
|
|
|
|||
|
|
@ -128,6 +128,7 @@
|
|||
&__title {
|
||||
height: $grid_navbar_height;
|
||||
font-size: 1.5rem;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
||||
|
|
@ -158,7 +159,7 @@
|
|||
padding: 0.5rem;
|
||||
font-size: 1rem;
|
||||
font-family: $title-font;
|
||||
font-weight: 400;
|
||||
font-weight: 700;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
|
@ -203,6 +204,7 @@
|
|||
@include themify($themes) {
|
||||
border-top: 1px solid themed('navbar-border-bottom-color');
|
||||
background-color: themed('navbar-mobile-background-color');
|
||||
border-bottom: 1px solid themed('navbar-border-bottom-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -246,6 +248,7 @@
|
|||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed("dropdown-item-color");
|
||||
|
|
|
|||
|
|
@ -40,13 +40,11 @@ $chroma_theme: {{ $scr.Get "chroma_theme" }};
|
|||
@import 'components/breadcrumb';
|
||||
@import 'components/diagram';
|
||||
@import 'components/expand';
|
||||
@import 'components/features';
|
||||
@import 'components/gtt';
|
||||
@import 'components/hr';
|
||||
@import 'components/math';
|
||||
@import 'components/notice';
|
||||
@import 'components/pagination';
|
||||
@import 'components/photoswipe';
|
||||
@import 'components/related';
|
||||
@import 'components/search';
|
||||
@import 'components/summary';
|
||||
|
|
@ -64,4 +62,5 @@ $chroma_theme: {{ $scr.Get "chroma_theme" }};
|
|||
@import 'pages/gallery';
|
||||
@import 'pages/list';
|
||||
@import 'pages/single';
|
||||
@import 'pages/terms';
|
||||
@import 'pages/terms';
|
||||
@import 'pages/presentation';
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
.pt {
|
||||
padding: 1rem;
|
||||
|
||||
&__row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Create four equal columns that sits next to each other */
|
||||
&__column {
|
||||
flex: 50%;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
&__column .pt__card {
|
||||
margin: 0.5rem 0;
|
||||
vertical-align: middle;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
/* Responsive layout - makes a two column-layout instead of four columns */
|
||||
@media screen and (max-width: 4000px) {
|
||||
&__column {
|
||||
flex: 50%;
|
||||
max-width: 33.33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 900px) {
|
||||
&__column {
|
||||
flex: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
|
||||
@media screen and (max-width: 500px) {
|
||||
&__column {
|
||||
flex: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -33,14 +33,8 @@
|
|||
}
|
||||
|
||||
&__contents {
|
||||
//@include animation('slide-in-down-3 .3s .7s 1 ease both');
|
||||
&--gallery {
|
||||
overflow: hidden;
|
||||
//@include animation('slide-in-down-3 .6s .0s 1 ease both');
|
||||
}
|
||||
|
||||
&--about {
|
||||
//@include animation('slide-in-down-3 .6s .2s 1 ease both');
|
||||
}
|
||||
|
||||
&>p>a {
|
||||
|
|
@ -129,7 +123,7 @@
|
|||
right: 4px;
|
||||
top: 5px;
|
||||
border-radius: 2px;
|
||||
z-index: 1;
|
||||
z-index: z('clipboard');
|
||||
@include transition(all, 0.2s, ease);
|
||||
}
|
||||
|
||||
|
|
@ -158,7 +152,7 @@
|
|||
right: 4px;
|
||||
top: 5px;
|
||||
border-radius: 2px;
|
||||
z-index: 1;
|
||||
z-index: z('clipboard');
|
||||
@include transition(all, 0.2s, ease);
|
||||
}
|
||||
.chroma .copy-to-clipboard:hover {
|
||||
|
|
@ -169,7 +163,7 @@
|
|||
right: 4px;
|
||||
top: 5px;
|
||||
border-radius: 2px;
|
||||
z-index: 1;
|
||||
z-index: z('clipboard');
|
||||
@include transition(all, 0.2s, ease);
|
||||
}
|
||||
.language-code .copy-to-clipboard:hover {
|
||||
|
|
@ -419,20 +413,6 @@ pre:not(.chroma) {
|
|||
pre {
|
||||
margin: 0;
|
||||
padding: 34px 4px 6px;
|
||||
// &::after {
|
||||
// content: 'Code';
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// left: 0;
|
||||
// height: 31px;
|
||||
// padding: 5px 7px;
|
||||
// font-size: $code-font-size;
|
||||
// font-family: $title-font;
|
||||
// font-weight: bold;
|
||||
// border-top-left-radius: 0.34rem;
|
||||
// border-top-right-radius: 0.34rem;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,293 +0,0 @@
|
|||
@mixin theme-dark {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #d6deeb;
|
||||
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
min-width: 100%;
|
||||
font-size: $code-font-size;
|
||||
line-height: 1.5em;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: rgba(29, 59, 83, 0.99);
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: rgba(29, 59, 83, 0.99);
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.cdata {
|
||||
color: rgb(99, 119, 119);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: rgb(199, 146, 234);
|
||||
}
|
||||
|
||||
.namespace {
|
||||
color: rgb(178, 204, 214);
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
color: rgba(239, 83, 80, 0.56);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.symbol,
|
||||
.token.property {
|
||||
color: rgb(130, 170, 255);
|
||||
}
|
||||
|
||||
.token.tag,
|
||||
.token.operator,
|
||||
.token.keyword {
|
||||
color: #ffa7c4;
|
||||
}
|
||||
|
||||
.token.boolean {
|
||||
color: rgb(240, 98, 146);
|
||||
}
|
||||
|
||||
.token.number {
|
||||
color: rgb(247, 140, 108);
|
||||
}
|
||||
|
||||
.token.constant,
|
||||
.token.function,
|
||||
.token.builtin,
|
||||
.token.char {
|
||||
color: rgb(130, 170, 255);
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.doctype {
|
||||
color: rgb(199, 146, 234);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.attr-name,
|
||||
.token.inserted {
|
||||
color: rgb(173, 219, 103);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.url,
|
||||
.token.entity,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: rgb(173, 219, 103);
|
||||
}
|
||||
|
||||
.token.class-name,
|
||||
.token.atrule,
|
||||
.token.attr-value {
|
||||
color: #ffa7c4;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: rgb(214, 222, 235);
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.langague-cpp .token.string {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.langague-c .token.string {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-css .token.selector {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.language-css .token.property {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.language-java span.token.class-name {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-java .token.class-name {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-markup .token.attr-value {
|
||||
color: rgba(102, 217, 239, 1);
|
||||
}
|
||||
|
||||
.language-markup .token.tag {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.language-objectivec .token.property {
|
||||
color: #66d9ef;
|
||||
}
|
||||
|
||||
.language-objectivec .token.string {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.language-php .token.boolean {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-php .token.function {
|
||||
color: #ff79c6;
|
||||
}
|
||||
|
||||
.language-php .token.keyword {
|
||||
color: #66d9ef;
|
||||
}
|
||||
|
||||
.language-ruby .token.symbol {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-ruby .token.class-name {
|
||||
color: #cfcfc2;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre.line-numbers > code {
|
||||
position: relative;
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: -3.8em;
|
||||
width: 3em;
|
||||
/* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.code-toolbar {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar {
|
||||
position: absolute;
|
||||
top: 0.3em;
|
||||
right: 0.2em;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
div.code-toolbar:hover > .toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar .toolbar-item {
|
||||
display: inline-block;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar button {
|
||||
background: none;
|
||||
border: 0;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
line-height: normal;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
-webkit-user-select: none;
|
||||
/* for button */
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a,
|
||||
div.code-toolbar > .toolbar button,
|
||||
div.code-toolbar > .toolbar span {
|
||||
color: #ccc;
|
||||
padding: 0.5em;
|
||||
background: rgba(98, 114, 164, 1);
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a:hover,
|
||||
div.code-toolbar > .toolbar a:focus,
|
||||
div.code-toolbar > .toolbar button:hover,
|
||||
div.code-toolbar > .toolbar button:focus,
|
||||
div.code-toolbar > .toolbar span:hover,
|
||||
div.code-toolbar > .toolbar span:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background-color: var(--verde);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,410 +0,0 @@
|
|||
/* PrismJS 1.14.0
|
||||
http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+c+arff+asciidoc+asm6502+aspnet+autohotkey+autoit+bash+basic+batch+bison+brainfuck+bro+cpp+csharp+arduino+coffeescript+clojure+ruby+csp+css-extras+d+dart+diff+django+docker+eiffel+elixir+elm+markup-templating+erlang+fsharp+flow+fortran+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+http+hpkp+hsts+ichigojam+icon+inform7+ini+io+j+java+jolie+json+julia+keyman+kotlin+latex+less+liquid+lisp+livescript+lolcode+lua+makefile+markdown+erb+matlab+mel+mizar+monkey+n4js+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+perl+php+php-extras+sql+powershell+processing+prolog+properties+protobuf+pug+puppet+pure+python+q+qore+r+jsx+typescript+renpy+reason+rest+rip+roboconf+crystal+rust+sas+sass+scss+scala+scheme+smalltalk+smarty+plsql+soy+stylus+swift+tcl+textile+twig+tsx+vbnet+velocity+verilog+vhdl+vim+visual-basic+wasm+wiki+xeora+xojo+yaml&plugins=line-numbers+toolbar+show-language */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
/*
|
||||
* Dracula Theme for Prism.JS
|
||||
*
|
||||
* @author Gustavo Costa
|
||||
* e-mail: gusbemacbe@gmail.com
|
||||
*
|
||||
* @contributor Jon Leopard
|
||||
* e-mail: jonlprd@gmail.com
|
||||
*
|
||||
* @license MIT 2016-2018
|
||||
*/
|
||||
@mixin theme-dracula {
|
||||
pre::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar-track {
|
||||
background-color: #6272a4;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
pre::-webkit-scrollbar-thumb {
|
||||
background-color: #bd93f9;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #ccc;
|
||||
background: rgb(40, 41, 54);
|
||||
text-shadow: none;
|
||||
font-family: PT Mono, Consolas, Monaco, "Andale Mono", "Ubuntu Mono",
|
||||
monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background-color: #5a5f80;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background-color: #5a5f80;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
background: rgba(40, 41, 54, 1) !important;
|
||||
border-radius: 0.5em;
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: rgba(40, 41, 54, 1);
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: 4px 7px;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.limit-300
|
||||
{
|
||||
height: 300px !important;
|
||||
}
|
||||
|
||||
.limit-400
|
||||
{
|
||||
height: 400px !important;
|
||||
}
|
||||
|
||||
.limit-500
|
||||
{
|
||||
height: 500px !important;
|
||||
}
|
||||
|
||||
.limit-600
|
||||
{
|
||||
height: 600px !important;
|
||||
}
|
||||
|
||||
.limit-700
|
||||
{
|
||||
height: 700px !important;
|
||||
}
|
||||
|
||||
.limit-800
|
||||
{
|
||||
height: 800px !important;
|
||||
}
|
||||
|
||||
.token.comment {
|
||||
color: rgba(98, 114, 164, 1);
|
||||
}
|
||||
|
||||
.token.prolog {
|
||||
color: rgba(207, 207, 194, 1);
|
||||
}
|
||||
|
||||
.token.tag {
|
||||
color: rgba(220, 104, 170, 1);
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
color: rgba(139, 233, 253, 1);
|
||||
}
|
||||
|
||||
.token.atrule {
|
||||
color: rgba(98, 239, 117, 1);
|
||||
}
|
||||
|
||||
.token.url {
|
||||
color: rgba(102, 217, 239, 1);
|
||||
}
|
||||
|
||||
.token.selector {
|
||||
color: rgba(207, 207, 194, 1);
|
||||
}
|
||||
|
||||
.token.string {
|
||||
color: rgba(241, 250, 140, 1);
|
||||
}
|
||||
|
||||
.token.property {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: rgba(255, 121, 198, 1);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: rgba(230, 219, 116, 1);
|
||||
}
|
||||
|
||||
.token.number {
|
||||
color: rgba(189, 147, 249, 1);
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.token.keyword {
|
||||
color: rgba(255, 121, 198, 1);
|
||||
}
|
||||
|
||||
.token.boolean {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.token.operator {
|
||||
color: rgba(139, 233, 253, 1);
|
||||
}
|
||||
|
||||
.token.char {
|
||||
color: rgba(255, 135, 157, 1);
|
||||
}
|
||||
|
||||
.token.regex {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.token.variable {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.token.constant {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.token.symbol {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.token.builtin {
|
||||
color: rgba(255, 121, 198, 1);
|
||||
}
|
||||
|
||||
.token.attr-value {
|
||||
color: #7ec699;
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
color: #e2777a;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
color: #e2777a;
|
||||
}
|
||||
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token {
|
||||
color: #ff79c6;
|
||||
}
|
||||
|
||||
.language-cpp .token.string {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-c .token.string {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-css .token.selector {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.language-css .token.property {
|
||||
color: rgba(255, 184, 108, 1);
|
||||
}
|
||||
|
||||
.language-java span.token.class-name {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-java .token.class-name {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-markup .token.attr-value {
|
||||
color: rgba(102, 217, 239, 1);
|
||||
}
|
||||
|
||||
.language-markup .token.tag {
|
||||
color: rgba(80, 250, 123, 1);
|
||||
}
|
||||
|
||||
.language-objectivec .token.property {
|
||||
color: #66d9ef;
|
||||
}
|
||||
|
||||
.language-objectivec .token.string {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
.language-php .token.boolean {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-php .token.function {
|
||||
color: #ff79c6;
|
||||
}
|
||||
|
||||
.language-php .token.keyword {
|
||||
color: #66d9ef;
|
||||
}
|
||||
|
||||
.language-ruby .token.symbol {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
.language-ruby .token.class-name {
|
||||
color: #cfcfc2;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre.line-numbers > code {
|
||||
position: relative;
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em; /* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div.code-toolbar {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar {
|
||||
position: absolute;
|
||||
top: 0.3em;
|
||||
right: 0.2em;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
div.code-toolbar:hover > .toolbar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar .toolbar-item {
|
||||
display: inline-block;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar button {
|
||||
background: none;
|
||||
border: 0;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
line-height: normal;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
-webkit-user-select: none; /* for button */
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a,
|
||||
div.code-toolbar > .toolbar button,
|
||||
div.code-toolbar > .toolbar span {
|
||||
color: #ccc;
|
||||
font-size: 0.8em;
|
||||
padding: 0.5em;
|
||||
background: rgba(98, 114, 164, 1);
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
div.code-toolbar > .toolbar a:hover,
|
||||
div.code-toolbar > .toolbar a:focus,
|
||||
div.code-toolbar > .toolbar button:hover,
|
||||
div.code-toolbar > .toolbar button:focus,
|
||||
div.code-toolbar > .toolbar span:hover,
|
||||
div.code-toolbar > .toolbar span:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
background-color: var(--verde);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,210 +0,0 @@
|
|||
@mixin theme-hacker {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
color: #fafafa;
|
||||
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
||||
font-size: $code-font-size;
|
||||
line-height: 1.5em;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
code[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection {
|
||||
background: #363636;
|
||||
}
|
||||
|
||||
code[class*="language-"]::selection,
|
||||
pre[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection,
|
||||
pre[class*="language-"] ::selection {
|
||||
background: #363636;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"] {
|
||||
white-space: normal;
|
||||
border-radius: 0.2em;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
margin: 0.5em 0;
|
||||
padding: 1.25em 1em;
|
||||
}
|
||||
|
||||
.language-css > code,
|
||||
.language-sass > code,
|
||||
.language-scss > code {
|
||||
color: #fd9170;
|
||||
}
|
||||
|
||||
[class*="language-"] .namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.atrule {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.attr-name {
|
||||
color: #ffcb6b;
|
||||
}
|
||||
|
||||
.token.attr-value {
|
||||
color: #fff59d;
|
||||
}
|
||||
|
||||
.token.attribute {
|
||||
color: #fff59d;
|
||||
}
|
||||
|
||||
.token.boolean {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.builtin {
|
||||
color: #ffcb6b;
|
||||
}
|
||||
|
||||
.token.cdata {
|
||||
color: #80cbc4;
|
||||
}
|
||||
|
||||
.token.char {
|
||||
color: #80cbc4;
|
||||
}
|
||||
|
||||
.token.class {
|
||||
color: #ffcb6b;
|
||||
}
|
||||
|
||||
.token.class-name {
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.token.comment {
|
||||
color: #616161;
|
||||
}
|
||||
|
||||
.token.constant {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
color: #ff6666;
|
||||
}
|
||||
|
||||
.token.doctype {
|
||||
color: #616161;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
color: #ff6666;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.hexcode {
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.token.id {
|
||||
color: #1fff2a;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: #1fff2a;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.inserted {
|
||||
color: #80cbc4;
|
||||
}
|
||||
|
||||
.token.keyword {
|
||||
color: #ff80ab;
|
||||
}
|
||||
|
||||
.token.number {
|
||||
color: #b388ff;
|
||||
}
|
||||
|
||||
.token.operator {
|
||||
color: #89ddff;
|
||||
}
|
||||
|
||||
.token.prolog {
|
||||
color: #616161;
|
||||
}
|
||||
|
||||
.token.property {
|
||||
color: #80cbc4;
|
||||
}
|
||||
|
||||
.token.pseudo-class {
|
||||
color: #fff59d;
|
||||
}
|
||||
|
||||
.token.pseudo-element {
|
||||
color: #fff59d;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #b3e9ff;
|
||||
}
|
||||
|
||||
.token.regex {
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.token.selector {
|
||||
color: #ff6666;
|
||||
}
|
||||
|
||||
.token.string {
|
||||
color: #fff59d;
|
||||
}
|
||||
|
||||
.token.symbol {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.tag {
|
||||
color: #1fff2a;
|
||||
}
|
||||
|
||||
.token.unit {
|
||||
color: #fd9170;
|
||||
}
|
||||
|
||||
.token.url {
|
||||
color: #ff6666;
|
||||
}
|
||||
|
||||
.token.variable {
|
||||
color: #ff6666;
|
||||
}
|
||||
|
||||
.token.interpolation {
|
||||
color: #fafafa;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,175 +0,0 @@
|
|||
/*
|
||||
Name: Duotone Light
|
||||
Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
|
||||
Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-morning-light.css)
|
||||
Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
||||
*/
|
||||
@mixin theme-light {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
|
||||
font-size: $code-font-size;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5em;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
color: #728fcb;
|
||||
@include themify($themes) {
|
||||
background: themed('content-pre-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
pre > code[class*="language-"] {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
color: #FF6188;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: rgba(255,97,137,0.2);
|
||||
color: #FF6188;
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #b6ad9a;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #b6ad9a;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.tag,
|
||||
.token.operator,
|
||||
.token.number {
|
||||
color: #063289;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.function {
|
||||
color: #b29762;
|
||||
}
|
||||
|
||||
.token.tag-id,
|
||||
.token.selector,
|
||||
.token.atrule-id {
|
||||
color: #2d2006;
|
||||
}
|
||||
|
||||
code.language-javascript,
|
||||
.token.attr-name {
|
||||
color: #896724;
|
||||
}
|
||||
|
||||
code.language-css,
|
||||
code.language-scss,
|
||||
.token.boolean,
|
||||
.token.string,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.language-scss .token.string,
|
||||
.style .token.string,
|
||||
.token.attr-value,
|
||||
.token.keyword,
|
||||
.token.control,
|
||||
.token.directive,
|
||||
.token.unit,
|
||||
.token.statement,
|
||||
.token.regex,
|
||||
.token.atrule {
|
||||
color: #728fcb;
|
||||
}
|
||||
|
||||
.token.placeholder,
|
||||
.token.variable {
|
||||
color: #93abdc;
|
||||
}
|
||||
|
||||
.token.deleted {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.token.inserted {
|
||||
border-bottom: 1px dotted #2d2006;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
color: #896724;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre > code.highlight {
|
||||
outline: .4em solid #896724;
|
||||
outline-offset: .4em;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Numbers plugin
|
||||
* http://prismjs.com/plugins/line-numbers/
|
||||
*/
|
||||
.line-numbers .line-numbers-rows {
|
||||
border-right-color: #ece8de;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
color: #cdc4b1;
|
||||
}
|
||||
|
||||
/* overrides color-values for the Line Highlight plugin
|
||||
* http://prismjs.com/plugins/line-highlight/
|
||||
*/
|
||||
.line-highlight {
|
||||
background: rgba(45, 32, 6, 0.2);
|
||||
background: -webkit-linear-gradient(left, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
|
||||
background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
|
||||
}
|
||||
}
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
@import 'dark';
|
||||
@import 'light';
|
||||
@import 'hacker';
|
||||
@import 'solarized';
|
||||
@import 'dracula';
|
||||
|
||||
@if $prism_theme == default {
|
||||
.theme__light, .theme__custom {
|
||||
@include theme-light;
|
||||
}
|
||||
|
||||
.theme__dark {
|
||||
@include theme-dark;
|
||||
}
|
||||
|
||||
.theme__hacker {
|
||||
@include theme-hacker;
|
||||
}
|
||||
|
||||
.theme__solarized {
|
||||
@include theme-solarized;
|
||||
}
|
||||
} @else if $prism_theme == dark {
|
||||
.container {
|
||||
@include theme-dark;
|
||||
}
|
||||
} @else if $prism_theme == hacker {
|
||||
.container {
|
||||
@include theme-hacker;
|
||||
}
|
||||
} @else if $prism_theme == light {
|
||||
.container {
|
||||
@include theme-light;
|
||||
}
|
||||
} @else if $prism_theme == solarized {
|
||||
.container {
|
||||
@include theme-solarized;
|
||||
}
|
||||
} @else if $prism_theme == dracula {
|
||||
.container {
|
||||
@include theme-dracula;
|
||||
}
|
||||
} @else {
|
||||
.container {
|
||||
@include theme-light;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,165 +0,0 @@
|
|||
/* Generated with http://k88hudson.github.io/syntax-highlighting-theme-generator/www */
|
||||
/* http://k88hudson.github.io/react-markdocs */
|
||||
/**
|
||||
* @author k88hudson
|
||||
*
|
||||
* Based on prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
/*********************************************************
|
||||
* General
|
||||
*/
|
||||
@mixin theme-solarized {
|
||||
pre[class*="language-"],
|
||||
code[class*="language-"] {
|
||||
color: #5c6e74;
|
||||
font-size: $code-font-size;
|
||||
text-shadow: none;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5em;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
code[class*="language-"]::selection,
|
||||
pre[class*="language-"]::mozselection,
|
||||
code[class*="language-"]::mozselection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
pre[class*="language-"],
|
||||
code[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
background: #FBF1D1;
|
||||
}
|
||||
|
||||
:not(pre)>code[class*="language-"] {
|
||||
padding: .1em .3em;
|
||||
border-radius: .3em;
|
||||
color: #db4c69;
|
||||
background: #f8f5ec;
|
||||
}
|
||||
|
||||
/*********************************************************
|
||||
* Tokens
|
||||
*/
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #93a1a1;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #990055;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #669900;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #a67f59;
|
||||
background: #FBF1D1;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #0077aa;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #dd4a68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #ee9900;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
/*********************************************************
|
||||
* Line highlighting
|
||||
*/
|
||||
pre[data-line] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
pre[class*="language-"]>code[class*="language-"] {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.line-highlight {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: inherit 0;
|
||||
margin-top: 1em;
|
||||
background: #f7ebc6;
|
||||
box-shadow: inset 5px 0 0 #f7d87c;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
line-height: inherit;
|
||||
white-space: pre;
|
||||
}
|
||||
}
|
||||
|
|
@ -18,7 +18,7 @@ $custom: (
|
|||
navbar-border-bottom-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||
navbar-background-color: hsl($custom_theme_primary_color, 60%, 86%),
|
||||
navbar-mobile-background-color: hsl($custom_theme_primary_color, 60%, 92%),
|
||||
navbar-title-color: hsl($custom_theme_primary_color, 82%, 12%),
|
||||
navbar-title-color: hsl($custom_theme_primary_color, 82%, 20%),
|
||||
navbar-title-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
||||
navbar-title-active-color: hsl($custom_theme_primary_color, 100%, 35%),
|
||||
navbar-menu-hover-background-color: hsl($custom_theme_primary_color, 100%, 90%),
|
||||
|
|
@ -53,7 +53,7 @@ $custom: (
|
|||
content-pre-header-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||
content-pre-header-background-color: hsl($custom_theme_primary_color, 100%, 92%),
|
||||
content-pre-border-background-color: hsl($custom_theme_primary_color, 100%, 86%),
|
||||
burger-menu-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||
burger-menu-color: hsl($custom_theme_primary_color, 86%, 20%),
|
||||
social-icon-color: hsl($custom_theme_primary_color, 25%, 50%),
|
||||
social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 60%),
|
||||
pagination-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ $light: (
|
|||
title-color: #607d8b,
|
||||
meta-color: #424242,
|
||||
body-color: #424242,
|
||||
hr-color: #dbdbdb,
|
||||
hr-color: #ccc,
|
||||
body-background-color: #fafafa,
|
||||
backdrop-background-color: #e0e0e0,
|
||||
dropdown-border-top-color: #e0e0e0,
|
||||
|
|
@ -14,14 +14,14 @@ $light: (
|
|||
dropdown-content-background-color: #fafafa,
|
||||
dropdown-item-hover-background-color: #bdbdbd,
|
||||
dropdown-item-hover-color: #FCFCFA,
|
||||
dropdown-item-color: #424242,
|
||||
dropdown-item-color: #555,
|
||||
navbar-border-bottom-color: #e0e0e0,
|
||||
navbar-background-color: #eaeaea,
|
||||
navbar-mobile-background-color: #f1f1f1,
|
||||
navbar-title-color: #424242,
|
||||
navbar-title-color: #555,
|
||||
navbar-title-hover-color: #607d8b,
|
||||
navbar-title-active-color: #FF6188,
|
||||
navbar-menu-hover-background-color: darken(#eeeeee, 5%),
|
||||
navbar-menu-hover-background-color: lighten(#eeeeee, 1%),
|
||||
navbar-dropdown-item-hover-color: #607d8b,
|
||||
sidebar-title-color: #424242,
|
||||
sidebar-li-color: #424242,
|
||||
|
|
@ -53,7 +53,7 @@ $light: (
|
|||
content-pre-border-background-color: darken(#F5F2F0, 7%),
|
||||
content-pre-header-background-color: darken(#F5F2F0, 3%),
|
||||
content-pre-header-color: #344952,
|
||||
burger-menu-color: #9e9e9e,
|
||||
burger-menu-color: #777,
|
||||
social-icon-color: #9e9e9e,
|
||||
social-icon-hover-color: darken(#9e9e9e, 20%),
|
||||
pagination-link-color: #424242,
|
||||
|
|
@ -72,7 +72,7 @@ $light: (
|
|||
search-placeholder-color: #bdbdbd,
|
||||
search-color: #424242,
|
||||
search-icon-color: #bdbdbd,
|
||||
search-border-color: darken(#eee, 3%),
|
||||
search-border-color: darken(#eee, 12%),
|
||||
search-background-color: #eeeeee,
|
||||
search-content-color: #424242,
|
||||
search-content-background-color: #eeeeee,
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ $solarized: (
|
|||
navbar-border-bottom-color: #B58900,
|
||||
navbar-background-color: #EEE8D5,
|
||||
navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
|
||||
navbar-title-color: #424242,
|
||||
navbar-title-color: #555,
|
||||
navbar-title-hover-color: #B58900,
|
||||
navbar-title-active-color: #B58900,
|
||||
navbar-menu-hover-background-color: darken(#FBF1D1, 5%),
|
||||
|
|
|
|||
|
|
@ -1,26 +1,23 @@
|
|||
baseURL = "http://example.org/" # The URL of your site.
|
||||
title = "Hugo Zzo Theme" # Title of your site
|
||||
theme = "zzo" # Name of Zzo theme folder in `themes/`.
|
||||
baseURL = "http://example.org/"
|
||||
title = "Hugo Zzo Theme"
|
||||
theme = "zzo"
|
||||
|
||||
defaultContentLanguage = "en" # Default language to use (if you setup multilingual support)
|
||||
defaultContentLanguageInSubdir = true # baseURL/en/, baseURL/kr/ ...
|
||||
hasCJKLanguage = true # Set `true` for Chinese/Japanese/Korean languages.
|
||||
defaultContentLanguage = "en"
|
||||
defaultContentLanguageInSubdir = true
|
||||
hasCJKLanguage = true
|
||||
|
||||
summaryLength = 70
|
||||
|
||||
copyright = "©{year}, All Rights Reserved" # copyright symbol: $copy; current year: {year}
|
||||
copyright = "©{year}, All Rights Reserved"
|
||||
timeout = 10000
|
||||
enableEmoji = true
|
||||
paginate = 13 # Number of items per page in paginated lists.
|
||||
paginate = 13
|
||||
rssLimit = 100
|
||||
|
||||
pygmentsOptions = "linenos=table"
|
||||
pygmentsCodefences = true
|
||||
pygmentsUseClasses = true
|
||||
|
||||
[markup]
|
||||
[markup.goldmark]
|
||||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
pygmentsCodefencesGuessSyntax = true
|
||||
|
||||
[outputs]
|
||||
home = ["HTML", "RSS", "JSON", "WebAppManifest"]
|
||||
|
|
|
|||
|
|
@ -10,11 +10,17 @@
|
|||
url = "archive"
|
||||
weight = 2
|
||||
|
||||
[[main]]
|
||||
identifier = "pt"
|
||||
name = "pt"
|
||||
url = "pt"
|
||||
weight = 3
|
||||
|
||||
[[main]]
|
||||
identifier = "gallery"
|
||||
name = "gallery"
|
||||
url = "gallery"
|
||||
weight = 3
|
||||
weight = 4
|
||||
|
||||
[[main]]
|
||||
parent = "gallery"
|
||||
|
|
@ -30,10 +36,10 @@
|
|||
identifier = "posts"
|
||||
name = "posts"
|
||||
url = "posts"
|
||||
weight = 4
|
||||
weight = 5
|
||||
|
||||
[[main]]
|
||||
identifier = "notes"
|
||||
name = "notes"
|
||||
url = "notes"
|
||||
weight = 5
|
||||
weight = 6
|
||||
|
|
@ -1,26 +1,23 @@
|
|||
logoText = "Zzo" # site navigation bar logo text.
|
||||
description = "The Zzo theme for Hugo example site." # for SEO
|
||||
custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss
|
||||
custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js
|
||||
logoText = "Zzo"
|
||||
description = "The Zzo theme for Hugo example site."
|
||||
custom_css = []
|
||||
custom_js = []
|
||||
|
||||
# header
|
||||
homeHeaderType = "text" # text, img, slide
|
||||
|
||||
# navbar
|
||||
enableThemeChange = true # site color theme
|
||||
|
||||
# body
|
||||
enableBreadcrumb = true # breadcrumb for list, single page
|
||||
enablePhotoSwipe = true # image viewer for gallery, single page
|
||||
enableSearch = true # site search with lunr
|
||||
enableGoToTop = true # scroll to top
|
||||
enableWhoami = true # at the end of single page
|
||||
enableBreadcrumb = true
|
||||
enablePhotoSwipe = true
|
||||
enableSearch = true
|
||||
enableGoToTop = true
|
||||
enableWhoami = true
|
||||
summaryShape = "classic" # card, classic, compact
|
||||
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
|
||||
archivePaginate = 13 # items per page
|
||||
paginateWindow = 1 # setting it to 1 gives 7 buttons, 2 gives 9, etc. If set 1: [1 ... 4 5 6 ... 356] [1 2 3 4 5 ... 356] etc
|
||||
archivePaginate = 13
|
||||
paginateWindow = 1
|
||||
|
||||
# whoami: usage - home page sidebar, single page bottom of post. all values can be empty
|
||||
# whoami
|
||||
myname = "zzossig"
|
||||
email = "zzossig@gmail.com"
|
||||
whoami = "Web Developer"
|
||||
|
|
@ -30,26 +27,27 @@ organization = "Hugo"
|
|||
link = "https://github.com/zzossig/hugo-theme-zzo"
|
||||
|
||||
# sidebar
|
||||
enableBio = true # home page sidebar
|
||||
enableSidebar = true # if you want to make full width of contents
|
||||
enableSidebarTags = true # if you want to use tags.
|
||||
enableBio = true
|
||||
enableSidebar = true
|
||||
enableSidebarTags = true
|
||||
enableSidebarSeries = true
|
||||
enableSidebarCategories = true
|
||||
enableToc = true # single page table of contents
|
||||
enableTocSwitch = true # single page table of contents visibility switch
|
||||
itemsPerCategory = 5 # maximum number of posts shown in the sidebar.
|
||||
searchLanguages = ['en'] # lunr multilanguage search. https://github.com/MihaiValentin/lunr-languages
|
||||
enableToc = true
|
||||
enableTocSwitch = true
|
||||
itemsPerCategory = 5
|
||||
searchLanguages = ['en']
|
||||
|
||||
# footer
|
||||
showPoweredBy = true # show footer text: Powered by Hugo and Zzo theme
|
||||
showFeedLinks = true # RSS Feed
|
||||
showSocialLinks = true # email, facebook, twitter ...
|
||||
enableLangChange = true # show button at bottom left of footer.
|
||||
themeOptions = ["dark", "light", "hacker", "solarized", "custom"] # select options for site color theme
|
||||
showPoweredBy = true
|
||||
showFeedLinks = true
|
||||
showSocialLinks = true
|
||||
enableLangChange = true
|
||||
enableThemeChange = true
|
||||
themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
|
||||
|
||||
# comment
|
||||
enableComment = true
|
||||
disqus_shortname = ""
|
||||
disqus_shortname = ""
|
||||
commento = false
|
||||
|
||||
[gitment] # Gitment is a comment system based on GitHub issues. see https://github.com/imsun/gitment
|
||||
|
|
@ -98,7 +96,7 @@ commento = false
|
|||
google_analytics = ""
|
||||
google_tag_manager = ""
|
||||
|
||||
[socialOptions] # if set, social icons will show up.
|
||||
[socialOptions]
|
||||
email = "mailto:your@email.com"
|
||||
facebook = "http://example.org/"
|
||||
twitter = "http://example.org/"
|
||||
|
|
|
|||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
title: "Hugo 1"
|
||||
date: 2017-10-11T10:33:41+09:00
|
||||
description: "Hugo 1 Description"
|
||||
tags:
|
||||
- hugo
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
- hugo
|
||||
---
|
||||
|
||||
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
|
||||
|
||||
{{% img src="/images/feature1/graph.png" title="Image4" caption="Image description" alt="image alt" %}}
|
||||
|
||||
> This is a blockqute.
|
||||
|
||||
* * *
|
||||
line
|
||||
* * *
|
||||
line
|
||||
|
|
@ -0,0 +1,306 @@
|
|||
---
|
||||
title: "Syntax highlighting"
|
||||
date: 2017-10-11T10:33:41+09:00
|
||||
description: "Syntax highlighting test"
|
||||
tags:
|
||||
- hugo
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
- hugo
|
||||
---
|
||||
|
||||
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
|
||||
|
||||
{{% img src="/images/feature1/graph.png" title="Image4" caption="Image description" alt="image alt" %}}
|
||||
|
||||
> This is a blockqute.
|
||||
|
||||
* * *
|
||||
line
|
||||
* * *
|
||||
line
|
||||
|
||||
# Code Syntax Highlighting
|
||||
|
||||
Verify the following code blocks render as code blocks and highlight properly.
|
||||
|
||||
### Diff
|
||||
|
||||
``` diff
|
||||
*** /path/to/original ''timestamp''
|
||||
--- /path/to/new ''timestamp''
|
||||
***************
|
||||
*** 1 ****
|
||||
! This is a line.
|
||||
--- 1 ---
|
||||
! This is a replacement line.
|
||||
It is important to spell
|
||||
-removed line
|
||||
+new line
|
||||
```
|
||||
|
||||
### Makefile
|
||||
|
||||
``` makefile
|
||||
CC=gcc
|
||||
CFLAGS=-I.
|
||||
|
||||
hellomake: hellomake.o hellofunc.o
|
||||
$(CC) -o hellomake hellomake.o hellofunc.o -I.
|
||||
```
|
||||
|
||||
### JSON
|
||||
|
||||
``` json
|
||||
{"employees":[
|
||||
{"firstName":"John", "lastName":"Doe"},
|
||||
]}
|
||||
```
|
||||
|
||||
### Markdown
|
||||
|
||||
``` markdown
|
||||
**bold**
|
||||
*italics*
|
||||
[link](www.example.com)
|
||||
```
|
||||
|
||||
### JavaScript
|
||||
|
||||
``` javascript
|
||||
document.write('Hello, world!');
|
||||
```
|
||||
|
||||
### CSS
|
||||
|
||||
``` css
|
||||
body {
|
||||
background-color: red;
|
||||
}
|
||||
```
|
||||
|
||||
### Objective C
|
||||
|
||||
``` objectivec
|
||||
#import <stdio.h>
|
||||
|
||||
int main (void)
|
||||
{
|
||||
printf ("Hello world!\n");
|
||||
}
|
||||
```
|
||||
|
||||
### Python
|
||||
|
||||
``` python
|
||||
print "Hello, world!"
|
||||
```
|
||||
|
||||
### XML
|
||||
|
||||
``` xml
|
||||
<employees>
|
||||
<employee>
|
||||
<firstName>John</firstName> <lastName>Doe</lastName>
|
||||
</employee>
|
||||
</employees>
|
||||
```
|
||||
|
||||
### Perl
|
||||
|
||||
``` perl
|
||||
print "Hello, World!\n";
|
||||
```
|
||||
|
||||
### Bash
|
||||
|
||||
``` bash
|
||||
echo "Hello World"
|
||||
```
|
||||
|
||||
### PHP
|
||||
|
||||
``` php
|
||||
<?php echo '<p>Hello World</p>'; ?>
|
||||
```
|
||||
|
||||
### CoffeeScript
|
||||
|
||||
``` coffeescript
|
||||
console.log(“Hello world!”);
|
||||
```
|
||||
|
||||
### C#
|
||||
|
||||
``` cs
|
||||
using System;
|
||||
class Program
|
||||
{
|
||||
public static void Main(string[] args)
|
||||
{
|
||||
Console.WriteLine("Hello, world!");
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### C++
|
||||
|
||||
``` cpp
|
||||
#include <iostream.h>
|
||||
|
||||
main()
|
||||
{
|
||||
cout << "Hello World!";
|
||||
return 0;
|
||||
}
|
||||
```
|
||||
|
||||
### SQL
|
||||
|
||||
``` sql
|
||||
SELECT column_name,column_name
|
||||
FROM table_name;
|
||||
```
|
||||
|
||||
### Go
|
||||
|
||||
``` go
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello, 世界")
|
||||
}
|
||||
```
|
||||
|
||||
### Ruby
|
||||
|
||||
```ruby
|
||||
puts "Hello, world!"
|
||||
```
|
||||
|
||||
### Java
|
||||
|
||||
```java
|
||||
import javax.swing.JFrame; //Importing class JFrame
|
||||
import javax.swing.JLabel; //Importing class JLabel
|
||||
public class HelloWorld {
|
||||
public static void main(String[] args) {
|
||||
JFrame frame = new JFrame(); //Creating frame
|
||||
frame.setTitle("Hi!"); //Setting title frame
|
||||
frame.add(new JLabel("Hello, world!"));//Adding text to frame
|
||||
frame.pack(); //Setting size to smallest
|
||||
frame.setLocationRelativeTo(null); //Centering frame
|
||||
frame.setVisible(true); //Showing frame
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Latex Equation
|
||||
|
||||
```latex
|
||||
\frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x).
|
||||
```
|
||||
|
||||
```javascript
|
||||
import {x, y} as p from 'point';
|
||||
const ANSWER = 42;
|
||||
|
||||
class Car extends Vehicle {
|
||||
constructor(speed, cost) {
|
||||
super(speed);
|
||||
|
||||
var c = Symbol('cost');
|
||||
this[c] = cost;
|
||||
|
||||
this.intro = `This is a car runs at
|
||||
${speed}.`;
|
||||
}
|
||||
}
|
||||
|
||||
for (let num of [1, 2, 3]) {
|
||||
console.log(num + 0b111110111);
|
||||
}
|
||||
|
||||
function $initHighlight(block, flags) {
|
||||
try {
|
||||
if (block.className.search(/\bno\-highlight\b/) != -1)
|
||||
return processBlock(block.function, true, 0x0F) + ' class=""';
|
||||
} catch (e) {
|
||||
/* handle exception */
|
||||
var e4x =
|
||||
<div>Example
|
||||
<p>1234</p></div>;
|
||||
}
|
||||
for (var i = 0 / 2; i < classes.length; i++) {
|
||||
// "0 / 2" should not be parsed as regexp
|
||||
if (checkCondition(classes[i]) === undefined)
|
||||
return /\d+[\s/]/g;
|
||||
}
|
||||
console.log(Array.every(classes, Boolean));
|
||||
}
|
||||
|
||||
export $initHighlight;
|
||||
```
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hello world</title>
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="index.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>
|
||||
<script src="vendor/prism.js"></script>
|
||||
<script src="examples.bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
```css
|
||||
/*********************************************************
|
||||
* General
|
||||
*/
|
||||
pre[class*="language-"],
|
||||
code {
|
||||
color: #5c6e74;
|
||||
font-size: 13px;
|
||||
text-shadow: none;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
tab-size: 4;
|
||||
hyphens: none;
|
||||
}
|
||||
pre[class*="language-"]::selection,
|
||||
code::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
@media print {
|
||||
pre[class*="language-"],
|
||||
code {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
background: #f8f5ec;
|
||||
}
|
||||
:not(pre) > code {
|
||||
padding: .1em .3em;
|
||||
border-radius: .3em;
|
||||
color: #db4c69;
|
||||
background: #f9f2f4;
|
||||
}
|
||||
```
|
||||
|
|
@ -21,6 +21,22 @@ graph TD;
|
|||
C-->D;
|
||||
```
|
||||
|
||||
```mermaid
|
||||
graph TD;
|
||||
A-->B;
|
||||
A-->C;
|
||||
B-->D;
|
||||
C-->D;
|
||||
```
|
||||
|
||||
```mermaid
|
||||
graph TD;
|
||||
A-->B;
|
||||
A-->C;
|
||||
B-->D;
|
||||
C-->D;
|
||||
```
|
||||
|
||||
```mermaid
|
||||
sequenceDiagram
|
||||
participant Alice
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
title: "Presentations"
|
||||
description: "Presentation list with reveal.js"
|
||||
---
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "Fourth"
|
||||
date: 2019-11-30T20:48:10+09:00
|
||||
description: "My fourth presentation"
|
||||
type: pt
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
-
|
||||
---
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "First"
|
||||
date: 2019-11-30T19:45:20+09:00
|
||||
description: "My first presentation"
|
||||
type: pt
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
-
|
||||
---
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "Second"
|
||||
date: 2019-11-30T20:45:24+09:00
|
||||
description: "My second presentation"
|
||||
type: pt
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
-
|
||||
---
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: "Third"
|
||||
date: 2019-11-30T20:46:30+09:00
|
||||
description: "My third presentation"
|
||||
type: pt
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
-
|
||||
categories:
|
||||
-
|
||||
---
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -11,9 +11,9 @@
|
|||
</div>
|
||||
|
||||
<div class="summary__container">
|
||||
{{ $paginator := .Paginate (where .Pages "Type" .Type) }}
|
||||
{{ $paginator := .Paginate (where .Pages "Type" .Type) }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ .Render "summary" }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -16,9 +16,10 @@
|
|||
</div>
|
||||
</article>
|
||||
|
||||
{{ partial "pagination/pagination-list" . }}
|
||||
{{ partial "pagination/pagination" . }}
|
||||
</main>
|
||||
<aside class="main-side">
|
||||
{{ partial "sidebar/sidebar-list" . }}
|
||||
</aside>
|
||||
{{ partial "script/taxo-script" . }}
|
||||
{{ end }}
|
||||
|
|
@ -17,8 +17,8 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</main>
|
||||
<div class="hide">
|
||||
<aside class="hide">
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
</aside>
|
||||
{{ partial "script/taxo-script" . }}
|
||||
{{ end }}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<aside class="related">
|
||||
<section class="related">
|
||||
{{ $related := .Site.RegularPages.Related . | first 5 }}
|
||||
{{ with $related }}
|
||||
<h1 class="related__title">
|
||||
|
|
@ -16,4 +16,4 @@
|
|||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</aside>
|
||||
</section>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{{ if $.Param "enableWhoami" }}
|
||||
<div class="whoami__gutter"></div>
|
||||
<hr class="hr-slash whoami-hr"/>
|
||||
<aside class="whoami">
|
||||
<section class="whoami">
|
||||
<div class="whoami__image-wrapper">
|
||||
{{ $src := "" }}
|
||||
{{ if site.Params.useGravatar }}
|
||||
|
|
@ -39,6 +39,6 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
<hr class="hr-slash whoami-hr" />
|
||||
{{ end }}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{{ if $.Param "enableGoToTop" }}
|
||||
<aside id="gtt">
|
||||
<div id="gtt">
|
||||
<div class="gtt">
|
||||
{{ partial "svgs/arrow/keyboard-arrow-up.svg" (dict "width" 32 "height" 32) }}
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -1,9 +1,7 @@
|
|||
<footer class="footer">
|
||||
<div class="footer__wrapper">
|
||||
{{ partial "footer/select-lang" . }}
|
||||
{{ partial "footer/links-social.html" . }}
|
||||
{{ partial "footer/go-to-top" . }}
|
||||
</div>
|
||||
{{ partial "footer/select-lang" . }}
|
||||
{{ partial "footer/links-social.html" . }}
|
||||
{{ partial "footer/go-to-top" . }}
|
||||
<hr />
|
||||
|
||||
{{ if $.Param "showPoweredBy" }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ if $.Params.header }}
|
||||
{{ range $.Params.header }}
|
||||
{{ if eq .type "img" }}
|
||||
<div class="custom-header custom-header__align-{{ .align }}" style="background-image: url('{{.image | relURL }}'); width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
||||
<div class="custom-header custom-header__align-{{ .align }}" style="background-image: url('{{ .image | relURL }}'); width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
||||
{{ $header := . }}
|
||||
{{ if .title }}
|
||||
{{ range .title }}
|
||||
|
|
@ -23,15 +23,4 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
{{ if (fileExists "static/images/header/background.png") }}
|
||||
{{ $.Scratch.Set "header_background" "images/header/background.png" }}
|
||||
{{ else if (fileExists "static/images/header/background.jpg") }}
|
||||
{{ $.Scratch.Set "header_background" "images/header/background.jpg" }}
|
||||
{{ else }}
|
||||
{{ $.Scratch.Set "header_background" "images/header/background.png" }}
|
||||
{{ end }}
|
||||
<div style="background-image: url('{{$.Scratch.Get "header_background" | relURL }}'); width: 100%; height: 235px;">
|
||||
{{ partial "header/slide-1" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -31,17 +31,6 @@
|
|||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{{ range $idx, $seq := (seq 3) }}
|
||||
<div class="swiper-slide">
|
||||
{{ partial (print "header/slide-" $seq) . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ $js := .Site.Data.lib.js }}
|
||||
|
|
|
|||
|
|
@ -23,10 +23,4 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<div class="features-text">
|
||||
<div class="features-text__item h2">
|
||||
{{ .Site.Params.Title }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<div class="features-intro">
|
||||
<div class="features-intro__title h3">
|
||||
Zzo
|
||||
</div>
|
||||
<div class="features-intro__links">
|
||||
<a href="https://github.com/zzossig/hugo-theme-zzo" rel="noreferrer">Download</a>
|
||||
<a href="https://themes.gohugo.io/theme/hugo-theme-zzo/en" rel="noreferrer">Demo</a>
|
||||
<a href="https://github.com/zzossig/hugo-theme-zzo" rel="noreferrer">Homepage</a>
|
||||
</div>
|
||||
<div class="features-intro__release-info">
|
||||
MIT Licensed, v1.0.0, Blog theme powered by Hugo
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<div class="features">
|
||||
<div class="features__title">
|
||||
Top Notch Features
|
||||
</div>
|
||||
<ul class="features__list">
|
||||
<li>
|
||||
Multiple Skins
|
||||
</li>
|
||||
<li>
|
||||
Multilingual
|
||||
</li>
|
||||
<li>
|
||||
Gallery
|
||||
</li>
|
||||
<li>
|
||||
Search
|
||||
</li>
|
||||
<li>
|
||||
Responsive
|
||||
</li>
|
||||
<li>
|
||||
Customizable
|
||||
</li>
|
||||
<li>
|
||||
Code Highlighting
|
||||
</li>
|
||||
<li>
|
||||
Diagram
|
||||
</li>
|
||||
<li>
|
||||
Math
|
||||
</li>
|
||||
<li>
|
||||
Comment
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="features-text">
|
||||
<div class="features-text__item h5">
|
||||
Start Using It Now
|
||||
</div>
|
||||
<div class="features-text__item p2">
|
||||
Zzo theme is completely free and open-source
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
|
||||
<nav class="pagination-list">
|
||||
<div>
|
||||
<a href="{{ if .Paginator.HasPrev }}{{ .Paginator.First.URL }}{{ else }}#{{ end }}" aria-disabled="{{ if .Paginator.HasPrev }}false{{ else }}true{{ end }}" rel="first" class="pagination-list__item">
|
||||
<span class="icon {{ if .Paginator.HasPrev }}enable{{ else }}disabled{{ end }}">{{ partial "svgs/arrow/first-page.svg" (dict "width" 22 "height" 22) }}First</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="{{ if .Paginator.HasPrev }}{{ .Paginator.Prev.URL }}{{ else }}#{{ end }}" aria-disabled="{{ if .Paginator.HasPrev }}false{{ else }}true{{ end }}" rel="prev" class="pagination-list__item">
|
||||
<span class="icon {{ if .Paginator.HasPrev }}enable{{ else }}disabled{{ end }}">{{ partial "svgs/arrow/keyboard-arrow-left.svg" (dict "width" 22 "height" 22) }}Prev</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<p class="pagination-list__item--number p2">{{ .Paginator.PageNumber }} / {{ .Paginator.TotalPages }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="{{ if .Paginator.HasNext }}{{ .Paginator.Next.URL }}{{ else }}#{{ end }}" aria-disabled="{{ if .Paginator.HasNext }}false{{ else }}true{{ end }}" rel="next" class="pagination-list__item">
|
||||
<span class="icon {{ if .Paginator.HasNext }}enable{{ else }}disabled{{ end }}">Next{{ partial "svgs/arrow/keyboard-arrow-right.svg" (dict "width" 22 "height" 22) }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="{{ if .Paginator.HasNext }}{{ .Paginator.Last.URL }}{{ else }}#{{ end }}" aria-disabled="{{ if .Paginator.HasNext }}false{{ else }}true{{ end }}" rel="last" class="pagination-list__item">
|
||||
<span class="icon {{ if .Paginator.HasNext }}enable{{ else }}disabled{{ end }}">Last{{ partial "svgs/arrow/last-page.svg" (dict "width" 22 "height" 22) }}</span>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
{{ end }}
|
||||
|
|
@ -2,6 +2,8 @@
|
|||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@
|
|||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -8,6 +8,8 @@
|
|||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $photoSwipe := resources.Get "js/photoswipe.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $photoSwipe.RelPermalink }}"></script>
|
||||
{{ $photoSwipeUi := resources.Get "js/photoswipe-ui-default.min.js" | resources.Fingerprint }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
{{ $reveal_style := resources.Get "css/reveal/reveal.css" | resources.Minify| resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $reveal_style.RelPermalink }}">
|
||||
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<section data-markdown>
|
||||
<script type="text/template">
|
||||
<!-- .slide: data-background="#ff0000" -->
|
||||
Markdown content
|
||||
</script>
|
||||
</section>
|
||||
<section>Single Horizontal Slide</section>
|
||||
<section>
|
||||
<section>Vertical Slide 1</section>
|
||||
<section>Vertical Slide 2</section>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ $reveal_script := resources.Get "js/reveal.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $reveal_script.RelPermalink }}"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
Reveal.initialize();
|
||||
}
|
||||
</script>
|
||||
|
|
@ -214,14 +214,14 @@
|
|||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-w');
|
||||
});
|
||||
|
||||
clip.on('error', function (e) {
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-w');
|
||||
$(document).one('copy', function () {
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-w');
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@
|
|||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
{{ define "main" }}
|
||||
<header class="header">
|
||||
<h3 class="h3 terms__title">
|
||||
{{ .Title }}
|
||||
</h3>
|
||||
<div>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</header>
|
||||
</span>
|
||||
<main class="main">
|
||||
<div class="pt">
|
||||
<div class="pt__row">
|
||||
{{ $paginator := .Paginate (where .Pages "Type" "pt") }}
|
||||
{{ range $paginator.Pages }}
|
||||
<div class="pt__column">
|
||||
<a href="{{ .Permalink }}">
|
||||
<div class="pt__card">
|
||||
{{ printf "%#v" .Title }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow"></div>
|
||||
{{ partial "pagination/pagination" . }}
|
||||
<div class="hide">
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
{{ partial "script/list-script" . }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{{ partial "script/pt-script" . }}
|
||||
Loading…
Reference in New Issue