BaseURL problem fixed
This commit is contained in:
zzossig
parent
2107a1e1d4
commit
1450e07be0
|
|
@ -1,72 +1,72 @@
|
||||||
---
|
---
|
||||||
header:
|
header:
|
||||||
- type: text
|
- type: text
|
||||||
height: 235
|
height: 235
|
||||||
paddingX: 50
|
paddingX: 50
|
||||||
paddingY: 0
|
paddingY: 0
|
||||||
align: left
|
align: left
|
||||||
title:
|
title:
|
||||||
- header title1
|
- header title1
|
||||||
- header title2
|
- header title2
|
||||||
subtitle:
|
subtitle:
|
||||||
- header subtitle1
|
- header subtitle1
|
||||||
- header subtitle2
|
- header subtitle2
|
||||||
titleFontSize: 44
|
titleFontSize: 44
|
||||||
subtitleFontSize: 16
|
subtitleFontSize: 16
|
||||||
spaceBetweenTitleSubtitle: 20
|
spaceBetweenTitleSubtitle: 20
|
||||||
|
|
||||||
- type: img
|
- type: img
|
||||||
image: images/header/background.png
|
image: images/header/background.png
|
||||||
height: 235
|
height: 235
|
||||||
paddingX: 50
|
paddingX: 50
|
||||||
paddingY: 0
|
paddingY: 0
|
||||||
align: center
|
align: center
|
||||||
title:
|
title:
|
||||||
- header title1
|
- header title1
|
||||||
- header title2
|
- header title2
|
||||||
subtitle:
|
subtitle:
|
||||||
- header subtitle1
|
- header subtitle1
|
||||||
- header subtitle2
|
- header subtitle2
|
||||||
titleFontSize: 44
|
titleFontSize: 44
|
||||||
subtitleFontSize: 16
|
subtitleFontSize: 16
|
||||||
spaceBetweenTitleSubtitle: 20
|
spaceBetweenTitleSubtitle: 20
|
||||||
|
|
||||||
- type: slide
|
- type: slide
|
||||||
height: 235
|
height: 235
|
||||||
slide:
|
slide:
|
||||||
- paddingX: 50
|
- paddingX: 50
|
||||||
paddingY: 0
|
paddingY: 0
|
||||||
align: left
|
align: left
|
||||||
image: images/header/background.png
|
image: images/header/background.png
|
||||||
title:
|
title:
|
||||||
- header title1
|
- header title1
|
||||||
subtitle:
|
subtitle:
|
||||||
- header subtitle1
|
- header subtitle1
|
||||||
titleFontSize: 44
|
titleFontSize: 44
|
||||||
subtitleFontSize: 16
|
subtitleFontSize: 16
|
||||||
spaceBetweenTitleSubtitle: 20
|
spaceBetweenTitleSubtitle: 20
|
||||||
|
|
||||||
- paddingX: 50
|
- paddingX: 50
|
||||||
paddingY: 0
|
paddingY: 0
|
||||||
align: center
|
align: center
|
||||||
image: images/header/background.png
|
image: images/header/background.png
|
||||||
title:
|
title:
|
||||||
- header title2
|
- header title2
|
||||||
subtitle:
|
subtitle:
|
||||||
- header subtitle2
|
- header subtitle2
|
||||||
titleFontSize: 44
|
titleFontSize: 44
|
||||||
subtitleFontSize: 16
|
subtitleFontSize: 16
|
||||||
spaceBetweenTitleSubtitle: 20
|
spaceBetweenTitleSubtitle: 20
|
||||||
|
|
||||||
- paddingX: 50
|
- paddingX: 50
|
||||||
paddingY: 0
|
paddingY: 0
|
||||||
align: right
|
align: right
|
||||||
image: images/header/background.png
|
image: images/header/background.png
|
||||||
title:
|
title:
|
||||||
- header title3
|
- header title3
|
||||||
subtitle:
|
subtitle:
|
||||||
- header subtitle3
|
- header subtitle3
|
||||||
titleFontSize: 44
|
titleFontSize: 44
|
||||||
subtitleFontSize: 16
|
subtitleFontSize: 16
|
||||||
spaceBetweenTitleSubtitle: 20
|
spaceBetweenTitleSubtitle: 20
|
||||||
---
|
---
|
||||||
|
|
@ -1,21 +1,21 @@
|
||||||
---
|
---
|
||||||
title: "{{ replace .Name "-" " " | title }}"
|
title: "{{ replace .Name "-" " " | title }}"
|
||||||
date: {{ .Date }}
|
date: {{ .Date }}
|
||||||
description:
|
description:
|
||||||
tags:
|
tags:
|
||||||
-
|
-
|
||||||
series:
|
series:
|
||||||
-
|
-
|
||||||
categories:
|
categories:
|
||||||
-
|
-
|
||||||
libraries:
|
libraries:
|
||||||
- katex
|
- katex
|
||||||
- mathjax
|
- mathjax
|
||||||
- chart
|
- chart
|
||||||
- flowchartjs
|
- flowchartjs
|
||||||
- msc
|
- msc
|
||||||
- katex
|
- katex
|
||||||
- mermaid
|
- mermaid
|
||||||
- viz
|
- viz
|
||||||
- wavedrom
|
- wavedrom
|
||||||
---
|
---
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,80 +1,80 @@
|
||||||
/*
|
/*
|
||||||
|
|
||||||
Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
|
Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
|
||||||
based on dark.css by Ivan Sagalaev
|
based on dark.css by Ivan Sagalaev
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.hljs {
|
.hljs {
|
||||||
display: block;
|
display: block;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
background: #3f3f3f;
|
background: #3f3f3f;
|
||||||
color: #dcdcdc;
|
color: #dcdcdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-keyword,
|
.hljs-keyword,
|
||||||
.hljs-selector-tag,
|
.hljs-selector-tag,
|
||||||
.hljs-tag {
|
.hljs-tag {
|
||||||
color: #e3ceab;
|
color: #e3ceab;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-template-tag {
|
.hljs-template-tag {
|
||||||
color: #dcdcdc;
|
color: #dcdcdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-number {
|
.hljs-number {
|
||||||
color: #8cd0d3;
|
color: #8cd0d3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-variable,
|
.hljs-variable,
|
||||||
.hljs-template-variable,
|
.hljs-template-variable,
|
||||||
.hljs-attribute {
|
.hljs-attribute {
|
||||||
color: #efdcbc;
|
color: #efdcbc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-literal {
|
.hljs-literal {
|
||||||
color: #efefaf;
|
color: #efefaf;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-subst {
|
.hljs-subst {
|
||||||
color: #8f8f8f;
|
color: #8f8f8f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-title,
|
.hljs-title,
|
||||||
.hljs-name,
|
.hljs-name,
|
||||||
.hljs-selector-id,
|
.hljs-selector-id,
|
||||||
.hljs-selector-class,
|
.hljs-selector-class,
|
||||||
.hljs-section,
|
.hljs-section,
|
||||||
.hljs-type {
|
.hljs-type {
|
||||||
color: #efef8f;
|
color: #efef8f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-symbol,
|
.hljs-symbol,
|
||||||
.hljs-bullet,
|
.hljs-bullet,
|
||||||
.hljs-link {
|
.hljs-link {
|
||||||
color: #dca3a3;
|
color: #dca3a3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-deletion,
|
.hljs-deletion,
|
||||||
.hljs-string,
|
.hljs-string,
|
||||||
.hljs-built_in,
|
.hljs-built_in,
|
||||||
.hljs-builtin-name {
|
.hljs-builtin-name {
|
||||||
color: #cc9393;
|
color: #cc9393;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-addition,
|
.hljs-addition,
|
||||||
.hljs-comment,
|
.hljs-comment,
|
||||||
.hljs-quote,
|
.hljs-quote,
|
||||||
.hljs-meta {
|
.hljs-meta {
|
||||||
color: #7f9f7f;
|
color: #7f9f7f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.hljs-emphasis {
|
.hljs-emphasis {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hljs-strong {
|
.hljs-strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
@ -1,338 +1,338 @@
|
||||||
/**
|
/**
|
||||||
* Beige theme for reveal.js.
|
* Beige theme for reveal.js.
|
||||||
*
|
*
|
||||||
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'League Gothic';
|
font-family: 'League Gothic';
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
||||||
|
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #f7f2d3;
|
background: #f7f2d3;
|
||||||
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
|
||||||
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background-color: #f7f3de;
|
background-color: #f7f3de;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: rgba(79, 64, 28, 0.99);
|
background: rgba(79, 64, 28, 0.99);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: rgba(79, 64, 28, 0.99);
|
background: rgba(79, 64, 28, 0.99);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: "League Gothic", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #8b743d;
|
color: #8b743d;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #c0a86e;
|
color: #c0a86e;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #564826;
|
background: #564826;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #333;
|
border: 4px solid #333;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #8b743d;
|
border-color: #8b743d;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #8b743d;
|
color: #8b743d;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #8b743d;
|
color: #8b743d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #f7f3de;
|
background-color: #f7f3de;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,371 +1,371 @@
|
||||||
/**
|
/**
|
||||||
* Black theme for reveal.js. This is the opposite of the 'white' theme.
|
* Black theme for reveal.js. This is the opposite of the 'white' theme.
|
||||||
*
|
*
|
||||||
* By Hakim El Hattab, http://hakim.se
|
* By Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-regular.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-regular.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-regular.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-regular.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-italic.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-italic.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-italic.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-italic.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.ttf') format('truetype');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf') format('truetype');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.has-light-background,
|
section.has-light-background,
|
||||||
section.has-light-background h1,
|
section.has-light-background h1,
|
||||||
section.has-light-background h2,
|
section.has-light-background h2,
|
||||||
section.has-light-background h3,
|
section.has-light-background h3,
|
||||||
section.has-light-background h4,
|
section.has-light-background h4,
|
||||||
section.has-light-background h5,
|
section.has-light-background h5,
|
||||||
section.has-light-background h6 {
|
section.has-light-background h6 {
|
||||||
color: #222;
|
color: #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #191919;
|
background: #191919;
|
||||||
background-color: #191919;
|
background-color: #191919;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #bee4fd;
|
background: #bee4fd;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #bee4fd;
|
background: #bee4fd;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #42affa;
|
color: #42affa;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #8dcffc;
|
color: #8dcffc;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #068de9;
|
background: #068de9;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #fff;
|
border: 4px solid #fff;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #42affa;
|
border-color: #42affa;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #42affa;
|
color: #42affa;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #42affa;
|
color: #42affa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #191919;
|
background-color: #191919;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,352 +1,352 @@
|
||||||
/**
|
/**
|
||||||
* Blood theme for reveal.js
|
* Blood theme for reveal.js
|
||||||
* Author: Walther http://github.com/Walther
|
* Author: Walther http://github.com/Walther
|
||||||
*
|
*
|
||||||
* Designed to be used with highlight.js theme
|
* Designed to be used with highlight.js theme
|
||||||
* "monokai_sublime.css" available from
|
* "monokai_sublime.css" available from
|
||||||
* https://github.com/isagalaev/highlight.js/
|
* https://github.com/isagalaev/highlight.js/
|
||||||
*
|
*
|
||||||
* For other themes, change $codeBackground accordingly.
|
* For other themes, change $codeBackground accordingly.
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: Ubuntu, "sans-serif";
|
font-family: Ubuntu, "sans-serif";
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #a23;
|
background: #a23;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #a23;
|
background: #a23;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
font-family: Ubuntu, "sans-serif";
|
font-family: Ubuntu, "sans-serif";
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: 2px 2px 2px #222;
|
text-shadow: 2px 2px 2px #222;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #a23;
|
color: #a23;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #dd5566;
|
color: #dd5566;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #6a1520;
|
background: #6a1520;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #eee;
|
border: 4px solid #eee;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #a23;
|
border-color: #a23;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #a23;
|
color: #a23;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #a23;
|
color: #a23;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal p {
|
.reveal p {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
text-shadow: 1px 1px #222;
|
text-shadow: 1px 1px #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal p code {
|
.reveal p code {
|
||||||
background-color: #23241f;
|
background-color: #23241f;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small code {
|
.reveal small code {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
@ -1,341 +1,341 @@
|
||||||
/**
|
/**
|
||||||
* League theme for reveal.js.
|
* League theme for reveal.js.
|
||||||
*
|
*
|
||||||
* This was the default theme pre-3.0.0.
|
* This was the default theme pre-3.0.0.
|
||||||
*
|
*
|
||||||
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'League Gothic';
|
font-family: 'League Gothic';
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
||||||
|
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #1c1e20;
|
background: #1c1e20;
|
||||||
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
|
||||||
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background-color: #2b2b2b;
|
background-color: #2b2b2b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #FF5E99;
|
background: #FF5E99;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #FF5E99;
|
background: #FF5E99;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: "League Gothic", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #13DAEC;
|
color: #13DAEC;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #71e9f4;
|
color: #71e9f4;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #0d99a5;
|
background: #0d99a5;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #eee;
|
border: 4px solid #eee;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #13DAEC;
|
border-color: #13DAEC;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #13DAEC;
|
color: #13DAEC;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #13DAEC;
|
color: #13DAEC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #2b2b2b;
|
background-color: #2b2b2b;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,340 +1,340 @@
|
||||||
/**
|
/**
|
||||||
* Solarized Dark theme for reveal.js.
|
* Solarized Dark theme for reveal.js.
|
||||||
* Author: Achim Staebler
|
* Author: Achim Staebler
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'League Gothic';
|
font-family: 'League Gothic';
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
||||||
|
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Solarized colors by Ethan Schoonover
|
* Solarized colors by Ethan Schoonover
|
||||||
*/
|
*/
|
||||||
html * {
|
html * {
|
||||||
color-profile: sRGB;
|
color-profile: sRGB;
|
||||||
rendering-intent: auto;
|
rendering-intent: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #002b36;
|
background: #002b36;
|
||||||
background-color: #002b36;
|
background-color: #002b36;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #93a1a1;
|
color: #93a1a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #d33682;
|
background: #d33682;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #d33682;
|
background: #d33682;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #eee8d5;
|
color: #eee8d5;
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: "League Gothic", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #78b9e6;
|
color: #78b9e6;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #1a6091;
|
background: #1a6091;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #93a1a1;
|
border: 4px solid #93a1a1;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #268bd2;
|
border-color: #268bd2;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #002b36;
|
background-color: #002b36;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,323 +1,323 @@
|
||||||
/**
|
/**
|
||||||
* Black theme for reveal.js.
|
* Black theme for reveal.js.
|
||||||
*
|
*
|
||||||
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #111;
|
background: #111;
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #e7ad52;
|
background: #e7ad52;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #e7ad52;
|
background: #e7ad52;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
font-family: "Montserrat", Impact, sans-serif;
|
font-family: "Montserrat", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: -0.03em;
|
letter-spacing: -0.03em;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #e7ad52;
|
color: #e7ad52;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #f3d7ac;
|
color: #f3d7ac;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #d08a1d;
|
background: #d08a1d;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #eee;
|
border: 4px solid #eee;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #e7ad52;
|
border-color: #e7ad52;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #e7ad52;
|
color: #e7ad52;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #e7ad52;
|
color: #e7ad52;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,325 +1,325 @@
|
||||||
/**
|
/**
|
||||||
* A simple theme for reveal.js presentations, similar
|
* A simple theme for reveal.js presentations, similar
|
||||||
* to the default theme. The accent color is brown.
|
* to the default theme. The accent color is brown.
|
||||||
*
|
*
|
||||||
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
|
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
|
||||||
*/
|
*/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #F0F1EB;
|
background: #F0F1EB;
|
||||||
background-color: #F0F1EB;
|
background-color: #F0F1EB;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #26351C;
|
background: #26351C;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #26351C;
|
background: #26351C;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #383D3D;
|
color: #383D3D;
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #51483D;
|
color: #51483D;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #8b7c69;
|
color: #8b7c69;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #25211c;
|
background: #25211c;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #000;
|
border: 4px solid #000;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #51483D;
|
border-color: #51483D;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #51483D;
|
color: #51483D;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #51483D;
|
color: #51483D;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #F0F1EB;
|
background-color: #F0F1EB;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,335 +1,335 @@
|
||||||
/**
|
/**
|
||||||
* A simple theme for reveal.js presentations, similar
|
* A simple theme for reveal.js presentations, similar
|
||||||
* to the default theme. The accent color is darkblue.
|
* to the default theme. The accent color is darkblue.
|
||||||
*
|
*
|
||||||
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
|
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
|
||||||
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
|
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
|
|
||||||
section.has-dark-background,
|
section.has-dark-background,
|
||||||
section.has-dark-background h1,
|
section.has-dark-background h1,
|
||||||
section.has-dark-background h2,
|
section.has-dark-background h2,
|
||||||
section.has-dark-background h3,
|
section.has-dark-background h3,
|
||||||
section.has-dark-background h4,
|
section.has-dark-background h4,
|
||||||
section.has-dark-background h5,
|
section.has-dark-background h5,
|
||||||
section.has-dark-background h6 {
|
section.has-dark-background h6 {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: rgba(0, 0, 0, 0.99);
|
background: rgba(0, 0, 0, 0.99);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: rgba(0, 0, 0, 0.99);
|
background: rgba(0, 0, 0, 0.99);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #000;
|
color: #000;
|
||||||
font-family: "News Cycle", Impact, sans-serif;
|
font-family: "News Cycle", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #00008B;
|
color: #00008B;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #0000f1;
|
color: #0000f1;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #00003f;
|
background: #00003f;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #000;
|
border: 4px solid #000;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #00008B;
|
border-color: #00008B;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #00008B;
|
color: #00008B;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #00008B;
|
color: #00008B;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,333 +1,333 @@
|
||||||
/**
|
/**
|
||||||
* Sky theme for reveal.js.
|
* Sky theme for reveal.js.
|
||||||
*
|
*
|
||||||
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
|
||||||
|
|
||||||
.reveal a {
|
.reveal a {
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #add9e4;
|
background: #add9e4;
|
||||||
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
|
||||||
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background-color: #f7fbfc;
|
background-color: #f7fbfc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #134674;
|
background: #134674;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #134674;
|
background: #134674;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: "Quicksand", sans-serif;
|
font-family: "Quicksand", sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: -0.08em;
|
letter-spacing: -0.08em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #3b759e;
|
color: #3b759e;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #74a7cb;
|
color: #74a7cb;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #264c66;
|
background: #264c66;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #333;
|
border: 4px solid #333;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #3b759e;
|
border-color: #3b759e;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #3b759e;
|
color: #3b759e;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #3b759e;
|
color: #3b759e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #f7fbfc;
|
background-color: #f7fbfc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,340 +1,340 @@
|
||||||
/**
|
/**
|
||||||
* Solarized Light theme for reveal.js.
|
* Solarized Light theme for reveal.js.
|
||||||
* Author: Achim Staebler
|
* Author: Achim Staebler
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'League Gothic';
|
font-family: 'League Gothic';
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
src: url('../../../fonts/league-gothic/league-gothic.eot');
|
||||||
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/league-gothic/league-gothic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
url('../../../fonts/league-gothic/league-gothic.woff') format('woff'),
|
||||||
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
url('../../../fonts/league-gothic/league-gothic.ttf') format('truetype');
|
||||||
|
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Solarized colors by Ethan Schoonover
|
* Solarized colors by Ethan Schoonover
|
||||||
*/
|
*/
|
||||||
html * {
|
html * {
|
||||||
color-profile: sRGB;
|
color-profile: sRGB;
|
||||||
rendering-intent: auto;
|
rendering-intent: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #fdf6e3;
|
background: #fdf6e3;
|
||||||
background-color: #fdf6e3;
|
background-color: #fdf6e3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: "Lato", sans-serif;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #657b83;
|
color: #657b83;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #d33682;
|
background: #d33682;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #d33682;
|
background: #d33682;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #586e75;
|
color: #586e75;
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: "League Gothic", Impact, sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em;
|
font-size: 3.77em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em;
|
font-size: 2.11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em;
|
font-size: 1.55em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #78b9e6;
|
color: #78b9e6;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #1a6091;
|
background: #1a6091;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #657b83;
|
border: 4px solid #657b83;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #268bd2;
|
border-color: #268bd2;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #268bd2;
|
color: #268bd2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fdf6e3;
|
background-color: #fdf6e3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,371 +1,371 @@
|
||||||
/**
|
/**
|
||||||
* White theme for reveal.js. This is the opposite of the 'black' theme.
|
* White theme for reveal.js. This is the opposite of the 'black' theme.
|
||||||
*
|
*
|
||||||
* By Hakim El Hattab, http://hakim.se
|
* By Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-regular.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-regular.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-regular.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-regular.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-regular.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-italic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-italic.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-italic.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-italic.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-italic.ttf') format('truetype');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibold.ttf') format('truetype');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Source Sans Pro';
|
font-family: 'Source Sans Pro';
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot');
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot');
|
||||||
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'),
|
src: url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.woff') format('woff'),
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.woff') format('woff'),
|
||||||
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf') format('truetype');
|
url('../../../fonts/source-sans-pro/source-sans-pro-semibolditalic.ttf') format('truetype');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.has-dark-background,
|
section.has-dark-background,
|
||||||
section.has-dark-background h1,
|
section.has-dark-background h1,
|
||||||
section.has-dark-background h2,
|
section.has-dark-background h2,
|
||||||
section.has-dark-background h3,
|
section.has-dark-background h3,
|
||||||
section.has-dark-background h4,
|
section.has-dark-background h4,
|
||||||
section.has-dark-background h5,
|
section.has-dark-background h5,
|
||||||
section.has-dark-background h6 {
|
section.has-dark-background h6 {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
body {
|
body {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #222;
|
color: #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #98bdef;
|
background: #98bdef;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #98bdef;
|
background: #98bdef;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section>section {
|
.reveal .slides section>section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #222;
|
color: #222;
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%;
|
max-height: 95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em;
|
margin: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle;
|
list-style-type: circle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align="center"],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align="center"] {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align="right"],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align="right"] {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #2a76dd;
|
color: #2a76dd;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-transition: color .15s ease;
|
-webkit-transition: color .15s ease;
|
||||||
-moz-transition: color .15s ease;
|
-moz-transition: color .15s ease;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #6ca0e8;
|
color: #6ca0e8;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #1a53a1;
|
background: #1a53a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px 0px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #222;
|
border: 4px solid #222;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal section img.plain {
|
.reveal section img.plain {
|
||||||
border: 0;
|
border: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a img {
|
.reveal a img {
|
||||||
-webkit-transition: all .15s linear;
|
-webkit-transition: all .15s linear;
|
||||||
-moz-transition: all .15s linear;
|
-moz-transition: all .15s linear;
|
||||||
transition: all .15s linear;
|
transition: all .15s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255, 255, 255, 0.2);
|
background: rgba(255, 255, 255, 0.2);
|
||||||
border-color: #2a76dd;
|
border-color: #2a76dd;
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #2a76dd;
|
color: #2a76dd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #2a76dd;
|
color: #2a76dd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,88 +1,88 @@
|
||||||
.bio {
|
.bio {
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@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 .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;
|
||||||
|
|
||||||
&__photo {
|
&__photo {
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
@include box-shadow(0, 8px, 6px, -6px, black);
|
@include box-shadow(0, 8px, 6px, -6px, black);
|
||||||
|
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
margin: 1rem auto;
|
margin: 1rem auto;
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__name {
|
&__name {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__desc {
|
&__desc {
|
||||||
margin: 0.5rem 0;
|
margin: 0.5rem 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__info {
|
&__info {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 0.1rem 0;
|
margin: 0.1rem 0;
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
|
|
||||||
&--icon {
|
&--icon {
|
||||||
margin-right: 0.25rem;
|
margin-right: 0.25rem;
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed('social-icon-color');
|
color: themed('social-icon-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
@include truncate(calcSideWidth());
|
@include truncate(calcSideWidth());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__social {
|
&__social {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
a {
|
a {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
border-radius: 0.125rem;
|
border-radius: 0.125rem;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include justify-content(space-around);
|
@include justify-content(space-around);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed('social-icon-color');
|
color: themed('social-icon-color');
|
||||||
@include on-event {
|
@include on-event {
|
||||||
color: themed('social-icon-hover-color');
|
color: themed('social-icon-hover-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-hr {
|
&-hr {
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,29 +1,29 @@
|
||||||
.busuanzi {
|
.busuanzi {
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
width: 250px;
|
width: 250px;
|
||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
padding: 0.125rem;
|
padding: 0.125rem;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include flex-direction(column);
|
@include flex-direction(column);
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include flex-grow(1);
|
@include flex-grow(1);
|
||||||
|
|
||||||
&--label {
|
&--label {
|
||||||
font-size: 12.8px;
|
font-size: 12.8px;
|
||||||
padding: .125rem 0;
|
padding: .125rem 0;
|
||||||
font-family: $title-font;
|
font-family: $title-font;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--number {
|
&--number {
|
||||||
font-size: 16.8px;
|
font-size: 16.8px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#busuanzi_value_page_pv {
|
#busuanzi_value_page_pv {
|
||||||
margin: 0rem 0.1rem 0 0.15rem;
|
margin: 0rem 0.1rem 0 0.15rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1,77 +1,77 @@
|
||||||
.donation {
|
.donation {
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
|
|
||||||
@media only screen and (max-width: 769px) {
|
@media only screen and (max-width: 769px) {
|
||||||
@include flex-direction(column);
|
@include flex-direction(column);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__message {
|
&__message {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: $title-font;
|
font-family: $title-font;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
}
|
}
|
||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 0.125rem;
|
padding: 0.125rem;
|
||||||
padding-right: 0.25rem;
|
padding-right: 0.25rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
margin: 0.25rem;
|
margin: 0.25rem;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: themed('social-icon-color');
|
color: themed('social-icon-color');
|
||||||
border: 1px solid themed('social-icon-color');
|
border: 1px solid themed('social-icon-color');
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: themed('social-icon-hover-color');
|
color: themed('social-icon-hover-color');
|
||||||
border: 1px solid themed('social-icon-hover-color');
|
border: 1px solid themed('social-icon-hover-color');
|
||||||
@include transition(color, 0.2s, ease);
|
@include transition(color, 0.2s, ease);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__dropup {
|
&__dropup {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
&--content {
|
&--content {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
max-width: 350px;
|
max-width: 350px;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-bottom: 0.25rem;
|
margin-bottom: 0.25rem;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
|
|
||||||
@media only screen and (max-width: 769px) {
|
@media only screen and (max-width: 769px) {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%);
|
transform: translate(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed('dropdown-content-background-color');
|
background-color: themed('dropdown-content-background-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.donation__dropup:hover .donation__dropup--content {
|
.donation__dropup:hover .donation__dropup--content {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
@ -1,27 +1,27 @@
|
||||||
.gtt {
|
.gtt {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0.5rem;
|
right: 0.5rem;
|
||||||
bottom: 0.5rem;
|
bottom: 0.5rem;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
z-index: z('gtt');
|
z-index: z('gtt');
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include justify-content(center);
|
@include justify-content(center);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed('gtt-color');
|
color: themed('gtt-color');
|
||||||
background-color: themed('gtt-background-color');
|
background-color: themed('gtt-background-color');
|
||||||
|
|
||||||
@include on-event {
|
@include on-event {
|
||||||
color: themed('gtt-hover-color');
|
color: themed('gtt-hover-color');
|
||||||
background-color: themed('gtt-hover-background-color');
|
background-color: themed('gtt-hover-background-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 769px) {
|
@media only screen and (max-width: 769px) {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,65 +1,65 @@
|
||||||
.switch {
|
.switch {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
margin-top: 0.7rem;
|
margin-top: 0.7rem;
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch input {
|
.switch input {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@include transition(all, 0.2s, ease);
|
@include transition(all, 0.2s, ease);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed('switch-background-color');
|
background-color: themed('switch-background-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider:before {
|
.slider:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "";
|
content: "";
|
||||||
height: 11px;
|
height: 11px;
|
||||||
width: 11px;
|
width: 11px;
|
||||||
left: 1.72px;
|
left: 1.72px;
|
||||||
bottom: 1.72px;
|
bottom: 1.72px;
|
||||||
@include transition(all, 0.2s, ease);
|
@include transition(all, 0.2s, ease);
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed('switch-button-color');
|
background-color: themed('switch-button-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input:checked + .slider {
|
input:checked + .slider {
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed('switch-active-color');
|
background-color: themed('switch-active-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input:focus + .slider {
|
input:focus + .slider {
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
box-shadow: 0 0 1px themed('switch-active-color');
|
box-shadow: 0 0 1px themed('switch-active-color');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input:checked + .slider:before {
|
input:checked + .slider:before {
|
||||||
@include translateX(13px);
|
@include translateX(13px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Rounded sliders */
|
/* Rounded sliders */
|
||||||
.slider.round {
|
.slider.round {
|
||||||
border-radius: 8.5px;
|
border-radius: 8.5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider.round:before {
|
.slider.round:before {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
@ -1,66 +1,66 @@
|
||||||
$grid_max_width: {{ .Site.Data.grid.grid_max_width }};
|
$grid_max_width: {{ .Site.Data.grid.grid_max_width }};
|
||||||
$grid_max_unit: {{ .Site.Data.grid.grid_max_unit }};
|
$grid_max_unit: {{ .Site.Data.grid.grid_max_unit }};
|
||||||
$grid_main_main_width: {{ .Site.Data.grid.grid_main_main_width }};
|
$grid_main_main_width: {{ .Site.Data.grid.grid_main_main_width }};
|
||||||
$grid_main_main_unit: {{ .Site.Data.grid.grid_main_main_unit }};
|
$grid_main_main_unit: {{ .Site.Data.grid.grid_main_main_unit }};
|
||||||
$grid_main_side_width: {{ .Site.Data.grid.grid_main_side_width }};
|
$grid_main_side_width: {{ .Site.Data.grid.grid_main_side_width }};
|
||||||
$grid_main_side_unit: {{ .Site.Data.grid.grid_main_side_unit }};
|
$grid_main_side_unit: {{ .Site.Data.grid.grid_main_side_unit }};
|
||||||
$grid_column_gap_width: {{ .Site.Data.grid.grid_column_gap_width }};
|
$grid_column_gap_width: {{ .Site.Data.grid.grid_column_gap_width }};
|
||||||
$grid_column_gap_unit: {{ .Site.Data.grid.grid_column_gap_unit }};
|
$grid_column_gap_unit: {{ .Site.Data.grid.grid_column_gap_unit }};
|
||||||
$grid_navbar_height: {{ .Site.Data.grid.grid_navbar_height }};
|
$grid_navbar_height: {{ .Site.Data.grid.grid_navbar_height }};
|
||||||
$grid_row_gap: {{ .Site.Data.grid.grid_row_gap }};
|
$grid_row_gap: {{ .Site.Data.grid.grid_row_gap }};
|
||||||
|
|
||||||
$custom_theme_primary_color: {{ .Site.Data.skin.custom_theme_primary_color }};
|
$custom_theme_primary_color: {{ .Site.Data.skin.custom_theme_primary_color }};
|
||||||
$chroma_theme: {{ .Site.Data.skin.chroma_theme }};
|
$chroma_theme: {{ .Site.Data.skin.chroma_theme }};
|
||||||
|
|
||||||
$title-font: {{ .Site.Data.font.title_font }};
|
$title-font: {{ .Site.Data.font.title_font }};
|
||||||
$content-font: {{ .Site.Data.font.content_font }};
|
$content-font: {{ .Site.Data.font.content_font }};
|
||||||
|
|
||||||
@import 'abstracts/variables';
|
@import 'abstracts/variables';
|
||||||
@import 'abstracts/mixins';
|
@import 'abstracts/mixins';
|
||||||
@import 'abstracts/functions';
|
@import 'abstracts/functions';
|
||||||
@import 'abstracts/flexbox';
|
@import 'abstracts/flexbox';
|
||||||
|
|
||||||
@import 'syntax/syntax';
|
@import 'syntax/syntax';
|
||||||
|
|
||||||
@import 'base/reset';
|
@import 'base/reset';
|
||||||
@import 'base/fonts';
|
@import 'base/fonts';
|
||||||
@import 'base/helpers';
|
@import 'base/helpers';
|
||||||
@import 'base/typography';
|
@import 'base/typography';
|
||||||
@import 'base/animation';
|
@import 'base/animation';
|
||||||
|
|
||||||
@import 'layout/navigation';
|
@import 'layout/navigation';
|
||||||
@import 'layout/grid';
|
@import 'layout/grid';
|
||||||
@import 'layout/header';
|
@import 'layout/header';
|
||||||
@import 'layout/body';
|
@import 'layout/body';
|
||||||
@import 'layout/footer';
|
@import 'layout/footer';
|
||||||
@import 'layout/sidebar';
|
@import 'layout/sidebar';
|
||||||
|
|
||||||
@import 'components/alert';
|
@import 'components/alert';
|
||||||
@import 'components/bio';
|
@import 'components/bio';
|
||||||
@import 'components/breadcrumb';
|
@import 'components/breadcrumb';
|
||||||
@import 'components/diagram';
|
@import 'components/diagram';
|
||||||
@import 'components/expand';
|
@import 'components/expand';
|
||||||
@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/related';
|
@import 'components/related';
|
||||||
@import 'components/search';
|
@import 'components/search';
|
||||||
@import 'components/summary';
|
@import 'components/summary';
|
||||||
@import 'components/swiper';
|
@import 'components/swiper';
|
||||||
@import 'components/switch';
|
@import 'components/switch';
|
||||||
@import 'components/taxo';
|
@import 'components/taxo';
|
||||||
@import 'components/toc';
|
@import 'components/toc';
|
||||||
@import 'components/tooltip';
|
@import 'components/tooltip';
|
||||||
@import 'components/whoami';
|
@import 'components/whoami';
|
||||||
@import 'components/busuanzi';
|
@import 'components/busuanzi';
|
||||||
@import 'components/donation';
|
@import 'components/donation';
|
||||||
|
|
||||||
@import 'pages/404';
|
@import 'pages/404';
|
||||||
@import 'pages/about';
|
@import 'pages/about';
|
||||||
@import 'pages/archive';
|
@import 'pages/archive';
|
||||||
@import 'pages/gallery';
|
@import 'pages/gallery';
|
||||||
@import 'pages/list';
|
@import 'pages/list';
|
||||||
@import 'pages/single';
|
@import 'pages/single';
|
||||||
@import 'pages/terms';
|
@import 'pages/terms';
|
||||||
|
|
@ -1,97 +1,97 @@
|
||||||
$custom: (
|
$custom: (
|
||||||
footer-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
footer-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
||||||
footer-color: hsl($custom_theme_primary_color, 100%, 10%),
|
footer-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
link: hsl($custom_theme_primary_color, 65%, 32%),
|
link: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
link-hover: hsl($custom_theme_primary_color, 65%, 22%),
|
link-hover: hsl($custom_theme_primary_color, 65%, 22%),
|
||||||
title-color: hsl($custom_theme_primary_color, 100%, 8%),
|
title-color: hsl($custom_theme_primary_color, 100%, 8%),
|
||||||
meta-color: hsl($custom_theme_primary_color, 40%, 40%),
|
meta-color: hsl($custom_theme_primary_color, 40%, 40%),
|
||||||
body-color: hsl($custom_theme_primary_color, 100%, 10%),
|
body-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
hr-color: hsl($custom_theme_primary_color, 60%, 30%),
|
hr-color: hsl($custom_theme_primary_color, 60%, 30%),
|
||||||
body-background-color: hsl($custom_theme_primary_color, 100%, 98.5%),
|
body-background-color: hsl($custom_theme_primary_color, 100%, 98.5%),
|
||||||
backdrop-background-color: hsl($custom_theme_primary_color, 100%, 99%),
|
backdrop-background-color: hsl($custom_theme_primary_color, 100%, 99%),
|
||||||
dropdown-border-top-color: hsl($custom_theme_primary_color, 100%, 45%),
|
dropdown-border-top-color: hsl($custom_theme_primary_color, 100%, 45%),
|
||||||
dropdown-item-active-background-color: hsl($custom_theme_primary_color, 100%, 90%),
|
dropdown-item-active-background-color: hsl($custom_theme_primary_color, 100%, 90%),
|
||||||
dropdown-content-background-color: hsl($custom_theme_primary_color, 100%, 98%),
|
dropdown-content-background-color: hsl($custom_theme_primary_color, 100%, 98%),
|
||||||
dropdown-item-hover-background-color: hsl($custom_theme_primary_color, 100%, 90%),
|
dropdown-item-hover-background-color: hsl($custom_theme_primary_color, 100%, 90%),
|
||||||
dropdown-item-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
dropdown-item-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
||||||
dropdown-item-color: hsl($custom_theme_primary_color, 100%, 10%),
|
dropdown-item-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
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%, 20%),
|
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%),
|
||||||
navbar-dropdown-item-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
navbar-dropdown-item-hover-color: hsl($custom_theme_primary_color, 100%, 35%),
|
||||||
sidebar-title-color: hsl($custom_theme_primary_color, 70%, 25%),
|
sidebar-title-color: hsl($custom_theme_primary_color, 70%, 25%),
|
||||||
sidebar-li-color: hsl($custom_theme_primary_color, 85%, 30%),
|
sidebar-li-color: hsl($custom_theme_primary_color, 85%, 30%),
|
||||||
taxo-title-color: hsl($custom_theme_primary_color, 70%, 35%),
|
taxo-title-color: hsl($custom_theme_primary_color, 70%, 35%),
|
||||||
taxo-num-color: hsl($custom_theme_primary_color, 100%, 10%),
|
taxo-num-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
taxo-num-background-color: hsl($custom_theme_primary_color, 60%, 88%),
|
taxo-num-background-color: hsl($custom_theme_primary_color, 60%, 88%),
|
||||||
taxo-tags-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
taxo-tags-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
||||||
taxo-tags-color: hsl($custom_theme_primary_color, 100%, 10%),
|
taxo-tags-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
taxo-series-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
taxo-series-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
||||||
taxo-series-color: hsl($custom_theme_primary_color, 100%, 10%),
|
taxo-series-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
taxo-categories-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
taxo-categories-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
||||||
taxo-categories-color: hsl($custom_theme_primary_color, 100%, 10%),
|
taxo-categories-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
breadcrumb-item-color: hsl($custom_theme_primary_color, 85%, 30%),
|
breadcrumb-item-color: hsl($custom_theme_primary_color, 85%, 30%),
|
||||||
breadcrumb-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
breadcrumb-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
||||||
breadcrumb-item-active-color: hsl($custom_theme_primary_color, 15%, 25%),
|
breadcrumb-item-active-color: hsl($custom_theme_primary_color, 15%, 25%),
|
||||||
list-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
list-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
figcaption-color: hsl($custom_theme_primary_color, 100%, 40%),
|
figcaption-color: hsl($custom_theme_primary_color, 100%, 40%),
|
||||||
figcaption-strong-color: hsl($custom_theme_primary_color, 100%, 25%),
|
figcaption-strong-color: hsl($custom_theme_primary_color, 100%, 25%),
|
||||||
single-hr-background-color: hsl($custom_theme_primary_color, 100%, 40%),
|
single-hr-background-color: hsl($custom_theme_primary_color, 100%, 40%),
|
||||||
single-blockquote-border-color: hsl($custom_theme_primary_color, 100%, 25%),
|
single-blockquote-border-color: hsl($custom_theme_primary_color, 100%, 25%),
|
||||||
single-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
single-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
single-contents-title-color: hsl($custom_theme_primary_color, 70%, 22%),
|
single-contents-title-color: hsl($custom_theme_primary_color, 70%, 22%),
|
||||||
related-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
related-header-title-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
related-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
related-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
content-pre-main-color: hsl($custom_theme_primary_color, 65%, 32%),
|
content-pre-main-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
content-pre-color: hsl($custom_theme_primary_color, 100%, 10%),
|
content-pre-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
content-pre-number-color: hsl($custom_theme_primary_color, 0%, 67%),
|
content-pre-number-color: hsl($custom_theme_primary_color, 0%, 67%),
|
||||||
content-pre-background-color: hsl($custom_theme_primary_color, 100%, 97%),
|
content-pre-background-color: hsl($custom_theme_primary_color, 100%, 97%),
|
||||||
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, 86%, 20%),
|
burger-menu-color: hsl($custom_theme_primary_color, 86%, 20%),
|
||||||
social-icon-color: hsl($custom_theme_primary_color, 25%, 35%),
|
social-icon-color: hsl($custom_theme_primary_color, 25%, 35%),
|
||||||
social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 50%),
|
social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 50%),
|
||||||
pagination-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
pagination-link-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
pagination-background-color: hsl($custom_theme_primary_color, 60%, 90%),
|
pagination-background-color: hsl($custom_theme_primary_color, 60%, 90%),
|
||||||
pagination-disabled-color: hsl($custom_theme_primary_color, 25%, 75%),
|
pagination-disabled-color: hsl($custom_theme_primary_color, 25%, 75%),
|
||||||
pagination-number-color: hsl($custom_theme_primary_color, 100%, 40%),
|
pagination-number-color: hsl($custom_theme_primary_color, 100%, 40%),
|
||||||
terms-title-color: hsl($custom_theme_primary_color, 25%, 60%),
|
terms-title-color: hsl($custom_theme_primary_color, 25%, 60%),
|
||||||
terms-tags-color: hsl($custom_theme_primary_color, 100%, 30%),
|
terms-tags-color: hsl($custom_theme_primary_color, 100%, 30%),
|
||||||
terms-categories-color: hsl($custom_theme_primary_color, 100%, 30%),
|
terms-categories-color: hsl($custom_theme_primary_color, 100%, 30%),
|
||||||
terms-series-color: hsl($custom_theme_primary_color, 100%, 30%),
|
terms-series-color: hsl($custom_theme_primary_color, 100%, 30%),
|
||||||
terms-len-color: hsl($custom_theme_primary_color, 100%, 12%),
|
terms-len-color: hsl($custom_theme_primary_color, 100%, 12%),
|
||||||
toc-label-color: hsl($custom_theme_primary_color, 100%, 10%),
|
toc-label-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
toc-title-color: hsl($custom_theme_primary_color, 10%, 60%),
|
toc-title-color: hsl($custom_theme_primary_color, 10%, 60%),
|
||||||
toc-vertical-line: hsl($custom_theme_primary_color, 65%, 85%),
|
toc-vertical-line: hsl($custom_theme_primary_color, 65%, 85%),
|
||||||
toc-vertical-line-active: hsl($custom_theme_primary_color, 65%, 35%),
|
toc-vertical-line-active: hsl($custom_theme_primary_color, 65%, 35%),
|
||||||
search-placeholder-color: hsl($custom_theme_primary_color, 65%, 65%),
|
search-placeholder-color: hsl($custom_theme_primary_color, 65%, 65%),
|
||||||
search-color: hsl($custom_theme_primary_color, 100%, 10%),
|
search-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
search-icon-color: hsl($custom_theme_primary_color, 65%, 80%),
|
search-icon-color: hsl($custom_theme_primary_color, 65%, 80%),
|
||||||
search-border-color: hsl($custom_theme_primary_color, 65%, 65%),
|
search-border-color: hsl($custom_theme_primary_color, 65%, 65%),
|
||||||
search-content-color: hsl($custom_theme_primary_color, 100%, 10%),
|
search-content-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
search-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
search-background-color: hsl($custom_theme_primary_color, 100%, 96%),
|
||||||
search-content-background-color: hsl($custom_theme_primary_color, 100%, 99%),
|
search-content-background-color: hsl($custom_theme_primary_color, 100%, 99%),
|
||||||
search-hover-background-color: hsl($custom_theme_primary_color, 100%, 95%),
|
search-hover-background-color: hsl($custom_theme_primary_color, 100%, 95%),
|
||||||
selection-color: hsl($custom_theme_primary_color, 65%, 95%),
|
selection-color: hsl($custom_theme_primary_color, 65%, 95%),
|
||||||
selection-background-color: hsl($custom_theme_primary_color, 65%, 32%),
|
selection-background-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
archive-key-color: hsl($custom_theme_primary_color, 100%, 92%),
|
archive-key-color: hsl($custom_theme_primary_color, 100%, 92%),
|
||||||
archive-type-color: hsl($custom_theme_primary_color, 60%, 20%),
|
archive-type-color: hsl($custom_theme_primary_color, 60%, 20%),
|
||||||
archive-meta-color: hsl($custom_theme_primary_color, 80%, 40%),
|
archive-meta-color: hsl($custom_theme_primary_color, 80%, 40%),
|
||||||
archive-key-background-color: hsl($custom_theme_primary_color, 100%, 12%),
|
archive-key-background-color: hsl($custom_theme_primary_color, 100%, 12%),
|
||||||
archive-type-background-color: hsl($custom_theme_primary_color, 100%, 95%),
|
archive-type-background-color: hsl($custom_theme_primary_color, 100%, 95%),
|
||||||
archive-hover-line-color: hsl($custom_theme_primary_color, 65%, 32%),
|
archive-hover-line-color: hsl($custom_theme_primary_color, 65%, 32%),
|
||||||
gtt-color: hsl($custom_theme_primary_color, 60%, 25%),
|
gtt-color: hsl($custom_theme_primary_color, 60%, 25%),
|
||||||
gtt-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
gtt-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
||||||
gtt-hover-color: hsl($custom_theme_primary_color, 60%, 60%),
|
gtt-hover-color: hsl($custom_theme_primary_color, 60%, 60%),
|
||||||
gtt-hover-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
gtt-hover-background-color: hsl($custom_theme_primary_color, 60%, 95%),
|
||||||
switch-background-color: hsl($custom_theme_primary_color, 80%, 80%),
|
switch-background-color: hsl($custom_theme_primary_color, 80%, 80%),
|
||||||
switch-button-color: hsl($custom_theme_primary_color, 100%, 95%),
|
switch-button-color: hsl($custom_theme_primary_color, 100%, 95%),
|
||||||
switch-active-color: hsl($custom_theme_primary_color, 80%, 60%),
|
switch-active-color: hsl($custom_theme_primary_color, 80%, 60%),
|
||||||
gallery-mask-color: hsl($custom_theme_primary_color, 100%, 10%),
|
gallery-mask-color: hsl($custom_theme_primary_color, 100%, 10%),
|
||||||
gallery-mask-background-color: hsla($custom_theme_primary_color, 100%, 90%, 0.7),
|
gallery-mask-background-color: hsla($custom_theme_primary_color, 100%, 90%, 0.7),
|
||||||
) !default;
|
) !default;
|
||||||
|
|
@ -21,7 +21,7 @@ $light: (
|
||||||
navbar-title-color: #555,
|
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: lighten(#eeeeee, 1%),
|
navbar-menu-hover-background-color: lighten(#eeeeee, 3%),
|
||||||
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,
|
||||||
|
|
|
||||||
|
|
@ -1,58 +1,58 @@
|
||||||
{
|
{
|
||||||
"x": 0,
|
"x": 0,
|
||||||
"y": 0,
|
"y": 0,
|
||||||
"line-width": 3,
|
"line-width": 3,
|
||||||
"line-length": 50,
|
"line-length": 50,
|
||||||
"text-margin": 10,
|
"text-margin": 10,
|
||||||
"font-size": 14,
|
"font-size": 14,
|
||||||
"font-color": "black",
|
"font-color": "black",
|
||||||
"line-color": "black",
|
"line-color": "black",
|
||||||
"element-color": "black",
|
"element-color": "black",
|
||||||
"fill": "white",
|
"fill": "white",
|
||||||
"yes-text": "yes",
|
"yes-text": "yes",
|
||||||
"no-text": "no",
|
"no-text": "no",
|
||||||
"arrow-end": "block",
|
"arrow-end": "block",
|
||||||
"scale": 1,
|
"scale": 1,
|
||||||
"symbols": {
|
"symbols": {
|
||||||
"start": {
|
"start": {
|
||||||
"font-color": "red",
|
"font-color": "red",
|
||||||
"element-color": "green",
|
"element-color": "green",
|
||||||
"fill": "yellow"
|
"fill": "yellow"
|
||||||
},
|
},
|
||||||
"end": {
|
"end": {
|
||||||
"class": "end-element"
|
"class": "end-element"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flowstate": {
|
"flowstate": {
|
||||||
"past": {
|
"past": {
|
||||||
"fill": "#CCCCCC",
|
"fill": "#CCCCCC",
|
||||||
"font-size": 12
|
"font-size": 12
|
||||||
},
|
},
|
||||||
"current": {
|
"current": {
|
||||||
"fill": "yellow",
|
"fill": "yellow",
|
||||||
"font-color": "red",
|
"font-color": "red",
|
||||||
"font-weight": "bold"
|
"font-weight": "bold"
|
||||||
},
|
},
|
||||||
"future": {
|
"future": {
|
||||||
"fill": "#FFFF99"
|
"fill": "#FFFF99"
|
||||||
},
|
},
|
||||||
"request": {
|
"request": {
|
||||||
"fill": "blue"
|
"fill": "blue"
|
||||||
},
|
},
|
||||||
"invalid": {
|
"invalid": {
|
||||||
"fill": "#444444"
|
"fill": "#444444"
|
||||||
},
|
},
|
||||||
"approved": {
|
"approved": {
|
||||||
"fill": "#58C4A3",
|
"fill": "#58C4A3",
|
||||||
"font-size": 12,
|
"font-size": 12,
|
||||||
"yes-text": "APPROVED",
|
"yes-text": "APPROVED",
|
||||||
"no-text": "n/a"
|
"no-text": "n/a"
|
||||||
},
|
},
|
||||||
"rejected": {
|
"rejected": {
|
||||||
"fill": "#C45879",
|
"fill": "#C45879",
|
||||||
"font-size": 12,
|
"font-size": 12,
|
||||||
"yes-text": "n/a",
|
"yes-text": "n/a",
|
||||||
"no-text": "REJECTED"
|
"no-text": "REJECTED"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
title_font = "\"Montserrat\", sans-serif"
|
title_font = "\"Montserrat\", sans-serif"
|
||||||
content_font = "\"Merriweather\", serif"
|
content_font = "\"Merriweather\", serif"
|
||||||
228
data/lib.toml
228
data/lib.toml
|
|
@ -1,114 +1,114 @@
|
||||||
# js
|
# js
|
||||||
[js.mermaid]
|
[js.mermaid]
|
||||||
sri = "sha256-yJ19uNiJfpYvIw0kAA8Io4TByKjEG2xX+7l9nItQw4o="
|
sri = "sha256-yJ19uNiJfpYvIw0kAA8Io4TByKjEG2xX+7l9nItQw4o="
|
||||||
url = "https://cdn.jsdelivr.net/npm/mermaid@8.4.2/dist/mermaid.min.js"
|
url = "https://cdn.jsdelivr.net/npm/mermaid@8.4.2/dist/mermaid.min.js"
|
||||||
|
|
||||||
[js.katex]
|
[js.katex]
|
||||||
sri = "sha256-F/Xda58SPdcUCr+xhSGz9MA2zQBPb0ASEYKohl8UCHc="
|
sri = "sha256-F/Xda58SPdcUCr+xhSGz9MA2zQBPb0ASEYKohl8UCHc="
|
||||||
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js"
|
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js"
|
||||||
|
|
||||||
[js.katex_auto_render]
|
[js.katex_auto_render]
|
||||||
sri = "sha256-90d2pnfw0r4K8CZAWPko4rpFXQsZvJhTBGYNkipDprI="
|
sri = "sha256-90d2pnfw0r4K8CZAWPko4rpFXQsZvJhTBGYNkipDprI="
|
||||||
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js"
|
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js"
|
||||||
|
|
||||||
[js.flowchartjs]
|
[js.flowchartjs]
|
||||||
sri = "sha256-xghRsaOFJXNxT9sgANknngHh3FjUQWrJUae7GP+2Atc="
|
sri = "sha256-xghRsaOFJXNxT9sgANknngHh3FjUQWrJUae7GP+2Atc="
|
||||||
url = "https://cdn.jsdelivr.net/npm/flowchart.js@1.12.0/release/flowchart.min.js"
|
url = "https://cdn.jsdelivr.net/npm/flowchart.js@1.12.0/release/flowchart.min.js"
|
||||||
|
|
||||||
[js.raphael]
|
[js.raphael]
|
||||||
sri = "sha256-TabprKdeNXbSesCWLMrcbWSDzUhpAdcNPe5Q53rn9Yg="
|
sri = "sha256-TabprKdeNXbSesCWLMrcbWSDzUhpAdcNPe5Q53rn9Yg="
|
||||||
url = "https://cdn.jsdelivr.net/npm/raphael@2.3.0/raphael.min.js"
|
url = "https://cdn.jsdelivr.net/npm/raphael@2.3.0/raphael.min.js"
|
||||||
|
|
||||||
[js.mathjax]
|
[js.mathjax]
|
||||||
sri = "sha256-3Fdoa5wQb+JYfEmTpQHx9sc/GuwpfC/0R9EpBki+mf8="
|
sri = "sha256-3Fdoa5wQb+JYfEmTpQHx9sc/GuwpfC/0R9EpBki+mf8="
|
||||||
url = "https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-chtml.js"
|
url = "https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-chtml.js"
|
||||||
|
|
||||||
[js.swiper]
|
[js.swiper]
|
||||||
sri = "sha256-ZATCxHgcbalqi3AxHm7sPmwbfs3oZ4feGmCARVDmXig="
|
sri = "sha256-ZATCxHgcbalqi3AxHm7sPmwbfs3oZ4feGmCARVDmXig="
|
||||||
url = "https://cdn.jsdelivr.net/npm/swiper@5.2.0/js/swiper.min.js"
|
url = "https://cdn.jsdelivr.net/npm/swiper@5.2.0/js/swiper.min.js"
|
||||||
|
|
||||||
[js.webfont]
|
[js.webfont]
|
||||||
sri = "" # no sri
|
sri = "" # no sri
|
||||||
url = "https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.min.js"
|
url = "https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.min.js"
|
||||||
|
|
||||||
[js.snap_svg]
|
[js.snap_svg]
|
||||||
sri = "" # no sri
|
sri = "" # no sri
|
||||||
url = "https://cdn.jsdelivr.net/npm/snapsvg@0.5.1/dist/snap.svg.min.js"
|
url = "https://cdn.jsdelivr.net/npm/snapsvg@0.5.1/dist/snap.svg.min.js"
|
||||||
|
|
||||||
[js.lodash]
|
[js.lodash]
|
||||||
sri = "sha256-VeNaFBVDhoX3H+gJ37DpT/nTuZTdjYro9yBruHjVmoQ="
|
sri = "sha256-VeNaFBVDhoX3H+gJ37DpT/nTuZTdjYro9yBruHjVmoQ="
|
||||||
url = "https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"
|
url = "https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"
|
||||||
|
|
||||||
[js.sequence_diagram]
|
[js.sequence_diagram]
|
||||||
sri = "sha256-eadHf9g1REH9Wvp2FLV/D9vKNvQUFKuVPgWFvmMQxBE="
|
sri = "sha256-eadHf9g1REH9Wvp2FLV/D9vKNvQUFKuVPgWFvmMQxBE="
|
||||||
url = "https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.js"
|
url = "https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.js"
|
||||||
|
|
||||||
[js.chart]
|
[js.chart]
|
||||||
sri = "sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI="
|
sri = "sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI="
|
||||||
url = "https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"
|
url = "https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"
|
||||||
|
|
||||||
[js.wavedrom]
|
[js.wavedrom]
|
||||||
sri = "sha256-IDuClDzRPosOM4bqD2e6ANDjqDwqNJrQxvXvegg47eI="
|
sri = "sha256-IDuClDzRPosOM4bqD2e6ANDjqDwqNJrQxvXvegg47eI="
|
||||||
url = "https://cdn.jsdelivr.net/npm/wavedrom@2.1.6/wavedrom.min.js"
|
url = "https://cdn.jsdelivr.net/npm/wavedrom@2.1.6/wavedrom.min.js"
|
||||||
|
|
||||||
[js.wavedrom_skin]
|
[js.wavedrom_skin]
|
||||||
sri = "sha256-AcH/tECvCrfgPUHK98GALAPyAE7XpAYyEsbpmQrniFo="
|
sri = "sha256-AcH/tECvCrfgPUHK98GALAPyAE7XpAYyEsbpmQrniFo="
|
||||||
url = "https://cdn.jsdelivr.net/npm/wavedrom@2.1.6/skins/default.js"
|
url = "https://cdn.jsdelivr.net/npm/wavedrom@2.1.6/skins/default.js"
|
||||||
|
|
||||||
[js.viz]
|
[js.viz]
|
||||||
sri = "" # no sri
|
sri = "" # no sri
|
||||||
url = "https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.min.js"
|
url = "https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.min.js"
|
||||||
|
|
||||||
[js.viz_render]
|
[js.viz_render]
|
||||||
sri = "sha256-Ogqs510LFnekr9o7OLdpelaaAmNss9egQRTyzCqV2NQ="
|
sri = "sha256-Ogqs510LFnekr9o7OLdpelaaAmNss9egQRTyzCqV2NQ="
|
||||||
url = "https://cdn.jsdelivr.net/npm/viz.js@2.1.2/full.render.js"
|
url = "https://cdn.jsdelivr.net/npm/viz.js@2.1.2/full.render.js"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# css
|
# css
|
||||||
[css.katex]
|
[css.katex]
|
||||||
sri = "sha256-V8SV2MO1FUb63Bwht5Wx9x6PVHNa02gv8BgH/uH3ung="
|
sri = "sha256-V8SV2MO1FUb63Bwht5Wx9x6PVHNa02gv8BgH/uH3ung="
|
||||||
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css"
|
url = "https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css"
|
||||||
|
|
||||||
[css.swiper]
|
[css.swiper]
|
||||||
sri = "sha256-s2QA0JtYEOOqRUyzKN+k2a/RxcimDuF2HZBdsosQRbM="
|
sri = "sha256-s2QA0JtYEOOqRUyzKN+k2a/RxcimDuF2HZBdsosQRbM="
|
||||||
url = "https://cdn.jsdelivr.net/npm/swiper@5.2.0/css/swiper.min.css"
|
url = "https://cdn.jsdelivr.net/npm/swiper@5.2.0/css/swiper.min.css"
|
||||||
|
|
||||||
[css.sequence_diagram]
|
[css.sequence_diagram]
|
||||||
sri = "sha256-On01v36B8LRDuL2tqhqs7Gb3Cm/NIpsLFy4OarOodUA="
|
sri = "sha256-On01v36B8LRDuL2tqhqs7Gb3Cm/NIpsLFy4OarOodUA="
|
||||||
url = "https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.css"
|
url = "https://cdn.jsdelivr.net/npm/@rokt33r/js-sequence-diagrams@2.0.6-2/dist/sequence-diagram-min.css"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# reveal.js
|
# reveal.js
|
||||||
[reveal.plugin.markdown]
|
[reveal.plugin.markdown]
|
||||||
sri = "sha256-Q226SEjQWoH6UcW77wOUeSd7GoqxW0RLceOPPB3zU5E="
|
sri = "sha256-Q226SEjQWoH6UcW77wOUeSd7GoqxW0RLceOPPB3zU5E="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/markdown/markdown.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/markdown/markdown.js"
|
||||||
|
|
||||||
[reveal.plugin.marked]
|
[reveal.plugin.marked]
|
||||||
sri = "sha256-ypJ65b+4BwdfsQtz1URdUBhJ9L5ijdovxTOdG+x5hsE="
|
sri = "sha256-ypJ65b+4BwdfsQtz1URdUBhJ9L5ijdovxTOdG+x5hsE="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/markdown/marked.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/markdown/marked.js"
|
||||||
|
|
||||||
[reveal.plugin.zoom]
|
[reveal.plugin.zoom]
|
||||||
sri = "sha256-uAloG+rCINEePb2uywDNOmCrqGMrmoUXmHuE1fkfY4c="
|
sri = "sha256-uAloG+rCINEePb2uywDNOmCrqGMrmoUXmHuE1fkfY4c="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/zoom-js/zoom.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/zoom-js/zoom.js"
|
||||||
|
|
||||||
[reveal.plugin.pdf]
|
[reveal.plugin.pdf]
|
||||||
sri = "sha256-dH417paeQ8K6NMOoN851hbCUhaqM3WNoYhUsF8XIO7Y="
|
sri = "sha256-dH417paeQ8K6NMOoN851hbCUhaqM3WNoYhUsF8XIO7Y="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/print-pdf/print-pdf.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/print-pdf/print-pdf.js"
|
||||||
|
|
||||||
[reveal.plugin.notes]
|
[reveal.plugin.notes]
|
||||||
sri = "sha256-9LcG9aeNsvtSY7pwhogBjIIk59RBHsCrzDCMqprz8s8="
|
sri = "sha256-9LcG9aeNsvtSY7pwhogBjIIk59RBHsCrzDCMqprz8s8="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/notes/notes.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/notes/notes.js"
|
||||||
|
|
||||||
[reveal.plugin.math]
|
[reveal.plugin.math]
|
||||||
sri = "sha256-bK1uz5M75u2F4FETA7KN5z6q00VjiSZQPnDDnlcT9Lg="
|
sri = "sha256-bK1uz5M75u2F4FETA7KN5z6q00VjiSZQPnDDnlcT9Lg="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/math/math.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/math/math.js"
|
||||||
|
|
||||||
[reveal.plugin.highlight]
|
[reveal.plugin.highlight]
|
||||||
sri = "sha256-ZksQEvQYWeyyAZ67Oi6Ob1eLnb1IpmIV+IGstqKyxgw="
|
sri = "sha256-ZksQEvQYWeyyAZ67Oi6Ob1eLnb1IpmIV+IGstqKyxgw="
|
||||||
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/highlight/highlight.js"
|
url = "https://cdn.jsdelivr.net/npm/reveal.js@3.8.0/plugin/highlight/highlight.js"
|
||||||
|
|
|
||||||
|
|
@ -1,50 +1,50 @@
|
||||||
{
|
{
|
||||||
"width": "100%",
|
"width": "100%",
|
||||||
"height": "100%",
|
"height": "100%",
|
||||||
"margin": 0,
|
"margin": 0,
|
||||||
"minScale": 1,
|
"minScale": 1,
|
||||||
"maxScale": 1,
|
"maxScale": 1,
|
||||||
"markdown": {
|
"markdown": {
|
||||||
"smartypants": true
|
"smartypants": true
|
||||||
},
|
},
|
||||||
"controls": true,
|
"controls": true,
|
||||||
"controlsTutorial": true,
|
"controlsTutorial": true,
|
||||||
"controlsLayout": "bottom-right",
|
"controlsLayout": "bottom-right",
|
||||||
"controlsBackArrows": "faded",
|
"controlsBackArrows": "faded",
|
||||||
"progress": true,
|
"progress": true,
|
||||||
"slideNumber": false,
|
"slideNumber": false,
|
||||||
"hash": false,
|
"hash": false,
|
||||||
"history": false,
|
"history": true,
|
||||||
"keyboard": true,
|
"keyboard": true,
|
||||||
"overview": true,
|
"overview": true,
|
||||||
"center": true,
|
"center": true,
|
||||||
"touch": true,
|
"touch": true,
|
||||||
"loop": false,
|
"loop": false,
|
||||||
"rtl": false,
|
"rtl": false,
|
||||||
"navigationMode": "default",
|
"navigationMode": "default",
|
||||||
"shuffle": false,
|
"shuffle": false,
|
||||||
"fragments": true,
|
"fragments": true,
|
||||||
"fragmentInURL": false,
|
"fragmentInURL": false,
|
||||||
"embedded": false,
|
"embedded": false,
|
||||||
"help": true,
|
"help": true,
|
||||||
"showNotes": false,
|
"showNotes": false,
|
||||||
"autoPlayMedia": null,
|
"autoPlayMedia": null,
|
||||||
"preloadIframes": null,
|
"preloadIframes": null,
|
||||||
"autoSlide": 0,
|
"autoSlide": 0,
|
||||||
"autoSlideStoppable": true,
|
"autoSlideStoppable": true,
|
||||||
"defaultTiming": 120,
|
"defaultTiming": 120,
|
||||||
"mouseWheel": false,
|
"mouseWheel": false,
|
||||||
"hideInactiveCursor": true,
|
"hideInactiveCursor": true,
|
||||||
"hideCursorTime": 5000,
|
"hideCursorTime": 5000,
|
||||||
"hideAddressBar": true,
|
"hideAddressBar": true,
|
||||||
"previewLinks": false,
|
"previewLinks": false,
|
||||||
"transition": "slide",
|
"transition": "slide",
|
||||||
"transitionSpeed": "default",
|
"transitionSpeed": "default",
|
||||||
"backgroundTransition": "fade",
|
"backgroundTransition": "fade",
|
||||||
"viewDistance": 3,
|
"viewDistance": 3,
|
||||||
"parallaxBackgroundImage": "",
|
"parallaxBackgroundImage": "",
|
||||||
"parallaxBackgroundSize": "",
|
"parallaxBackgroundSize": "",
|
||||||
"parallaxBackgroundHorizontal": null,
|
"parallaxBackgroundHorizontal": null,
|
||||||
"parallaxBackgroundVertical": null,
|
"parallaxBackgroundVertical": null,
|
||||||
"display": "block"
|
"display": "block"
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,173 @@
|
||||||
|
{{ if .Site.Params.custom_js }}
|
||||||
|
{{ range .Site.Params.custom_js }}
|
||||||
|
{{ $custom_template := resources.Get . }}
|
||||||
|
{{ if $custom_template }}
|
||||||
|
{{ $custom_js := $custom_template | resources.Minify | resources.Fingerprint }}
|
||||||
|
<script defer src="{{ $custom_js.RelPermalink }}"></script>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ $fuse := resources.Get "js/fuse.min.js" | resources.Fingerprint }}
|
||||||
|
<script defer src="{{ $fuse.RelPermalink }}"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// search
|
||||||
|
var runSearch = function() {
|
||||||
|
{{ if .Site.IsMultiLingual }}
|
||||||
|
var baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
|
||||||
|
{{ else }}
|
||||||
|
var baseurl = "{{.Site.BaseURL}}";
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
var searchResults = null;
|
||||||
|
var searchMenu = null;
|
||||||
|
var fuse = null;
|
||||||
|
|
||||||
|
function endsWith(str, suffix) {
|
||||||
|
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
function initFuse() {
|
||||||
|
if (!endsWith(baseurl, "/")) {
|
||||||
|
baseurl = baseurl + '/';
|
||||||
|
};
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: baseurl + "index.json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
dataType: "json",
|
||||||
|
})
|
||||||
|
.done(function (index) {
|
||||||
|
fuse = new Fuse(index, {
|
||||||
|
keys: ['title', 'description', 'content']
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.fail(function (jqxhr, textStatus, error) {
|
||||||
|
var err = textStatus + ", " + error;
|
||||||
|
console.error("Error getting Hugo index file:", err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderSearchResults(results) {
|
||||||
|
searchResults = document.getElementById('search-results');
|
||||||
|
searchMenu = document.getElementById('search-menu');
|
||||||
|
searchResults.setAttribute('class', 'dropdown is-active');
|
||||||
|
|
||||||
|
var content = document.createElement('div');
|
||||||
|
content.setAttribute('class', 'dropdown-content search-content');
|
||||||
|
|
||||||
|
if (results.length > 0) {
|
||||||
|
results.forEach(function (result) {
|
||||||
|
var item = document.createElement('a');
|
||||||
|
item.setAttribute('href', result.uri);
|
||||||
|
item.setAttribute('class', 'dropdown-item');
|
||||||
|
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||||
|
content.appendChild(item);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
var item = document.createElement('span');
|
||||||
|
item.setAttribute('class', 'dropdown-item');
|
||||||
|
item.innerText = 'No results found';
|
||||||
|
content.appendChild(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
while (searchMenu.hasChildNodes()) {
|
||||||
|
searchMenu.removeChild(
|
||||||
|
searchMenu.lastChild
|
||||||
|
);
|
||||||
|
}
|
||||||
|
searchMenu.appendChild(content);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderSearchResultsMobile(results) {
|
||||||
|
searchResults = document.getElementById('search-mobile-results');
|
||||||
|
|
||||||
|
var content = document.createElement('div');
|
||||||
|
content.setAttribute('class', 'mobile-search__content');
|
||||||
|
|
||||||
|
if (results.length > 0) {
|
||||||
|
results.forEach(function (result) {
|
||||||
|
var item = document.createElement('a');
|
||||||
|
item.setAttribute('href', result.uri);
|
||||||
|
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||||
|
content.appendChild(item);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
var item = document.createElement('span');
|
||||||
|
content.appendChild(item);
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#search-mobile-results').empty();
|
||||||
|
searchResults.appendChild(content);
|
||||||
|
}
|
||||||
|
|
||||||
|
initFuse();
|
||||||
|
|
||||||
|
$("#search").on('input', function (e) {
|
||||||
|
if (!e.target.value) {
|
||||||
|
$('#search-results').attr('class', 'dropdown');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(window).width() < 770) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
var results = fuse.search(e.target.value);
|
||||||
|
renderSearchResults(results);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#search').on('blur', function () {
|
||||||
|
if ($(window).width() < 770) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
setTimeout(function () {
|
||||||
|
$('#search-results').attr('class', 'dropdown');
|
||||||
|
}, 100);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#search').on('click', function (e) {
|
||||||
|
if ($(window).width() < 770) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!e.target.value) {
|
||||||
|
$('#search-results').attr('class', 'dropdown');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
var results = fuse.search(e.target.value);
|
||||||
|
renderSearchResults(results);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#search').on('keydown', function (e) {
|
||||||
|
if ($(window).width() < 770) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
var items = $('#search-menu .dropdown-item');
|
||||||
|
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||||
|
|
||||||
|
items.removeClass('is-active');
|
||||||
|
if (e.key === 'ArrowDown') {
|
||||||
|
items.eq(activeIndex + 1).addClass('is-active');
|
||||||
|
} else if (e.key === 'ArrowUp') {
|
||||||
|
items.eq(activeIndex - 1).addClass('is-active');
|
||||||
|
} else if (e.key === 'Enter') {
|
||||||
|
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||||
|
if (currentItemLink) {
|
||||||
|
location.href = currentItemLink;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#search-mobile").on('input', function(e) {
|
||||||
|
if (!e.target.value) {
|
||||||
|
$('#search-mobile-results').empty();
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
var results = fuse.search(e.target.value);
|
||||||
|
renderSearchResultsMobile(results);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -5,7 +5,7 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>{{ block "title" . }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
|
<title>{{ block "title" . }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
|
||||||
{{ partialCached "head/scripts" . }}
|
{{ partial "head/scripts" . }}
|
||||||
{{ partialCached "head/styles" . }}
|
{{ partialCached "head/styles" . }}
|
||||||
{{ partial "head/meta" . }}
|
{{ partial "head/meta" . }}
|
||||||
{{ partial "head/meta_json_ld" . }}
|
{{ partial "head/meta_json_ld" . }}
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,41 @@
|
||||||
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }}
|
{{ printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>" | safeHTML }}
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
<channel>
|
<channel>
|
||||||
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
|
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
|
||||||
<link>{{ .Permalink }}</link>
|
<link>{{ .Permalink }}</link>
|
||||||
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
|
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
|
||||||
<generator>Hugo -- gohugo.io</generator>{{ with .Site.Language.Lang }}
|
<generator>Hugo -- gohugo.io</generator>{{ with .Site.Language.Lang }}
|
||||||
<language>{{.}}</language>{{end}}{{ with $.Site.Params.email }}
|
<language>{{.}}</language>{{end}}{{ with $.Site.Params.email }}
|
||||||
<managingEditor>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Params.email }}
|
<managingEditor>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Params.email }}
|
||||||
<webMaster>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
|
<webMaster>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
|
||||||
<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
|
<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
|
||||||
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
|
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
|
||||||
{{ with .OutputFormats.Get "RSS" }}
|
{{ with .OutputFormats.Get "RSS" }}
|
||||||
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
|
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .IsHome }}
|
{{ if .IsHome }}
|
||||||
{{ range .Site.RegularPages }}
|
{{ range .Site.RegularPages }}
|
||||||
<item>
|
<item>
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
<link>{{ .Permalink }}</link>
|
<link>{{ .Permalink }}</link>
|
||||||
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
||||||
{{ with .Site.Params.email }}<author>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</author>{{end}}
|
{{ with .Site.Params.email }}<author>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</author>{{end}}
|
||||||
<guid>{{ .Permalink }}</guid>
|
<guid>{{ .Permalink }}</guid>
|
||||||
<description>{{ .Summary | html }}</description>
|
<description>{{ .Summary | html }}</description>
|
||||||
</item>
|
</item>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
{{ range .Pages }}
|
{{ range .Pages }}
|
||||||
<item>
|
<item>
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
<link>{{ .Permalink }}</link>
|
<link>{{ .Permalink }}</link>
|
||||||
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
||||||
{{ with .Site.Params.email }}<author>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</author>{{end}}
|
{{ with .Site.Params.email }}<author>{{.}}{{ with $.Site.Params.myname }} ({{.}}){{end}}</author>{{end}}
|
||||||
<guid>{{ .Permalink }}</guid>
|
<guid>{{ .Permalink }}</guid>
|
||||||
<description>{{ .Summary | html }}</description>
|
<description>{{ .Summary | html }}</description>
|
||||||
</item>
|
</item>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</channel>
|
</channel>
|
||||||
</rss>
|
</rss>
|
||||||
|
|
@ -1,30 +1,30 @@
|
||||||
{{ if $.Param "donationOptions.enable" }}
|
{{ if $.Param "donationOptions.enable" }}
|
||||||
<div class="donation__message">
|
<div class="donation__message">
|
||||||
{{ i18n "donate-message" }}
|
{{ i18n "donate-message" }}
|
||||||
</div>
|
</div>
|
||||||
<div class="donation">
|
<div class="donation">
|
||||||
{{ range $name, $path := $.Param "donationOptions" }}
|
{{ range $name, $path := $.Param "donationOptions" }}
|
||||||
{{ if (and $path (ne $name "enable")) }}
|
{{ if (and $path (ne $name "enable")) }}
|
||||||
{{ if in $name "patreon" }}
|
{{ if in $name "patreon" }}
|
||||||
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
|
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
|
||||||
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 19 "height" 19) }}
|
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 19 "height" 19) }}
|
||||||
{{ $name }}
|
{{ $name }}
|
||||||
</a>
|
</a>
|
||||||
{{ else if in $name "paypal" }}
|
{{ else if in $name "paypal" }}
|
||||||
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
|
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}" class="donation__item">
|
||||||
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
|
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
|
||||||
{{ $name }}
|
{{ $name }}
|
||||||
</a>
|
</a>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<div class="donation__item donation__dropup">
|
<div class="donation__item donation__dropup">
|
||||||
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
|
{{ partial (print "svgs/donation/" $name ".svg") (dict "width" 22 "height" 22) }}
|
||||||
{{ $name }}
|
{{ $name }}
|
||||||
<div class="donation__dropup--content">
|
<div class="donation__dropup--content">
|
||||||
<img data-src="{{ $path | relURL }}" alt="{{ $name }} QR Code" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload"/>
|
<img data-src="{{ $path | relURL }}" alt="{{ $name }} QR Code" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,70 +1,70 @@
|
||||||
{{ if $.Param "enablePhotoSwipe" }}
|
{{ if $.Param "enablePhotoSwipe" }}
|
||||||
|
|
||||||
<!-- Root element of PhotoSwipe. Must have class pswp. -->
|
<!-- Root element of PhotoSwipe. Must have class pswp. -->
|
||||||
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
|
||||||
<!-- Background of PhotoSwipe.
|
<!-- Background of PhotoSwipe.
|
||||||
It's a separate element as animating opacity is faster than rgba(). -->
|
It's a separate element as animating opacity is faster than rgba(). -->
|
||||||
<div class="pswp__bg"></div>
|
<div class="pswp__bg"></div>
|
||||||
|
|
||||||
<!-- Slides wrapper with overflow:hidden. -->
|
<!-- Slides wrapper with overflow:hidden. -->
|
||||||
<div class="pswp__scroll-wrap">
|
<div class="pswp__scroll-wrap">
|
||||||
|
|
||||||
<!-- Container that holds slides.
|
<!-- Container that holds slides.
|
||||||
PhotoSwipe keeps only 3 of them in the DOM to save memory.
|
PhotoSwipe keeps only 3 of them in the DOM to save memory.
|
||||||
Don't modify these 3 pswp__item elements, data is added later on. -->
|
Don't modify these 3 pswp__item elements, data is added later on. -->
|
||||||
<div class="pswp__container">
|
<div class="pswp__container">
|
||||||
<div class="pswp__item"></div>
|
<div class="pswp__item"></div>
|
||||||
<div class="pswp__item"></div>
|
<div class="pswp__item"></div>
|
||||||
<div class="pswp__item"></div>
|
<div class="pswp__item"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
|
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
|
||||||
<div class="pswp__ui pswp__ui--hidden">
|
<div class="pswp__ui pswp__ui--hidden">
|
||||||
|
|
||||||
<div class="pswp__top-bar">
|
<div class="pswp__top-bar">
|
||||||
|
|
||||||
<!-- Controls are self-explanatory. Order can be changed. -->
|
<!-- Controls are self-explanatory. Order can be changed. -->
|
||||||
|
|
||||||
<div class="pswp__counter"></div>
|
<div class="pswp__counter"></div>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--share" title="Share"></button>
|
<button class="pswp__button pswp__button--share" title="Share"></button>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
||||||
|
|
||||||
<!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
|
<!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
|
||||||
<!-- element will get class pswp__preloader--active when preloader is running -->
|
<!-- element will get class pswp__preloader--active when preloader is running -->
|
||||||
<div class="pswp__preloader">
|
<div class="pswp__preloader">
|
||||||
<div class="pswp__preloader__icn">
|
<div class="pswp__preloader__icn">
|
||||||
<div class="pswp__preloader__cut">
|
<div class="pswp__preloader__cut">
|
||||||
<div class="pswp__preloader__donut"></div>
|
<div class="pswp__preloader__donut"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
||||||
<div class="pswp__share-tooltip"></div>
|
<div class="pswp__share-tooltip"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="pswp__caption">
|
<div class="pswp__caption">
|
||||||
<div class="pswp__caption__center"></div>
|
<div class="pswp__caption__center"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
<div class="single__tags caption">
|
<div class="single__tags caption">
|
||||||
{{ range $index, $value := .Params.Tags }}
|
{{ range $index, $value := .Params.Tags }}
|
||||||
{{ if and (eq $index 0) (ne (len $value) 0) }}
|
{{ if and (eq $index 0) (ne (len $value) 0) }}
|
||||||
🏷️
|
🏷️
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if $value }}
|
{{ if $value }}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ "/tags/" | relLangURL }}{{ $value | urlize }}" class="single__tag">
|
<a href="{{ "/tags/" | relLangURL }}{{ $value | urlize }}" class="single__tag">
|
||||||
#{{ $value }}
|
#{{ $value }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,11 +1,11 @@
|
||||||
<div id="SOHUCS" sid="{{ .RelPermalink }}"></div>
|
<div id="SOHUCS" sid="{{ .RelPermalink }}"></div>
|
||||||
<script>
|
<script>
|
||||||
(function () {
|
(function () {
|
||||||
if (window.location.hostname === 'localhost') return;
|
if (window.location.hostname === 'localhost') return;
|
||||||
|
|
||||||
var appid = '{{ .Site.Params.changyan.changyanAppid }}';
|
var appid = '{{ .Site.Params.changyan.changyanAppid }}';
|
||||||
var conf = '{{ .Site.Params.changyan.changyanAppkey }}';
|
var conf = '{{ .Site.Params.changyan.changyanAppkey }}';
|
||||||
var width = window.innerWidth || document.documentElement.clientWidth;
|
var width = window.innerWidth || document.documentElement.clientWidth;
|
||||||
if (width < 960) { window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs = function (d, a) { var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement; var b = document.createElement("script"); b.setAttribute("type", "text/javascript"); b.setAttribute("charset", "UTF-8"); b.setAttribute("src", d); if (typeof a === "function") { if (window.attachEvent) { b.onreadystatechange = function () { var e = b.readyState; if (e === "loaded" || e === "complete") { b.onreadystatechange = null; a() } } } else { b.onload = a } } c.appendChild(b) }; loadJs("https://changyan.sohu.com/upload/changyan.js", function () { window.changyan.api.config({ appid: appid, conf: conf }) }); }
|
if (width < 960) { window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs = function (d, a) { var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement; var b = document.createElement("script"); b.setAttribute("type", "text/javascript"); b.setAttribute("charset", "UTF-8"); b.setAttribute("src", d); if (typeof a === "function") { if (window.attachEvent) { b.onreadystatechange = function () { var e = b.readyState; if (e === "loaded" || e === "complete") { b.onreadystatechange = null; a() } } } else { b.onload = a } } c.appendChild(b) }; loadJs("https://changyan.sohu.com/upload/changyan.js", function () { window.changyan.api.config({ appid: appid, conf: conf }) }); }
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
<div id="gitalk-container"></div>
|
<div id="gitalk-container"></div>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css" crossorigin="anonymous">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js" crossorigin="anonymous"></script>
|
||||||
<script>
|
<script>
|
||||||
var gitalk = new Gitalk({
|
var gitalk = new Gitalk({
|
||||||
id: '{{ .Date }}',
|
id: '{{ .Date }}',
|
||||||
title: '{{ .Title }}',
|
title: '{{ .Title }}',
|
||||||
clientID: '{{ .Site.Params.gitalk.clientId }}',
|
clientID: '{{ .Site.Params.gitalk.clientId }}',
|
||||||
clientSecret: '{{ .Site.Params.gitalk.clientSecret }}',
|
clientSecret: '{{ .Site.Params.gitalk.clientSecret }}',
|
||||||
repo: '{{ .Site.Params.gitalk.repo }}',
|
repo: '{{ .Site.Params.gitalk.repo }}',
|
||||||
owner: '{{ .Site.Params.gitalk.owner }}',
|
owner: '{{ .Site.Params.gitalk.owner }}',
|
||||||
admin: ['{{ .Site.Params.gitalk.owner }}'],
|
admin: ['{{ .Site.Params.gitalk.owner }}'],
|
||||||
body: decodeURI(location.href)
|
body: decodeURI(location.href)
|
||||||
});
|
});
|
||||||
gitalk.render('gitalk-container');
|
gitalk.render('gitalk-container');
|
||||||
</script>
|
</script>
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://github.com/gitalk/gitalk">comments powered by gitalk.</a></noscript>
|
<noscript>Please enable JavaScript to view the <a href="https://github.com/gitalk/gitalk">comments powered by gitalk.</a></noscript>
|
||||||
|
|
@ -1,19 +1,19 @@
|
||||||
<div id="comments-gitment"></div>
|
<div id="comments-gitment"></div>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/default.min.css" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/default.min.css" crossorigin="anonymous">
|
||||||
<script src="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/gitment.browser.min.js" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/gitment.browser.min.js" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var gitment = new Gitment({
|
var gitment = new Gitment({
|
||||||
id: '{{ .Date }}',
|
id: '{{ .Date }}',
|
||||||
title: '{{ .Title }}',
|
title: '{{ .Title }}',
|
||||||
link: decodeURI(location.href),
|
link: decodeURI(location.href),
|
||||||
desc: '{{ .Summary }}',
|
desc: '{{ .Summary }}',
|
||||||
owner: '{{ .Site.Params.gitment.owner }}',
|
owner: '{{ .Site.Params.gitment.owner }}',
|
||||||
repo: '{{ .Site.Params.gitment.repo }}',
|
repo: '{{ .Site.Params.gitment.repo }}',
|
||||||
oauth: {
|
oauth: {
|
||||||
client_id: '{{ .Site.Params.gitment.clientId }}',
|
client_id: '{{ .Site.Params.gitment.clientId }}',
|
||||||
client_secret: '{{ .Site.Params.gitment.clientSecret }}'
|
client_secret: '{{ .Site.Params.gitment.clientSecret }}'
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
gitment.render('comments-gitment');
|
gitment.render('comments-gitment');
|
||||||
</script>
|
</script>
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://github.com/imsun/gitment">comments powered by gitment.</a></noscript>
|
<noscript>Please enable JavaScript to view the <a href="https://github.com/imsun/gitment">comments powered by gitment.</a></noscript>
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{{- $scriptSrc := .Site.Params.isso.scriptSrc -}}
|
{{- $scriptSrc := .Site.Params.isso.scriptSrc -}}
|
||||||
{{- $dataAttrs := .Site.Params.isso.dataAttrs -}}
|
{{- $dataAttrs := .Site.Params.isso.dataAttrs -}}
|
||||||
|
|
||||||
<script src='{{ $scriptSrc }}' {{- with $dataAttrs }} {{ . | safeHTMLAttr }} {{- end -}} crossorigin="anonymous"></script>
|
<script src='{{ $scriptSrc }}' {{- with $dataAttrs }} {{ . | safeHTMLAttr }} {{- end -}} crossorigin="anonymous"></script>
|
||||||
|
|
||||||
<section id='isso-thread'></section>
|
<section id='isso-thread'></section>
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
<div id="lv-container" data-id="city" data-uid="{{ .Site.Params.livere.livereUID }}">
|
<div id="lv-container" data-id="city" data-uid="{{ .Site.Params.livere.livereUID }}">
|
||||||
<script>
|
<script>
|
||||||
(function (d, s) {
|
(function (d, s) {
|
||||||
var j, e = d.getElementsByTagName(s)[0];
|
var j, e = d.getElementsByTagName(s)[0];
|
||||||
|
|
||||||
if (typeof LivereTower === 'function') { return; }
|
if (typeof LivereTower === 'function') { return; }
|
||||||
|
|
||||||
j = d.createElement(s);
|
j = d.createElement(s);
|
||||||
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
|
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
|
||||||
j.async = true;
|
j.async = true;
|
||||||
|
|
||||||
e.parentNode.insertBefore(j, e);
|
e.parentNode.insertBefore(j, e);
|
||||||
})(document, 'script');
|
})(document, 'script');
|
||||||
</script>
|
</script>
|
||||||
<noscript>Please enable JavaScript to view the comments powered by <a
|
<noscript>Please enable JavaScript to view the comments powered by <a
|
||||||
href="https://livere.com/">LiveRe.</a></noscript>
|
href="https://livere.com/">LiveRe.</a></noscript>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
<script src="https://utteranc.es/client.js" repo="{{ .Site.Params.utterances.owner }}/{{ .Site.Params.utterances.repo }}" issue-term="pathname" theme="github-light" crossorigin="anonymous" async>
|
<script src="https://utteranc.es/client.js" repo="{{ .Site.Params.utterances.owner }}/{{ .Site.Params.utterances.repo }}" issue-term="pathname" theme="github-light" crossorigin="anonymous" async>
|
||||||
</script>
|
</script>
|
||||||
<noscript>Please enable JavaScript to view the <a href="https://github.com/utterance">comments powered by utterances.</a></noscript>
|
<noscript>Please enable JavaScript to view the <a href="https://github.com/utterance">comments powered by utterances.</a></noscript>
|
||||||
|
|
@ -1,22 +1,22 @@
|
||||||
{{- if .Site.Params.valine.visitor -}}
|
{{- if .Site.Params.valine.visitor -}}
|
||||||
<span id="{{ .RelPermalink | relLangURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
|
<span id="{{ .RelPermalink | relLangURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
|
||||||
<span class="post-meta-item-text">文章阅读量 </span>
|
<span class="post-meta-item-text">文章阅读量 </span>
|
||||||
<span class="leancloud-visitors-count">0</span>
|
<span class="leancloud-visitors-count">0</span>
|
||||||
<p></p>
|
<p></p>
|
||||||
</span>
|
</span>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
<div id="vcomments"></div>
|
<div id="vcomments"></div>
|
||||||
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
|
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
|
||||||
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
|
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
|
||||||
<script>
|
<script>
|
||||||
new Valine({
|
new Valine({
|
||||||
el: '#vcomments' ,
|
el: '#vcomments' ,
|
||||||
appId: '{{ .Site.Params.valine.appId }}',
|
appId: '{{ .Site.Params.valine.appId }}',
|
||||||
appKey: '{{ .Site.Params.valine.appKey }}',
|
appKey: '{{ .Site.Params.valine.appKey }}',
|
||||||
notify: {{ .Site.Params.valine.notify }},
|
notify: {{ .Site.Params.valine.notify }},
|
||||||
verify: {{ .Site.Params.valine.verify }},
|
verify: {{ .Site.Params.valine.verify }},
|
||||||
avatar:'{{ .Site.Params.valine.avatar }}',
|
avatar:'{{ .Site.Params.valine.avatar }}',
|
||||||
placeholder: '{{ .Site.Params.valine.placeholder }}',
|
placeholder: '{{ .Site.Params.valine.placeholder }}',
|
||||||
visitor: {{ .Site.Params.valine.visitor }}
|
visitor: {{ .Site.Params.valine.visitor }}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,23 +1,23 @@
|
||||||
{{ if $.Param "enableBusuanzi" }}
|
{{ if $.Param "enableBusuanzi" }}
|
||||||
<div class="busuanzi">
|
<div class="busuanzi">
|
||||||
|
|
||||||
{{ if .Site.Params.busuanziSiteUV }}
|
{{ if .Site.Params.busuanziSiteUV }}
|
||||||
<div class="busuanzi__item">
|
<div class="busuanzi__item">
|
||||||
<span class="busuanzi__item--label">
|
<span class="busuanzi__item--label">
|
||||||
{{ i18n "counter-site-uv" }}
|
{{ i18n "counter-site-uv" }}
|
||||||
</span>
|
</span>
|
||||||
<span id="busuanzi_value_site_uv" class="busuanzi__item--number">...</span>
|
<span id="busuanzi_value_site_uv" class="busuanzi__item--number">...</span>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.busuanziSitePV }}
|
{{ if .Site.Params.busuanziSitePV }}
|
||||||
<div class="busuanzi__item">
|
<div class="busuanzi__item">
|
||||||
<span class="busuanzi__item--label">
|
<span class="busuanzi__item--label">
|
||||||
{{ i18n "counter-site-pv" }}
|
{{ i18n "counter-site-pv" }}
|
||||||
</span>
|
</span>
|
||||||
<span id="busuanzi_value_site_pv" class="busuanzi__item--number">...</span>
|
<span id="busuanzi_value_site_pv" class="busuanzi__item--number">...</span>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -15,11 +15,11 @@
|
||||||
// search
|
// search
|
||||||
var runSearch = function() {
|
var runSearch = function() {
|
||||||
{{ if .Site.IsMultiLingual }}
|
{{ if .Site.IsMultiLingual }}
|
||||||
var baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
|
var baseurl = location.origin + "/{{.Site.Language.Lang}}";
|
||||||
{{ else }}
|
{{ else }}
|
||||||
var baseurl = "{{.Site.BaseURL}}";
|
var baseurl = location.origin;
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
var searchResults = null;
|
var searchResults = null;
|
||||||
var searchMenu = null;
|
var searchMenu = null;
|
||||||
var fuse = null;
|
var fuse = null;
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,21 @@
|
||||||
{{ template "_internal/google_analytics.html" . }}
|
{{ template "_internal/google_analytics.html" . }}
|
||||||
{{ template "_internal/google_analytics_async.html" . }}
|
{{ template "_internal/google_analytics_async.html" . }}
|
||||||
|
|
||||||
{{ if .Site.Params.baiduAnalytics }}
|
{{ if .Site.Params.baiduAnalytics }}
|
||||||
<script>
|
<script>
|
||||||
{{ $baiduAnalyticsId := .Site.Params.baiduAnalytics }}
|
{{ $baiduAnalyticsId := .Site.Params.baiduAnalytics }}
|
||||||
var baiduAnalyticsId = JSON.parse({{ $baiduAnalyticsId | jsonify }});
|
var baiduAnalyticsId = JSON.parse({{ $baiduAnalyticsId | jsonify }});
|
||||||
|
|
||||||
var _hmt = _hmt || [];
|
var _hmt = _hmt || [];
|
||||||
(function () {
|
(function () {
|
||||||
var hm = document.createElement("script");
|
var hm = document.createElement("script");
|
||||||
hm.src = "https://hm.baidu.com/hm.js?" + baiduAnalyticsId;
|
hm.src = "https://hm.baidu.com/hm.js?" + baiduAnalyticsId;
|
||||||
var s = document.getElementsByTagName("script")[0];
|
var s = document.getElementsByTagName("script")[0];
|
||||||
s.parentNode.insertBefore(hm, s);
|
s.parentNode.insertBefore(hm, s);
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.enableBusuanzi }}
|
{{ if .Site.Params.enableBusuanzi }}
|
||||||
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
|
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,27 +1,27 @@
|
||||||
{{ if $.Params.header }}
|
{{ if $.Params.header }}
|
||||||
{{ range $.Params.header }}
|
{{ range $.Params.header }}
|
||||||
{{ if eq .type "img" }}
|
{{ if eq .type "img" }}
|
||||||
<div class="site-header site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }};
|
<div class="site-header site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }};
|
||||||
background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
||||||
{{ $header := . }}
|
{{ $header := . }}
|
||||||
{{ if .title }}
|
{{ if .title }}
|
||||||
{{ range .title }}
|
{{ range .title }}
|
||||||
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px;">
|
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .spaceBetweenTitleSubtitle }}
|
{{ if .spaceBetweenTitleSubtitle }}
|
||||||
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .subtitle }}
|
{{ if .subtitle }}
|
||||||
{{ range .subtitle }}
|
{{ range .subtitle }}
|
||||||
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px;">
|
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,48 +1,48 @@
|
||||||
{{ if $.Params.header }}
|
{{ if $.Params.header }}
|
||||||
<div class="swiper-container">
|
<div class="swiper-container">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
{{ range $.Params.header }}
|
{{ range $.Params.header }}
|
||||||
{{ if eq .type "slide" }}
|
{{ if eq .type "slide" }}
|
||||||
{{ $height := .height }}
|
{{ $height := .height }}
|
||||||
{{ range .slide }}
|
{{ range .slide }}
|
||||||
<div class="swiper-slide site-header site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }};
|
<div class="swiper-slide site-header site-header__align-{{ .align }}" style="background-image: url('{{ .imageSrc | relURL }}'); background-size: {{ .imageSize }};
|
||||||
background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; height: {{ $height }}px;">
|
background-repeat: {{ .imageRepeat }}; background-position: {{ .imagePosition }}; height: {{ $height }}px;">
|
||||||
{{ $header := . }}
|
{{ $header := . }}
|
||||||
{{ if .title }}
|
{{ if .title }}
|
||||||
{{ range .title }}
|
{{ range .title }}
|
||||||
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px; padding: {{ $header.paddingY }}px {{ $header.paddingX }}px;">
|
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px; padding: {{ $header.paddingY }}px {{ $header.paddingX }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .spaceBetweenTitleSubtitle }}
|
{{ if .spaceBetweenTitleSubtitle }}
|
||||||
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .subtitle }}
|
{{ if .subtitle }}
|
||||||
{{ range .subtitle }}
|
{{ range .subtitle }}
|
||||||
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px; padding: {{ $header.paddingY }}px {{ $header.paddingX }}px;">
|
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px; padding: {{ $header.paddingY }}px {{ $header.paddingX }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
<div class="swiper-pagination"></div>
|
<div class="swiper-pagination"></div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ $js := .Site.Data.lib.js }}
|
{{ $js := .Site.Data.lib.js }}
|
||||||
{{ $css := .Site.Data.lib.css }}
|
{{ $css := .Site.Data.lib.css }}
|
||||||
|
|
||||||
<link rel="stylesheet" href="{{ $css.swiper.url }}" integrity="{{ $css.swiper.sri }}" crossorigin="anonymous">
|
<link rel="stylesheet" href="{{ $css.swiper.url }}" integrity="{{ $css.swiper.sri }}" crossorigin="anonymous">
|
||||||
<script src="{{ $js.swiper.url }}" integrity="{{ $js.swiper.sri }}" crossorigin="anonymous"></script>
|
<script src="{{ $js.swiper.url }}" integrity="{{ $js.swiper.sri }}" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
{{ $swiper := .Site.Data.swiper }}
|
{{ $swiper := .Site.Data.swiper }}
|
||||||
var options = JSON.parse({{ $swiper | jsonify }});
|
var options = JSON.parse({{ $swiper | jsonify }});
|
||||||
|
|
||||||
var mySwiper = new Swiper('.swiper-container', options);
|
var mySwiper = new Swiper('.swiper-container', options);
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,26 +1,26 @@
|
||||||
{{ if $.Params.header }}
|
{{ if $.Params.header }}
|
||||||
{{ range $.Params.header }}
|
{{ range $.Params.header }}
|
||||||
{{ if eq .type "text" }}
|
{{ if eq .type "text" }}
|
||||||
<div class="site-header site-header__align-{{ .align }}" style="width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
<div class="site-header site-header__align-{{ .align }}" style="width: 100%; height: {{ .height }}px; padding: {{ .paddingY }}px {{ .paddingX }}px;">
|
||||||
{{ $header := . }}
|
{{ $header := . }}
|
||||||
{{ if .title }}
|
{{ if .title }}
|
||||||
{{ range .title }}
|
{{ range .title }}
|
||||||
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px;">
|
<div class="site-header__title" style="font-size: {{ $header.titleFontSize }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .spaceBetweenTitleSubtitle }}
|
{{ if .spaceBetweenTitleSubtitle }}
|
||||||
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
<div style="height: {{ .spaceBetweenTitleSubtitle }}px"></div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ if .subtitle }}
|
{{ if .subtitle }}
|
||||||
{{ range .subtitle }}
|
{{ range .subtitle }}
|
||||||
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px;">
|
<div class="site-header__subtitle" style="font-size: {{ $header.subtitleFontSize }}px;">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,18 +1,18 @@
|
||||||
{{ if $.Param "enableThemeChange" }}
|
{{ if $.Param "enableThemeChange" }}
|
||||||
<div class="theme-mobile">
|
<div class="theme-mobile">
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<button class="dropdown-trigger navbar__slide-down" aria-label="Invert Colors" style="{{ if .Site.Params.enableSearch }}{{ else }}position: absolute; top: 0;{{ end }}">
|
<button class="dropdown-trigger navbar__slide-down" aria-label="Invert Colors" style="{{ if .Site.Params.enableSearch }}{{ else }}position: absolute; top: 0;{{ end }}">
|
||||||
{{ partial "svgs/etc/invert-colors.svg" (dict "width" 22 "height" 22) }}
|
{{ partial "svgs/etc/invert-colors.svg" (dict "width" 22 "height" 22) }}
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-content select-theme">
|
<div class="dropdown-content select-theme">
|
||||||
{{ if .Site.Params.themeOptions }}
|
{{ if .Site.Params.themeOptions }}
|
||||||
{{ range $index, $value := .Site.Params.themeOptions }}
|
{{ range $index, $value := .Site.Params.themeOptions }}
|
||||||
<a href="#" class="dropdown-item select-theme__item {{ if (eq $index 0) }}is-active{{ end }}">
|
<a href="#" class="dropdown-item select-theme__item {{ if (eq $index 0) }}is-active{{ end }}">
|
||||||
{{ . }}
|
{{ . }}
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,18 +1,15 @@
|
||||||
{{ if $.Param "enableSidebar" }}
|
{{ if $.Param "enableSidebar" }}
|
||||||
|
|
||||||
{{ $currentSection := .Section }}
|
|
||||||
{{ $currentID := "" }}
|
|
||||||
{{ with .File }}{{ $currentID = .UniqueID }}{{ end }}
|
|
||||||
<div class="sidebar">
|
<div class="sidebar">
|
||||||
{{ partial "search/site-search" . }}
|
{{ partial "search/site-search" . }}
|
||||||
{{ partial "sidebar/custom-list" . }}
|
{{ partial "sidebar/custom-list" . }}
|
||||||
{{ if .Site.Params.itemsPerCategory }}
|
{{ if .Site.Params.itemsPerCategory }}
|
||||||
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
||||||
<section class="sidebar-recent">
|
<section class="sidebar-recent">
|
||||||
<a href="{{ .RelPermalink }}" class="sidebar-recent__title p1 {{ if eq $currentSection .Section }}active{{ end }}">{{ .Title }}</a>
|
<a href="{{ .RelPermalink }}" class="sidebar-recent__title p1">{{ .Title }}</a>
|
||||||
<ul class="sidebar-recent__ul">
|
<ul class="sidebar-recent__ul">
|
||||||
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
||||||
<li><a href="{{ .RelPermalink }}" class="sidebar-recent__a p2 {{ if eq $currentID .File.UniqueID }}active{{ end }}">{{ .Title }}</a>
|
<li><a href="{{ .RelPermalink }}" class="sidebar-recent__a p2">{{ .Title }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -1,76 +1,76 @@
|
||||||
{{ if $.Param "enableBio" }}
|
{{ if $.Param "enableBio" }}
|
||||||
<section class="bio">
|
<section class="bio">
|
||||||
<hr class="hr-slash bio-hr"/>
|
<hr class="hr-slash bio-hr"/>
|
||||||
<div class="bio__photo-wrapper">
|
<div class="bio__photo-wrapper">
|
||||||
{{ $src := "" }}
|
{{ $src := "" }}
|
||||||
{{ if site.Params.useGravatar }}
|
{{ if site.Params.useGravatar }}
|
||||||
{{ $src = printf "https://s.gravatar.com/avatar/%s?s=200" (md5 .Site.Params.email) }}
|
{{ $src = printf "https://s.gravatar.com/avatar/%s?s=200" (md5 .Site.Params.email) }}
|
||||||
<img src="{{ $src }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="bio__photo"/>
|
<img src="{{ $src }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="bio__photo"/>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
{{ if (fileExists "static/images/whoami/avatar.png") }}
|
{{ if (fileExists "static/images/whoami/avatar.png") }}
|
||||||
<img data-src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
<img data-src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
||||||
{{ else if (fileExists "static/images/whoami/avatar.jpg") }}
|
{{ else if (fileExists "static/images/whoami/avatar.jpg") }}
|
||||||
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
||||||
{{ else if (fileExists "static/images/whoami/avatar.svg") }}
|
{{ else if (fileExists "static/images/whoami/avatar.svg") }}
|
||||||
<img data-src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
<img data-src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload bio__photo"/>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
<hr class="hr-slash bio-hr"/>
|
<hr class="hr-slash bio-hr"/>
|
||||||
<div class="bio__name">
|
<div class="bio__name">
|
||||||
{{ .Site.Params.myname }}
|
{{ .Site.Params.myname }}
|
||||||
</div>
|
</div>
|
||||||
<div class="bio__desc">
|
<div class="bio__desc">
|
||||||
{{ .Site.Params.whoami }}
|
{{ .Site.Params.whoami }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ if .Site.Params.organization }}
|
{{ if .Site.Params.organization }}
|
||||||
<div class="bio__info">
|
<div class="bio__info">
|
||||||
<div class="bio__info--icon">
|
<div class="bio__info--icon">
|
||||||
{{ partial "svgs/etc/people.svg" (dict "width" 20 "height" 20) }}
|
{{ partial "svgs/etc/people.svg" (dict "width" 20 "height" 20) }}
|
||||||
</div>
|
</div>
|
||||||
{{ .Site.Params.organization }}
|
{{ .Site.Params.organization }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.location }}
|
{{ if .Site.Params.location }}
|
||||||
<div class="bio__info">
|
<div class="bio__info">
|
||||||
<div class="bio__info--icon">
|
<div class="bio__info--icon">
|
||||||
{{ partial "svgs/etc/location.svg" (dict "width" 20 "height" 20) }}
|
{{ partial "svgs/etc/location.svg" (dict "width" 20 "height" 20) }}
|
||||||
</div>
|
</div>
|
||||||
{{ .Site.Params.location }}
|
{{ .Site.Params.location }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.email }}
|
{{ if .Site.Params.email }}
|
||||||
<div class="bio__info">
|
<div class="bio__info">
|
||||||
<div class="bio__info--icon">
|
<div class="bio__info--icon">
|
||||||
{{ partial "svgs/social/email.svg" (dict "width" 20 "height" 20) }}
|
{{ partial "svgs/social/email.svg" (dict "width" 20 "height" 20) }}
|
||||||
</div>
|
</div>
|
||||||
<a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a>
|
<a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Params.link }}
|
{{ if .Site.Params.link }}
|
||||||
<div class="bio__info">
|
<div class="bio__info">
|
||||||
<div class="bio__info--icon">
|
<div class="bio__info--icon">
|
||||||
{{ partial "svgs/etc/link.svg" (dict "width" 20 "height" 20) }}
|
{{ partial "svgs/etc/link.svg" (dict "width" 20 "height" 20) }}
|
||||||
</div>
|
</div>
|
||||||
<a href="{{ .Site.Params.link }}" target="_blank" rel="noreferrer">{{ .Site.Params.link }}</a>
|
<a href="{{ .Site.Params.link }}" target="_blank" rel="noreferrer">{{ .Site.Params.link }}</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="bio__social">
|
<div class="bio__social">
|
||||||
{{ range $name, $path := $.Param "socialOptions" }}
|
{{ range $name, $path := $.Param "socialOptions" }}
|
||||||
{{ if (and $path (ne $name "email")) }}
|
{{ if (and $path (ne $name "email")) }}
|
||||||
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}">
|
<a href="{{ $path | safeURL }}" title="{{ $name }}" aria-label="{{ $name }}">
|
||||||
{{ partial (print "svgs/social/" $name ".svg") (dict "width" 25 "height" 25) }}
|
{{ partial (print "svgs/social/" $name ".svg") (dict "width" 25 "height" 25) }}
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<hr class="hr-fade sidebar-hr"/>
|
<hr class="hr-fade sidebar-hr"/>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
@ -1,34 +1,34 @@
|
||||||
<article class="summary-card">
|
<article class="summary-card">
|
||||||
<header>
|
<header>
|
||||||
<h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
<h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
||||||
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read</h6>
|
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read</h6>
|
||||||
</header>
|
</header>
|
||||||
{{ $params := .Params }}
|
{{ $params := .Params }}
|
||||||
<div class="summary-card__content">
|
<div class="summary-card__content">
|
||||||
<div class="summary-card__text p2">
|
<div class="summary-card__text p2">
|
||||||
{{ with $params.Description }}
|
{{ with $params.Description }}
|
||||||
{{ . }}
|
{{ . }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
{{ .Summary }}
|
{{ .Summary }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ if $params.featured_image }}
|
{{ if $params.featured_image }}
|
||||||
<div class="summary-card__image-wrapper">
|
<div class="summary-card__image-wrapper">
|
||||||
<a href="{{ .Permalink }}">
|
<a href="{{ .Permalink }}">
|
||||||
<img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-card__image"/>
|
<img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-card__image"/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ else if $params.featured_video }}
|
{{ else if $params.featured_video }}
|
||||||
{{ with print ("videos/poster/" | relURL) $params.featured_video_poster }}
|
{{ with print ("videos/poster/" | relURL) $params.featured_video_poster }}
|
||||||
<div class="summary-card__video-wrapper">
|
<div class="summary-card__video-wrapper">
|
||||||
<video class="summary-card__video" controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'>
|
<video class="summary-card__video" controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'>
|
||||||
{{ with print ("videos/" | relURL) $params.featured_video }}
|
{{ with print ("videos/" | relURL) $params.featured_video }}
|
||||||
<source src="{{ . | relURL }}" type='video/mp4'>
|
<source src="{{ . | relURL }}" type='video/mp4'>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -1,29 +1,29 @@
|
||||||
<article class="summary-classic">
|
<article class="summary-classic">
|
||||||
<div class="summary-classic__flex-box">
|
<div class="summary-classic__flex-box">
|
||||||
{{ $params := .Params }}
|
{{ $params := .Params }}
|
||||||
{{ if $params.featured_image }}
|
{{ if $params.featured_image }}
|
||||||
<div class="summary-classic__image-wrapper">
|
<div class="summary-classic__image-wrapper">
|
||||||
<a href="{{ .Permalink }}">
|
<a href="{{ .Permalink }}">
|
||||||
<img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-classic__image" />
|
<img data-src="{{ (print "images/" $params.featured_image) | relURL }}" alt="{{ print $params.featured_image }}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1035795'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(80%25,80%25,80%25);fill-opacity:1;' d='M 4 4 C 2.90625 4 2 4.90625 2 6 L 2 18 C 2 19.09375 2.90625 20 4 20 L 20 20 C 21.09375 20 22 19.09375 22 18 L 22 6 C 22 4.90625 21.09375 4 20 4 Z M 4 6 L 20 6 L 20 18 L 4 18 Z M 4 6 '/%3E%3C/g%3E%3C/svg%3E%0A" class="lazyload summary-classic__image" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div class="summary-classic__content">
|
<div class="summary-classic__content">
|
||||||
<header>
|
<header>
|
||||||
<h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
<h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
||||||
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read
|
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read
|
||||||
</h6>
|
</h6>
|
||||||
</header>
|
</header>
|
||||||
<div>
|
<div>
|
||||||
<div class="summary-classic__text p2">
|
<div class="summary-classic__text p2">
|
||||||
{{ with $params.Description }}
|
{{ with $params.Description }}
|
||||||
{{ . }}
|
{{ . }}
|
||||||
{{ else }}
|
{{ else }}
|
||||||
{{ .Summary }}
|
{{ .Summary }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<article class="summary-compact">
|
<article class="summary-compact">
|
||||||
<div class="summary-compact__flex-box">
|
<div class="summary-compact__flex-box">
|
||||||
{{ $params := .Params }}
|
{{ $params := .Params }}
|
||||||
<div class="summary-compact__meta">
|
<div class="summary-compact__meta">
|
||||||
<header>
|
<header>
|
||||||
<h5 class="title h6"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
<h5 class="title h6"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
|
||||||
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read
|
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read
|
||||||
</h6>
|
</h6>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
SIL Open Font License (OFL)
|
SIL Open Font License (OFL)
|
||||||
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
|
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
|
||||||
|
|
@ -1,45 +1,45 @@
|
||||||
SIL Open Font License
|
SIL Open Font License
|
||||||
|
|
||||||
Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
|
Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
|
||||||
|
|
||||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
||||||
|
|
||||||
—————————————————————————————-
|
—————————————————————————————-
|
||||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
—————————————————————————————-
|
—————————————————————————————-
|
||||||
|
|
||||||
PREAMBLE
|
PREAMBLE
|
||||||
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
||||||
|
|
||||||
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
DEFINITIONS
|
DEFINITIONS
|
||||||
“Font Software” refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
“Font Software” refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
||||||
|
|
||||||
“Reserved Font Name” refers to any names specified as such after the copyright statement(s).
|
“Reserved Font Name” refers to any names specified as such after the copyright statement(s).
|
||||||
|
|
||||||
“Original Version” refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
“Original Version” refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
“Modified Version” refers to any derivative made by adding to, deleting, or substituting—in part or in whole—any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
“Modified Version” refers to any derivative made by adding to, deleting, or substituting—in part or in whole—any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
||||||
|
|
||||||
“Author” refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
“Author” refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
PERMISSION & CONDITIONS
|
PERMISSION & CONDITIONS
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
||||||
|
|
||||||
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
||||||
|
|
||||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
||||||
|
|
||||||
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
||||||
|
|
||||||
TERMINATION
|
TERMINATION
|
||||||
This license becomes null and void if any of the above conditions are not met.
|
This license becomes null and void if any of the above conditions are not met.
|
||||||
|
|
||||||
DISCLAIMER
|
DISCLAIMER
|
||||||
THE FONT SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
THE FONT SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
Loading…
Reference in New Issue