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 {
|
.pswp__share-tooltip {
|
||||||
z-index: 1620;
|
z-index: 1620;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: #FFF;
|
background: #403E41;
|
||||||
top: 56px;
|
top: 56px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -218,7 +218,7 @@
|
||||||
.pswp__share-tooltip a {
|
.pswp__share-tooltip a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
color: #000;
|
color: #FCFCFA;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
|
|
@ -226,7 +226,7 @@
|
||||||
|
|
||||||
.pswp__share-tooltip a:hover {
|
.pswp__share-tooltip a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #000;
|
color: #FCFCFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pswp__share-tooltip a:first-child {
|
.pswp__share-tooltip a:first-child {
|
||||||
|
|
@ -262,33 +262,34 @@ a.pswp__share--facebook:before {
|
||||||
top: -12px;
|
top: -12px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
border: 6px solid transparent;
|
border: 6px solid transparent;
|
||||||
border-bottom-color: #FFF;
|
border-bottom-color: #403E41;
|
||||||
-webkit-pointer-events: none;
|
-webkit-pointer-events: none;
|
||||||
-moz-pointer-events: none;
|
-moz-pointer-events: none;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pswp__share--facebook:hover {
|
a.pswp__share--facebook:hover {
|
||||||
background: #3E5C9A;
|
background: #727072;
|
||||||
color: #FFF;
|
color: #FCFCFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pswp__share--facebook:hover:before {
|
a.pswp__share--facebook:hover:before {
|
||||||
border-bottom-color: #3E5C9A;
|
border-bottom-color: #727072;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pswp__share--twitter:hover {
|
a.pswp__share--twitter:hover {
|
||||||
background: #55ACEE;
|
background: #727072;
|
||||||
color: #FFF;
|
color: #FCFCFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pswp__share--pinterest:hover {
|
a.pswp__share--pinterest:hover {
|
||||||
background: #CCC;
|
background: #727072;
|
||||||
color: #CE272D;
|
color: #FCFCFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pswp__share--download:hover {
|
a.pswp__share--download:hover {
|
||||||
background: #DDD;
|
background: #727072;
|
||||||
|
color: #FCFCFA;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -579,3 +580,7 @@ a.pswp__share--download:hover {
|
||||||
.pswp--minimal--dark .pswp__top-bar {
|
.pswp--minimal--dark .pswp__top-bar {
|
||||||
background: none;
|
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) {
|
@function themed($key) {
|
||||||
@return map-get($theme-map, $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;
|
$title-font: 'Montserrat', sans-serif;
|
||||||
$content-font: 'Merriweather', serif;
|
$content-font: 'Merriweather', serif;
|
||||||
|
|
||||||
$z-indexes: ("modal", "navbar", "dropdown", "header", "grid", "search-btn", "search", "content", "footer", "taxo", "toc", "gallery-mask");
|
$z-indexes: ("modal", "navbar", "dropdown", "header", "clipboard", "grid", "search-btn", "search", "content", "footer", "taxo", "toc", "gallery-mask");
|
||||||
$ls: (
|
|
||||||
base: -10,
|
|
||||||
heading: 10,
|
|
||||||
button: 5,
|
|
||||||
slogan: -100
|
|
||||||
);
|
|
||||||
$breakpoints: (
|
$breakpoints: (
|
||||||
'xs': 0,
|
'xs': 0,
|
||||||
'sm': 769px,
|
'sm': 769px,
|
||||||
|
|
|
||||||
|
|
@ -1,68 +1,5 @@
|
||||||
// -- Slide Animations -- //
|
// -- 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) {
|
@include keyframes(slide-in-down) {
|
||||||
0% {
|
0% {
|
||||||
transform: translate(0,-12%);
|
transform: translate(0,-12%);
|
||||||
|
|
@ -87,45 +24,3 @@
|
||||||
opacity: 1;
|
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 {
|
.clearfix::after {
|
||||||
clear: both;
|
clear: both;
|
||||||
content: '';
|
content: '';
|
||||||
display: table;
|
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 {
|
.container {
|
||||||
max-width: 100%; /* 1 */
|
max-width: 100%; /* 1 */
|
||||||
margin-left: auto; /* 2 */
|
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 {
|
.hide {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
@include align-items(flex-start);
|
@include align-items(flex-start);
|
||||||
@include flex-direction(column);
|
@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%;
|
width: 100%;
|
||||||
font-family: $title-font;
|
font-family: $title-font;
|
||||||
|
|
@ -79,10 +79,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__hr {
|
|
||||||
margin: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-hr {
|
&-hr {
|
||||||
border-radius: 0.5rem;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -42,19 +42,3 @@
|
||||||
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;
|
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 {
|
.icon {
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed("search-icon-color");
|
color: themed("search-icon-color");
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,4 @@
|
||||||
.summary-card {
|
.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;
|
margin: 0 0.5rem;
|
||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
|
|
||||||
|
|
@ -82,12 +76,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary-classic {
|
.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;
|
padding: 0 1rem;
|
||||||
.title {
|
.title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|
@ -161,12 +149,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary-compact {
|
.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;
|
padding: 0 1rem;
|
||||||
&__flexbox {
|
&__flexbox {
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
|
|
|
||||||
|
|
@ -7,24 +7,14 @@
|
||||||
background-color: themed('footer-background-color');
|
background-color: themed('footer-background-color');
|
||||||
}
|
}
|
||||||
|
|
||||||
&__wrapper {
|
|
||||||
@include flexbox();
|
|
||||||
@include flex-direction(row);
|
|
||||||
@include respond-to(sm) {
|
|
||||||
@include flex-direction(column);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__social {
|
&__social {
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
position: -webkit-sticky;
|
position: -webkit-sticky;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
bottom: 70px;
|
bottom: 70px;
|
||||||
|
|
||||||
@include flex-grow(1);
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include justify-content(center);
|
||||||
@include flex-direction(column);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&__poweredby {
|
&__poweredby {
|
||||||
|
|
|
||||||
|
|
@ -128,6 +128,7 @@
|
||||||
&__title {
|
&__title {
|
||||||
height: $grid_navbar_height;
|
height: $grid_navbar_height;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
|
|
||||||
|
|
@ -158,7 +159,7 @@
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: $title-font;
|
font-family: $title-font;
|
||||||
font-weight: 400;
|
font-weight: 700;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
|
|
@ -203,6 +204,7 @@
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
border-top: 1px solid themed('navbar-border-bottom-color');
|
border-top: 1px solid themed('navbar-border-bottom-color');
|
||||||
background-color: themed('navbar-mobile-background-color');
|
background-color: themed('navbar-mobile-background-color');
|
||||||
|
border-bottom: 1px solid themed('navbar-border-bottom-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -246,6 +248,7 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed("dropdown-item-color");
|
color: themed("dropdown-item-color");
|
||||||
|
|
|
||||||
|
|
@ -40,13 +40,11 @@ $chroma_theme: {{ $scr.Get "chroma_theme" }};
|
||||||
@import 'components/breadcrumb';
|
@import 'components/breadcrumb';
|
||||||
@import 'components/diagram';
|
@import 'components/diagram';
|
||||||
@import 'components/expand';
|
@import 'components/expand';
|
||||||
@import 'components/features';
|
|
||||||
@import 'components/gtt';
|
@import 'components/gtt';
|
||||||
@import 'components/hr';
|
@import 'components/hr';
|
||||||
@import 'components/math';
|
@import 'components/math';
|
||||||
@import 'components/notice';
|
@import 'components/notice';
|
||||||
@import 'components/pagination';
|
@import 'components/pagination';
|
||||||
@import 'components/photoswipe';
|
|
||||||
@import 'components/related';
|
@import 'components/related';
|
||||||
@import 'components/search';
|
@import 'components/search';
|
||||||
@import 'components/summary';
|
@import 'components/summary';
|
||||||
|
|
@ -65,3 +63,4 @@ $chroma_theme: {{ $scr.Get "chroma_theme" }};
|
||||||
@import 'pages/list';
|
@import 'pages/list';
|
||||||
@import 'pages/single';
|
@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 {
|
&__contents {
|
||||||
//@include animation('slide-in-down-3 .3s .7s 1 ease both');
|
|
||||||
&--gallery {
|
&--gallery {
|
||||||
overflow: hidden;
|
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 {
|
&>p>a {
|
||||||
|
|
@ -129,7 +123,7 @@
|
||||||
right: 4px;
|
right: 4px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
z-index: 1;
|
z-index: z('clipboard');
|
||||||
@include transition(all, 0.2s, ease);
|
@include transition(all, 0.2s, ease);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -158,7 +152,7 @@
|
||||||
right: 4px;
|
right: 4px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
z-index: 1;
|
z-index: z('clipboard');
|
||||||
@include transition(all, 0.2s, ease);
|
@include transition(all, 0.2s, ease);
|
||||||
}
|
}
|
||||||
.chroma .copy-to-clipboard:hover {
|
.chroma .copy-to-clipboard:hover {
|
||||||
|
|
@ -169,7 +163,7 @@
|
||||||
right: 4px;
|
right: 4px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
z-index: 1;
|
z-index: z('clipboard');
|
||||||
@include transition(all, 0.2s, ease);
|
@include transition(all, 0.2s, ease);
|
||||||
}
|
}
|
||||||
.language-code .copy-to-clipboard:hover {
|
.language-code .copy-to-clipboard:hover {
|
||||||
|
|
@ -419,20 +413,6 @@ pre:not(.chroma) {
|
||||||
pre {
|
pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 34px 4px 6px;
|
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-border-bottom-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
navbar-background-color: hsl($custom_theme_primary_color, 60%, 86%),
|
navbar-background-color: hsl($custom_theme_primary_color, 60%, 86%),
|
||||||
navbar-mobile-background-color: hsl($custom_theme_primary_color, 60%, 92%),
|
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-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
||||||
navbar-title-active-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%),
|
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-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
content-pre-header-background-color: hsl($custom_theme_primary_color, 100%, 92%),
|
content-pre-header-background-color: hsl($custom_theme_primary_color, 100%, 92%),
|
||||||
content-pre-border-background-color: hsl($custom_theme_primary_color, 100%, 86%),
|
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-color: hsl($custom_theme_primary_color, 25%, 50%),
|
||||||
social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 60%),
|
social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 60%),
|
||||||
pagination-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
pagination-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ $light: (
|
||||||
title-color: #607d8b,
|
title-color: #607d8b,
|
||||||
meta-color: #424242,
|
meta-color: #424242,
|
||||||
body-color: #424242,
|
body-color: #424242,
|
||||||
hr-color: #dbdbdb,
|
hr-color: #ccc,
|
||||||
body-background-color: #fafafa,
|
body-background-color: #fafafa,
|
||||||
backdrop-background-color: #e0e0e0,
|
backdrop-background-color: #e0e0e0,
|
||||||
dropdown-border-top-color: #e0e0e0,
|
dropdown-border-top-color: #e0e0e0,
|
||||||
|
|
@ -14,14 +14,14 @@ $light: (
|
||||||
dropdown-content-background-color: #fafafa,
|
dropdown-content-background-color: #fafafa,
|
||||||
dropdown-item-hover-background-color: #bdbdbd,
|
dropdown-item-hover-background-color: #bdbdbd,
|
||||||
dropdown-item-hover-color: #FCFCFA,
|
dropdown-item-hover-color: #FCFCFA,
|
||||||
dropdown-item-color: #424242,
|
dropdown-item-color: #555,
|
||||||
navbar-border-bottom-color: #e0e0e0,
|
navbar-border-bottom-color: #e0e0e0,
|
||||||
navbar-background-color: #eaeaea,
|
navbar-background-color: #eaeaea,
|
||||||
navbar-mobile-background-color: #f1f1f1,
|
navbar-mobile-background-color: #f1f1f1,
|
||||||
navbar-title-color: #424242,
|
navbar-title-color: #555,
|
||||||
navbar-title-hover-color: #607d8b,
|
navbar-title-hover-color: #607d8b,
|
||||||
navbar-title-active-color: #FF6188,
|
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,
|
navbar-dropdown-item-hover-color: #607d8b,
|
||||||
sidebar-title-color: #424242,
|
sidebar-title-color: #424242,
|
||||||
sidebar-li-color: #424242,
|
sidebar-li-color: #424242,
|
||||||
|
|
@ -53,7 +53,7 @@ $light: (
|
||||||
content-pre-border-background-color: darken(#F5F2F0, 7%),
|
content-pre-border-background-color: darken(#F5F2F0, 7%),
|
||||||
content-pre-header-background-color: darken(#F5F2F0, 3%),
|
content-pre-header-background-color: darken(#F5F2F0, 3%),
|
||||||
content-pre-header-color: #344952,
|
content-pre-header-color: #344952,
|
||||||
burger-menu-color: #9e9e9e,
|
burger-menu-color: #777,
|
||||||
social-icon-color: #9e9e9e,
|
social-icon-color: #9e9e9e,
|
||||||
social-icon-hover-color: darken(#9e9e9e, 20%),
|
social-icon-hover-color: darken(#9e9e9e, 20%),
|
||||||
pagination-link-color: #424242,
|
pagination-link-color: #424242,
|
||||||
|
|
@ -72,7 +72,7 @@ $light: (
|
||||||
search-placeholder-color: #bdbdbd,
|
search-placeholder-color: #bdbdbd,
|
||||||
search-color: #424242,
|
search-color: #424242,
|
||||||
search-icon-color: #bdbdbd,
|
search-icon-color: #bdbdbd,
|
||||||
search-border-color: darken(#eee, 3%),
|
search-border-color: darken(#eee, 12%),
|
||||||
search-background-color: #eeeeee,
|
search-background-color: #eeeeee,
|
||||||
search-content-color: #424242,
|
search-content-color: #424242,
|
||||||
search-content-background-color: #eeeeee,
|
search-content-background-color: #eeeeee,
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ $solarized: (
|
||||||
navbar-border-bottom-color: #B58900,
|
navbar-border-bottom-color: #B58900,
|
||||||
navbar-background-color: #EEE8D5,
|
navbar-background-color: #EEE8D5,
|
||||||
navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
|
navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
|
||||||
navbar-title-color: #424242,
|
navbar-title-color: #555,
|
||||||
navbar-title-hover-color: #B58900,
|
navbar-title-hover-color: #B58900,
|
||||||
navbar-title-active-color: #B58900,
|
navbar-title-active-color: #B58900,
|
||||||
navbar-menu-hover-background-color: darken(#FBF1D1, 5%),
|
navbar-menu-hover-background-color: darken(#FBF1D1, 5%),
|
||||||
|
|
|
||||||
|
|
@ -1,26 +1,23 @@
|
||||||
baseURL = "http://example.org/" # The URL of your site.
|
baseURL = "http://example.org/"
|
||||||
title = "Hugo Zzo Theme" # Title of your site
|
title = "Hugo Zzo Theme"
|
||||||
theme = "zzo" # Name of Zzo theme folder in `themes/`.
|
theme = "zzo"
|
||||||
|
|
||||||
defaultContentLanguage = "en" # Default language to use (if you setup multilingual support)
|
defaultContentLanguage = "en"
|
||||||
defaultContentLanguageInSubdir = true # baseURL/en/, baseURL/kr/ ...
|
defaultContentLanguageInSubdir = true
|
||||||
hasCJKLanguage = true # Set `true` for Chinese/Japanese/Korean languages.
|
hasCJKLanguage = true
|
||||||
|
|
||||||
summaryLength = 70
|
summaryLength = 70
|
||||||
|
|
||||||
copyright = "©{year}, All Rights Reserved" # copyright symbol: $copy; current year: {year}
|
copyright = "©{year}, All Rights Reserved"
|
||||||
timeout = 10000
|
timeout = 10000
|
||||||
enableEmoji = true
|
enableEmoji = true
|
||||||
paginate = 13 # Number of items per page in paginated lists.
|
paginate = 13
|
||||||
rssLimit = 100
|
rssLimit = 100
|
||||||
|
|
||||||
pygmentsOptions = "linenos=table"
|
pygmentsOptions = "linenos=table"
|
||||||
|
pygmentsCodefences = true
|
||||||
pygmentsUseClasses = true
|
pygmentsUseClasses = true
|
||||||
|
pygmentsCodefencesGuessSyntax = true
|
||||||
[markup]
|
|
||||||
[markup.goldmark]
|
|
||||||
[markup.goldmark.renderer]
|
|
||||||
unsafe = true
|
|
||||||
|
|
||||||
[outputs]
|
[outputs]
|
||||||
home = ["HTML", "RSS", "JSON", "WebAppManifest"]
|
home = ["HTML", "RSS", "JSON", "WebAppManifest"]
|
||||||
|
|
|
||||||
|
|
@ -10,11 +10,17 @@
|
||||||
url = "archive"
|
url = "archive"
|
||||||
weight = 2
|
weight = 2
|
||||||
|
|
||||||
|
[[main]]
|
||||||
|
identifier = "pt"
|
||||||
|
name = "pt"
|
||||||
|
url = "pt"
|
||||||
|
weight = 3
|
||||||
|
|
||||||
[[main]]
|
[[main]]
|
||||||
identifier = "gallery"
|
identifier = "gallery"
|
||||||
name = "gallery"
|
name = "gallery"
|
||||||
url = "gallery"
|
url = "gallery"
|
||||||
weight = 3
|
weight = 4
|
||||||
|
|
||||||
[[main]]
|
[[main]]
|
||||||
parent = "gallery"
|
parent = "gallery"
|
||||||
|
|
@ -30,10 +36,10 @@
|
||||||
identifier = "posts"
|
identifier = "posts"
|
||||||
name = "posts"
|
name = "posts"
|
||||||
url = "posts"
|
url = "posts"
|
||||||
weight = 4
|
weight = 5
|
||||||
|
|
||||||
[[main]]
|
[[main]]
|
||||||
identifier = "notes"
|
identifier = "notes"
|
||||||
name = "notes"
|
name = "notes"
|
||||||
url = "notes"
|
url = "notes"
|
||||||
weight = 5
|
weight = 6
|
||||||
|
|
@ -1,26 +1,23 @@
|
||||||
logoText = "Zzo" # site navigation bar logo text.
|
logoText = "Zzo"
|
||||||
description = "The Zzo theme for Hugo example site." # for SEO
|
description = "The Zzo theme for Hugo example site."
|
||||||
custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss
|
custom_css = []
|
||||||
custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js
|
custom_js = []
|
||||||
|
|
||||||
# header
|
# header
|
||||||
homeHeaderType = "text" # text, img, slide
|
homeHeaderType = "text" # text, img, slide
|
||||||
|
|
||||||
# navbar
|
|
||||||
enableThemeChange = true # site color theme
|
|
||||||
|
|
||||||
# body
|
# body
|
||||||
enableBreadcrumb = true # breadcrumb for list, single page
|
enableBreadcrumb = true
|
||||||
enablePhotoSwipe = true # image viewer for gallery, single page
|
enablePhotoSwipe = true
|
||||||
enableSearch = true # site search with lunr
|
enableSearch = true
|
||||||
enableGoToTop = true # scroll to top
|
enableGoToTop = true
|
||||||
enableWhoami = true # at the end of single page
|
enableWhoami = true
|
||||||
summaryShape = "classic" # card, classic, compact
|
summaryShape = "classic" # card, classic, compact
|
||||||
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
|
archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
|
||||||
archivePaginate = 13 # items per page
|
archivePaginate = 13
|
||||||
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
|
paginateWindow = 1
|
||||||
|
|
||||||
# whoami: usage - home page sidebar, single page bottom of post. all values can be empty
|
# whoami
|
||||||
myname = "zzossig"
|
myname = "zzossig"
|
||||||
email = "zzossig@gmail.com"
|
email = "zzossig@gmail.com"
|
||||||
whoami = "Web Developer"
|
whoami = "Web Developer"
|
||||||
|
|
@ -30,22 +27,23 @@ organization = "Hugo"
|
||||||
link = "https://github.com/zzossig/hugo-theme-zzo"
|
link = "https://github.com/zzossig/hugo-theme-zzo"
|
||||||
|
|
||||||
# sidebar
|
# sidebar
|
||||||
enableBio = true # home page sidebar
|
enableBio = true
|
||||||
enableSidebar = true # if you want to make full width of contents
|
enableSidebar = true
|
||||||
enableSidebarTags = true # if you want to use tags.
|
enableSidebarTags = true
|
||||||
enableSidebarSeries = true
|
enableSidebarSeries = true
|
||||||
enableSidebarCategories = true
|
enableSidebarCategories = true
|
||||||
enableToc = true # single page table of contents
|
enableToc = true
|
||||||
enableTocSwitch = true # single page table of contents visibility switch
|
enableTocSwitch = true
|
||||||
itemsPerCategory = 5 # maximum number of posts shown in the sidebar.
|
itemsPerCategory = 5
|
||||||
searchLanguages = ['en'] # lunr multilanguage search. https://github.com/MihaiValentin/lunr-languages
|
searchLanguages = ['en']
|
||||||
|
|
||||||
# footer
|
# footer
|
||||||
showPoweredBy = true # show footer text: Powered by Hugo and Zzo theme
|
showPoweredBy = true
|
||||||
showFeedLinks = true # RSS Feed
|
showFeedLinks = true
|
||||||
showSocialLinks = true # email, facebook, twitter ...
|
showSocialLinks = true
|
||||||
enableLangChange = true # show button at bottom left of footer.
|
enableLangChange = true
|
||||||
themeOptions = ["dark", "light", "hacker", "solarized", "custom"] # select options for site color theme
|
enableThemeChange = true
|
||||||
|
themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
|
||||||
|
|
||||||
# comment
|
# comment
|
||||||
enableComment = true
|
enableComment = true
|
||||||
|
|
@ -98,7 +96,7 @@ commento = false
|
||||||
google_analytics = ""
|
google_analytics = ""
|
||||||
google_tag_manager = ""
|
google_tag_manager = ""
|
||||||
|
|
||||||
[socialOptions] # if set, social icons will show up.
|
[socialOptions]
|
||||||
email = "mailto:your@email.com"
|
email = "mailto:your@email.com"
|
||||||
facebook = "http://example.org/"
|
facebook = "http://example.org/"
|
||||||
twitter = "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;
|
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
|
```mermaid
|
||||||
sequenceDiagram
|
sequenceDiagram
|
||||||
participant Alice
|
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
|
|
@ -16,9 +16,10 @@
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{{ partial "pagination/pagination-list" . }}
|
{{ partial "pagination/pagination" . }}
|
||||||
</main>
|
</main>
|
||||||
<aside class="main-side">
|
<aside class="main-side">
|
||||||
{{ partial "sidebar/sidebar-list" . }}
|
{{ partial "sidebar/sidebar-list" . }}
|
||||||
</aside>
|
</aside>
|
||||||
|
{{ partial "script/taxo-script" . }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -17,8 +17,8 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<div class="hide">
|
<aside class="hide">
|
||||||
{{ partial "search/site-search" . }}
|
{{ partial "search/site-search" . }}
|
||||||
</div>
|
</aside>
|
||||||
{{ partial "script/taxo-script" . }}
|
{{ partial "script/taxo-script" . }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<aside class="related">
|
<section class="related">
|
||||||
{{ $related := .Site.RegularPages.Related . | first 5 }}
|
{{ $related := .Site.RegularPages.Related . | first 5 }}
|
||||||
{{ with $related }}
|
{{ with $related }}
|
||||||
<h1 class="related__title">
|
<h1 class="related__title">
|
||||||
|
|
@ -16,4 +16,4 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</aside>
|
</section>
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{{ if $.Param "enableWhoami" }}
|
{{ if $.Param "enableWhoami" }}
|
||||||
<div class="whoami__gutter"></div>
|
<div class="whoami__gutter"></div>
|
||||||
<hr class="hr-slash whoami-hr"/>
|
<hr class="hr-slash whoami-hr"/>
|
||||||
<aside class="whoami">
|
<section class="whoami">
|
||||||
<div class="whoami__image-wrapper">
|
<div class="whoami__image-wrapper">
|
||||||
{{ $src := "" }}
|
{{ $src := "" }}
|
||||||
{{ if site.Params.useGravatar }}
|
{{ if site.Params.useGravatar }}
|
||||||
|
|
@ -39,6 +39,6 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</section>
|
||||||
<hr class="hr-slash whoami-hr" />
|
<hr class="hr-slash whoami-hr" />
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{{ if $.Param "enableGoToTop" }}
|
{{ if $.Param "enableGoToTop" }}
|
||||||
<aside id="gtt">
|
<div id="gtt">
|
||||||
<div class="gtt">
|
<div class="gtt">
|
||||||
{{ partial "svgs/arrow/keyboard-arrow-up.svg" (dict "width" 32 "height" 32) }}
|
{{ partial "svgs/arrow/keyboard-arrow-up.svg" (dict "width" 32 "height" 32) }}
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,9 +1,7 @@
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer__wrapper">
|
|
||||||
{{ partial "footer/select-lang" . }}
|
{{ partial "footer/select-lang" . }}
|
||||||
{{ partial "footer/links-social.html" . }}
|
{{ partial "footer/links-social.html" . }}
|
||||||
{{ partial "footer/go-to-top" . }}
|
{{ partial "footer/go-to-top" . }}
|
||||||
</div>
|
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
{{ if $.Param "showPoweredBy" }}
|
{{ if $.Param "showPoweredBy" }}
|
||||||
|
|
|
||||||
|
|
@ -23,15 +23,4 @@
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ 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 }}
|
{{ end }}
|
||||||
|
|
@ -31,17 +31,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-pagination"></div>
|
<div class="swiper-pagination"></div>
|
||||||
</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 }}
|
{{ end }}
|
||||||
|
|
||||||
{{ $js := .Site.Data.lib.js }}
|
{{ $js := .Site.Data.lib.js }}
|
||||||
|
|
|
||||||
|
|
@ -23,10 +23,4 @@
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ else }}
|
|
||||||
<div class="features-text">
|
|
||||||
<div class="features-text__item h2">
|
|
||||||
{{ .Site.Params.Title }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
{{ 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>
|
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
<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 }}
|
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,8 @@
|
||||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
<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 }}
|
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,8 @@
|
||||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
<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 }}
|
{{ $photoSwipe := resources.Get "js/photoswipe.min.js" | resources.Fingerprint }}
|
||||||
<script defer src="{{ $photoSwipe.RelPermalink }}"></script>
|
<script defer src="{{ $photoSwipe.RelPermalink }}"></script>
|
||||||
{{ $photoSwipeUi := resources.Get "js/photoswipe-ui-default.min.js" | resources.Fingerprint }}
|
{{ $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) {
|
clip.on('success', function (e) {
|
||||||
e.clearSelection();
|
e.clearSelection();
|
||||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
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) {
|
clip.on('error', function (e) {
|
||||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
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 () {
|
$(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>
|
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
<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 }}
|
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
<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