Compare commits
13 Commits
mikufans
...
magic-pyth
| Author | SHA1 | Date | |
|---|---|---|---|
c2b09ece24
|
|||
|
47df4cda71
|
|||
|
b18f12d964 | ||
|
|
0dbe29b53e | ||
|
9ca5068eee | ||
|
|
28509e0c39 | ||
|
|
4d443826ab | ||
|
|
20d7c87a2f | ||
|
|
ade234576e | ||
|
|
a453ac08a8 | ||
|
|
aab4c0c3cc | ||
|
|
1be851658f | ||
|
76a81939a7 |
@@ -1,28 +1,28 @@
|
|||||||
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background-color: #{$backgroundColor};
|
--r-background-color: #{$backgroundColor};
|
||||||
--main-font: #{$mainFont};
|
--r-main-font: #{$mainFont};
|
||||||
--main-font-size: #{$mainFontSize};
|
--r-main-font-size: #{$mainFontSize};
|
||||||
--main-color: #{$mainColor};
|
--r-main-color: #{$mainColor};
|
||||||
--block-margin: #{$blockMargin};
|
--r-block-margin: #{$blockMargin};
|
||||||
--heading-margin: #{$headingMargin};
|
--r-heading-margin: #{$headingMargin};
|
||||||
--heading-font: #{$headingFont};
|
--r-heading-font: #{$headingFont};
|
||||||
--heading-color: #{$headingColor};
|
--r-heading-color: #{$headingColor};
|
||||||
--heading-line-height: #{$headingLineHeight};
|
--r-heading-line-height: #{$headingLineHeight};
|
||||||
--heading-letter-spacing: #{$headingLetterSpacing};
|
--r-heading-letter-spacing: #{$headingLetterSpacing};
|
||||||
--heading-text-transform: #{$headingTextTransform};
|
--r-heading-text-transform: #{$headingTextTransform};
|
||||||
--heading-text-shadow: #{$headingTextShadow};
|
--r-heading-text-shadow: #{$headingTextShadow};
|
||||||
--heading-font-weight: #{$headingFontWeight};
|
--r-heading-font-weight: #{$headingFontWeight};
|
||||||
--heading1-text-shadow: #{$heading1TextShadow};
|
--r-heading1-text-shadow: #{$heading1TextShadow};
|
||||||
--heading1-size: #{$heading1Size};
|
--r-heading1-size: #{$heading1Size};
|
||||||
--heading2-size: #{$heading2Size};
|
--r-heading2-size: #{$heading2Size};
|
||||||
--heading3-size: #{$heading3Size};
|
--r-heading3-size: #{$heading3Size};
|
||||||
--heading4-size: #{$heading4Size};
|
--r-heading4-size: #{$heading4Size};
|
||||||
--code-font: #{$codeFont};
|
--r-code-font: #{$codeFont};
|
||||||
--link-color: #{$linkColor};
|
--r-link-color: #{$linkColor};
|
||||||
--link-color-dark: #{darken($linkColor , 15% )};
|
--r-link-color-dark: #{darken($linkColor , 15% )};
|
||||||
--link-color-hover: #{$linkColorHover};
|
--r-link-color-hover: #{$linkColorHover};
|
||||||
--selection-background-color: #{$selectionBackgroundColor};
|
--r-selection-background-color: #{$selectionBackgroundColor};
|
||||||
--selection-color: #{$selectionColor};
|
--r-selection-color: #{$selectionColor};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,25 +8,25 @@
|
|||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@include bodyBackground();
|
@include bodyBackground();
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -46,27 +46,27 @@
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
|
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
|
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {font-size: var(--heading1-size); }
|
.reveal h1 {font-size: var(--r-heading1-size); }
|
||||||
.reveal h2 {font-size: var(--heading2-size); }
|
.reveal h2 {font-size: var(--r-heading2-size); }
|
||||||
.reveal h3 {font-size: var(--heading3-size); }
|
.reveal h3 {font-size: var(--r-heading3-size); }
|
||||||
.reveal h4 {font-size: var(--heading4-size); }
|
.reveal h4 {font-size: var(--r-heading4-size); }
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -150,7 +150,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
@@ -170,11 +170,11 @@
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@@ -183,7 +183,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -257,7 +257,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -266,20 +266,20 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
// background: darken( var(--link-color), 15% );
|
// background: darken( var(--r-link-color), 15% );
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -289,7 +289,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -298,7 +298,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -318,7 +318,7 @@
|
|||||||
|
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0,0,0,0.2);
|
background: rgba(0,0,0,0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -326,6 +326,6 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
2
dist/reveal.esm.js
vendored
2
dist/reveal.esm.js
vendored
File diff suppressed because one or more lines are too long
2
dist/reveal.js
vendored
2
dist/reveal.js
vendored
File diff suppressed because one or more lines are too long
118
dist/theme/beige.css
vendored
118
dist/theme/beige.css
vendored
@@ -13,30 +13,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #f7f3de;
|
--r-background-color: #f7f3de;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #333;
|
--r-main-color: #333;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #333;
|
--r-heading-color: #333;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-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);
|
--r-heading1-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);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #8b743d;
|
--r-link-color: #8b743d;
|
||||||
--link-color-dark: #564826;
|
--r-link-color-dark: #564826;
|
||||||
--link-color-hover: #c0a86e;
|
--r-link-color-hover: #c0a86e;
|
||||||
--selection-background-color: rgba(79, 64, 28, 0.99);
|
--r-selection-background-color: rgba(79, 64, 28, 0.99);
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -47,25 +47,25 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
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: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -84,42 +84,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -194,7 +194,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -214,17 +214,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -299,34 +299,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -335,7 +335,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -343,7 +343,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -351,7 +351,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -359,6 +359,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/black.css
vendored
118
dist/theme/black.css
vendored
@@ -12,53 +12,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #191919;
|
--r-background-color: #191919;
|
||||||
--main-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-main-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--main-font-size: 42px;
|
--r-main-font-size: 42px;
|
||||||
--main-color: #fff;
|
--r-main-color: #fff;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-heading-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--heading-color: #fff;
|
--r-heading-color: #fff;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: 600;
|
--r-heading-font-weight: 600;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 2.5em;
|
--r-heading1-size: 2.5em;
|
||||||
--heading2-size: 1.6em;
|
--r-heading2-size: 1.6em;
|
||||||
--heading3-size: 1.3em;
|
--r-heading3-size: 1.3em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #42affa;
|
--r-link-color: #42affa;
|
||||||
--link-color-dark: #068de9;
|
--r-link-color-dark: #068de9;
|
||||||
--link-color-hover: #8dcffc;
|
--r-link-color-hover: #8dcffc;
|
||||||
--selection-background-color: #bee4fd;
|
--r-selection-background-color: #bee4fd;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #191919;
|
background: #191919;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,42 +77,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -187,7 +187,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -207,17 +207,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -292,34 +292,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -328,7 +328,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -344,7 +344,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,6 +352,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/blood.css
vendored
118
dist/theme/blood.css
vendored
@@ -18,53 +18,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #222;
|
--r-background-color: #222;
|
||||||
--main-font: Ubuntu, sans-serif;
|
--r-main-font: Ubuntu, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Ubuntu, sans-serif;
|
--r-heading-font: Ubuntu, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: 2px 2px 2px #222;
|
--r-heading-text-shadow: 2px 2px 2px #222;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-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);
|
--r-heading1-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);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #a23;
|
--r-link-color: #a23;
|
||||||
--link-color-dark: #6a1520;
|
--r-link-color-dark: #6a1520;
|
||||||
--link-color-hover: #dd5566;
|
--r-link-color-hover: #dd5566;
|
||||||
--selection-background-color: #a23;
|
--r-selection-background-color: #a23;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -83,42 +83,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -193,7 +193,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -213,17 +213,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -298,34 +298,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -334,7 +334,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -342,7 +342,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -350,7 +350,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -358,7 +358,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.reveal p {
|
.reveal p {
|
||||||
|
|||||||
118
dist/theme/league.css
vendored
118
dist/theme/league.css
vendored
@@ -15,30 +15,30 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #2b2b2b;
|
--r-background-color: #2b2b2b;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
--r-heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-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);
|
--r-heading1-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);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #13DAEC;
|
--r-link-color: #13DAEC;
|
||||||
--link-color-dark: #0d99a5;
|
--r-link-color-dark: #0d99a5;
|
||||||
--link-color-hover: #71e9f4;
|
--r-link-color-hover: #71e9f4;
|
||||||
--selection-background-color: #FF5E99;
|
--r-selection-background-color: #FF5E99;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -49,25 +49,25 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
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: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -86,42 +86,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -196,7 +196,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -216,17 +216,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -301,34 +301,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -345,7 +345,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -353,7 +353,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -361,6 +361,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/moon.css
vendored
118
dist/theme/moon.css
vendored
@@ -20,53 +20,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #002b36;
|
--r-background-color: #002b36;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #93a1a1;
|
--r-main-color: #93a1a1;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #eee8d5;
|
--r-heading-color: #eee8d5;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--r-link-color: #268bd2;
|
||||||
--link-color-dark: #1a6091;
|
--r-link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--r-link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--r-selection-background-color: #d33682;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #002b36;
|
background: #002b36;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -85,42 +85,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -195,7 +195,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -215,17 +215,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -300,34 +300,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -344,7 +344,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,7 +352,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -360,6 +360,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/night.css
vendored
118
dist/theme/night.css
vendored
@@ -13,53 +13,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #111;
|
--r-background-color: #111;
|
||||||
--main-font: Open Sans, sans-serif;
|
--r-main-font: Open Sans, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Montserrat, Impact, sans-serif;
|
--r-heading-font: Montserrat, Impact, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: -0.03em;
|
--r-heading-letter-spacing: -0.03em;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #e7ad52;
|
--r-link-color: #e7ad52;
|
||||||
--link-color-dark: #d08a1d;
|
--r-link-color-dark: #d08a1d;
|
||||||
--link-color-hover: #f3d7ac;
|
--r-link-color-hover: #f3d7ac;
|
||||||
--selection-background-color: #e7ad52;
|
--r-selection-background-color: #e7ad52;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #111;
|
background: #111;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -78,42 +78,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -188,7 +188,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -208,17 +208,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -293,34 +293,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -329,7 +329,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -345,7 +345,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -353,6 +353,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/serif.css
vendored
118
dist/theme/serif.css
vendored
@@ -16,53 +16,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #F0F1EB;
|
--r-background-color: #F0F1EB;
|
||||||
--main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
--r-main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #000;
|
--r-main-color: #000;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
--r-heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
||||||
--heading-color: #383D3D;
|
--r-heading-color: #383D3D;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #51483D;
|
--r-link-color: #51483D;
|
||||||
--link-color-dark: #25211c;
|
--r-link-color-dark: #25211c;
|
||||||
--link-color-hover: #8b7c69;
|
--r-link-color-hover: #8b7c69;
|
||||||
--selection-background-color: #26351C;
|
--r-selection-background-color: #26351C;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #F0F1EB;
|
background: #F0F1EB;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -81,42 +81,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -191,7 +191,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -211,17 +211,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -296,34 +296,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -332,7 +332,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -340,7 +340,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -348,7 +348,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -356,6 +356,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/simple.css
vendored
118
dist/theme/simple.css
vendored
@@ -15,53 +15,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fff;
|
--r-background-color: #fff;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #000;
|
--r-main-color: #000;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: News Cycle, Impact, sans-serif;
|
--r-heading-font: News Cycle, Impact, sans-serif;
|
||||||
--heading-color: #000;
|
--r-heading-color: #000;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #00008B;
|
--r-link-color: #00008B;
|
||||||
--link-color-dark: #00003f;
|
--r-link-color-dark: #00003f;
|
||||||
--link-color-hover: #0000f1;
|
--r-link-color-hover: #0000f1;
|
||||||
--selection-background-color: rgba(0, 0, 0, 0.99);
|
--r-selection-background-color: rgba(0, 0, 0, 0.99);
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,42 +80,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -190,7 +190,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -210,17 +210,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -295,34 +295,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -331,7 +331,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -347,7 +347,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -355,6 +355,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/sky.css
vendored
118
dist/theme/sky.css
vendored
@@ -17,30 +17,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #f7fbfc;
|
--r-background-color: #f7fbfc;
|
||||||
--main-font: Open Sans, sans-serif;
|
--r-main-font: Open Sans, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #333;
|
--r-main-color: #333;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Quicksand, sans-serif;
|
--r-heading-font: Quicksand, sans-serif;
|
||||||
--heading-color: #333;
|
--r-heading-color: #333;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: -0.08em;
|
--r-heading-letter-spacing: -0.08em;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #3b759e;
|
--r-link-color: #3b759e;
|
||||||
--link-color-dark: #264c66;
|
--r-link-color-dark: #264c66;
|
||||||
--link-color-hover: #74a7cb;
|
--r-link-color-hover: #74a7cb;
|
||||||
--selection-background-color: #134674;
|
--r-selection-background-color: #134674;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -51,25 +51,25 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
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: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -88,42 +88,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -198,7 +198,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -218,17 +218,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -303,34 +303,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -347,7 +347,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -355,7 +355,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -363,6 +363,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/solarized.css
vendored
118
dist/theme/solarized.css
vendored
@@ -16,53 +16,53 @@ html * {
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fdf6e3;
|
--r-background-color: #fdf6e3;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #657b83;
|
--r-main-color: #657b83;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #586e75;
|
--r-heading-color: #586e75;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--r-link-color: #268bd2;
|
||||||
--link-color-dark: #1a6091;
|
--r-link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--r-link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--r-selection-background-color: #d33682;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fdf6e3;
|
background: #fdf6e3;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -81,42 +81,42 @@ html * {
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -191,7 +191,7 @@ html * {
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -211,17 +211,17 @@ html * {
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -296,34 +296,34 @@ html * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -332,7 +332,7 @@ html * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -340,7 +340,7 @@ html * {
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -348,7 +348,7 @@ html * {
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -356,6 +356,6 @@ html * {
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/white.css
vendored
118
dist/theme/white.css
vendored
@@ -12,53 +12,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fff;
|
--r-background-color: #fff;
|
||||||
--main-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-main-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--main-font-size: 42px;
|
--r-main-font-size: 42px;
|
||||||
--main-color: #222;
|
--r-main-color: #222;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-heading-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--heading-color: #222;
|
--r-heading-color: #222;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: 600;
|
--r-heading-font-weight: 600;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 2.5em;
|
--r-heading1-size: 2.5em;
|
||||||
--heading2-size: 1.6em;
|
--r-heading2-size: 1.6em;
|
||||||
--heading3-size: 1.3em;
|
--r-heading3-size: 1.3em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #2a76dd;
|
--r-link-color: #2a76dd;
|
||||||
--link-color-dark: #1a53a1;
|
--r-link-color-dark: #1a53a1;
|
||||||
--link-color-hover: #6ca0e8;
|
--r-link-color-hover: #6ca0e8;
|
||||||
--selection-background-color: #98bdef;
|
--r-selection-background-color: #98bdef;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,42 +77,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -187,7 +187,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) 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);
|
||||||
@@ -207,17 +207,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
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: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -292,34 +292,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -328,7 +328,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -344,7 +344,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,6 +352,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 534 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 23 KiB |
390
index.html
390
index.html
@@ -1,111 +1,317 @@
|
|||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8">
|
||||||
<meta
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
name="viewport"
|
|
||||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<title>reveal.js</title>
|
<title>reveal.js</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="dist/reset.css" />
|
<link rel="stylesheet" href="dist/reset.css">
|
||||||
<link rel="stylesheet" href="dist/reveal.css" />
|
<link rel="stylesheet" href="dist/reveal.css">
|
||||||
<link rel="stylesheet" href="dist/theme/black.css" />
|
<link rel="stylesheet" href="dist/theme/black.css">
|
||||||
|
|
||||||
<!-- Theme used for syntax highlighted code -->
|
<!-- Theme used for syntax highlighted code -->
|
||||||
<link rel="stylesheet" href="plugin/highlight/monokai.css" />
|
<link rel="stylesheet" href="plugin/highlight/monokai.css">
|
||||||
|
<style>
|
||||||
|
big {
|
||||||
|
font-size: 139%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
<section data-markdown
|
|
||||||
data-background-image="./images/mikufans.jpg"
|
|
||||||
data-background-opacity="0.39"
|
|
||||||
data-background-color="white"
|
|
||||||
>
|
|
||||||
### 峰悦交易看板
|
|
||||||
|
|
||||||
By `mikufans`
|
|
||||||
</section>
|
|
||||||
<section
|
|
||||||
data-background-image="./images/tg_image_1349760345.jpeg"
|
|
||||||
data-background-size="contain"
|
|
||||||
>
|
|
||||||
<img src="./images/photo_2022-11-20_17-55-46.jpg" width="400" />
|
|
||||||
</section>
|
|
||||||
<section
|
|
||||||
data-background-image="./images/workflow.svg"
|
|
||||||
data-background-size="contain"
|
|
||||||
>
|
|
||||||
<div style="padding: 3em; background-color: rgba(0,0,0,0.39);">
|
|
||||||
整体架构图
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<small>全部模块采用 Docker 容器化部署</small>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section>
|
<section>
|
||||||
<section data-markdown
|
<section>
|
||||||
data-background-image="./images/elephant.png"
|
<h2>代码如诗</h2>
|
||||||
data-background-opacity="0.39"
|
<small>Python 代码风格规范 (PEP8)</small>
|
||||||
data-background-size="cover"
|
|
||||||
>
|
|
||||||
### 后端数据库 - PostgreSQL
|
|
||||||
|
|
||||||
- 开源、稳定、高性能的混合式数据库后端
|
|
||||||
- 能够储存结构化和非结构化的混合式数据
|
|
||||||
- 储存股票时序记录
|
|
||||||
- 超过1000只股票的10年数据纪录
|
|
||||||
</section>
|
|
||||||
<section data-markdown
|
|
||||||
data-background-image="./images/logo.png"
|
|
||||||
data-background-opacity="0.39"
|
|
||||||
>
|
|
||||||
### 后端数据源 - RSSHub
|
|
||||||
|
|
||||||
- 活跃开源项目，超过8000个commit
|
|
||||||
- 聚合超过数十家金融平台的新闻、文章、评论
|
|
||||||
</section>
|
|
||||||
<section data-markdown
|
|
||||||
data-background-image="./images/grafana_logo-web-white-text.svg"
|
|
||||||
data-background-size="contain"
|
|
||||||
data-background-opacity="0.39"
|
|
||||||
>
|
|
||||||
### 前端数据面板 - Grafana
|
|
||||||
|
|
||||||
- 开源的专业实时数据监控面板
|
|
||||||
- 组件化配置各个数据源模块
|
|
||||||
- 自定义筛选各类数据源
|
|
||||||
- 跨平台支持PC、手机，自适应屏幕大小
|
|
||||||
- 设置监控警告事件，及时处理突发情况
|
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<section>
|
<section data-markdown>
|
||||||
<h3>DEMO !</h3>
|
### 一般注释
|
||||||
<a href="https://baka.link/zv2w" target="_blank">Snapshot https://baka.link/zv2w</a>
|
|
||||||
<small>
|
```python
|
||||||
<p>or</p>
|
some_code()
|
||||||
<a href="https://home.bakaawt.com:3000/d/BKKLA5dVz/feng-yue-jiao-yi-kan-ban">
|
more_code_here()
|
||||||
https://home.bakaawt.com:3000/d/BKKLA5dVz/feng-yue-jiao-yi-kan-ban
|
|
||||||
</a></small>
|
# One sentence explaining
|
||||||
|
if not data:
|
||||||
|
do_something_here()
|
||||||
|
|
||||||
|
other_code()
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
### 行内注释
|
||||||
|
|
||||||
|
```python
|
||||||
|
words = 'Hello, World!' # Some comment here
|
||||||
|
something = 'Hahaha' # 注释不需要对齐
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 块注释
|
||||||
|
|
||||||
|
```python
|
||||||
|
# 通常在需要 review 的晦涩难懂的代码前
|
||||||
|
# 留下 TODO、待 review 的说明
|
||||||
|
# 不要在这里流水帐式描述你的代码
|
||||||
|
# 如: 「此处判定列表各项均为有效值，然后我们...」
|
||||||
|
# 要假定 reviewer 比你更懂 Python
|
||||||
|
|
||||||
|
if 0 in [!int(node) for node in li]: # 恰到好处的注释
|
||||||
|
```
|
||||||
|
|
||||||
|
> 如果代码不够清晰以至于需要一个注释，那么或许它应该被重写。
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 函数注释
|
||||||
|
|
||||||
|
```python
|
||||||
|
def print(arg):
|
||||||
|
"""将 arg 打印在屏幕上
|
||||||
|
|
||||||
|
这个函数会调用内置方法讲 arg 输出到屏幕上，
|
||||||
|
注意这个函数不是线程安全的。
|
||||||
|
|
||||||
|
参数：
|
||||||
|
arg: 字符串或可以调用 arg.__str__() 的对象
|
||||||
|
|
||||||
|
返回值:
|
||||||
|
返回一个整数，代表输出的字符串长度
|
||||||
|
|
||||||
|
抛出异常:
|
||||||
|
NameError: 参数没有 __str__() 方法供转化成字符串。
|
||||||
|
"""
|
||||||
|
do_some_thing()
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 类注释
|
||||||
|
|
||||||
|
```python
|
||||||
|
class SampleClass:
|
||||||
|
"""简单描述这个类
|
||||||
|
|
||||||
|
详细说明这个类...
|
||||||
|
可以有很多行说明...
|
||||||
|
|
||||||
|
类成员说名:
|
||||||
|
Blablabla
|
||||||
|
"""
|
||||||
|
|
||||||
|
def __init__(self, *args):
|
||||||
|
"""类方法说明"""
|
||||||
|
```
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<div>
|
<section><h1><code>String</code></h1></section>
|
||||||
<h2>Creators</h2>
|
<section data-markdown=>
|
||||||
<div style="display: flex; justify-content: space-evenly;">
|
需要拼接有空格的字符串，运用占位符
|
||||||
<div style="display: flex; flex-direction: column;">
|
|
||||||
<img src="./images/avatar.jpg" width="200" style="border-radius: 50%;" />
|
```python
|
||||||
<span>艾文韬</span>
|
x = '%s, %s!' % (a, b)
|
||||||
</div>
|
x = '{}, {}!'.format(a, b)
|
||||||
<div style="display: flex; flex-direction: column;">
|
x = ', '.join([a, b])
|
||||||
<img src="./images/heimoshuiyu.jpg" width="200" style="border-radius: 50%;" />
|
```
|
||||||
<span>陈永源</span>
|
|
||||||
</div>
|
直接拼接的字符串
|
||||||
</div>
|
|
||||||
</div>
|
```python
|
||||||
|
x = a + b
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
> 注意：使用加法循环拼接字符串，可能导致二次而非线性的运行时间。
|
||||||
|
|
||||||
|
BAD
|
||||||
|
|
||||||
|
```python
|
||||||
|
li = ['a', 'very', 'long', 'list']
|
||||||
|
result = ''
|
||||||
|
for i in li:
|
||||||
|
result = result + i
|
||||||
|
print(result)
|
||||||
|
```
|
||||||
|
|
||||||
|
GOOD
|
||||||
|
|
||||||
|
```python
|
||||||
|
result = ''.join(li)
|
||||||
|
print(result)
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
当字符串过长时，使用 `\` 漂亮地分割字符串
|
||||||
|
|
||||||
|
```python
|
||||||
|
s = '这是一个' \
|
||||||
|
'很长的字符串'
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section>其他乱七八糟但很重要的东西</section>
|
||||||
|
<section>
|
||||||
|
<p>类名以<big>大</big>写字母开头 <code>ClassName</code></p>
|
||||||
|
<p>驼峰<big>命</big>名法 <code>someFunctionName</code></p>
|
||||||
|
<p>下划线_命名法 <code>some_variable_name</code></p>
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
### 遍历同时操作数组
|
||||||
|
|
||||||
|
> 不规范的行为
|
||||||
|
|
||||||
|
```python
|
||||||
|
li = list(range(10))
|
||||||
|
for i in li:
|
||||||
|
li.append(i)
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
### 传参传字典或列表
|
||||||
|
|
||||||
|
```python
|
||||||
|
def foo(i, arg=[]): # 正确做法 arg=None
|
||||||
|
arg.append(i)
|
||||||
|
print(arg)
|
||||||
|
|
||||||
|
foo('a')
|
||||||
|
# Output: ['a']
|
||||||
|
foo('b')
|
||||||
|
# Output: ['a', 'b']
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
### 文件中读入的字符莫名消失
|
||||||
|
|
||||||
|
复现代码
|
||||||
|
|
||||||
|
```python
|
||||||
|
raw = '第一行\n\r第二行'
|
||||||
|
|
||||||
|
for i in raw.split('\n'):
|
||||||
|
print('---start', i, 'end---')
|
||||||
|
|
||||||
|
# Output:
|
||||||
|
# ---start 第一行 end---
|
||||||
|
# 第二行 end---
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
GOOD
|
||||||
|
|
||||||
|
```python
|
||||||
|
if age < 18:
|
||||||
|
return 'You are too small'
|
||||||
|
|
||||||
|
do_something_here()
|
||||||
|
```
|
||||||
|
|
||||||
|
BAD
|
||||||
|
|
||||||
|
```python
|
||||||
|
if age > 18:
|
||||||
|
do_something_here()
|
||||||
|
else:
|
||||||
|
return 'You are too small'
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 善用 if
|
||||||
|
|
||||||
|
GOOD
|
||||||
|
|
||||||
|
```python
|
||||||
|
if data:
|
||||||
|
break
|
||||||
|
```
|
||||||
|
|
||||||
|
BAD
|
||||||
|
|
||||||
|
```python
|
||||||
|
if data != []:
|
||||||
|
break
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section data-markdown>
|
||||||
|
## 忍者代码
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 没人知道这个变量是什么
|
||||||
|
|
||||||
|
- a, b, j, k, l
|
||||||
|
- str, string, number, list, dict
|
||||||
|
- data
|
||||||
|
- data1
|
||||||
|
- data114514
|
||||||
|
|
||||||
|
以及见鬼的缩写
|
||||||
|
|
||||||
|
- `ObjStuAre_id`: object_student_area_id
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
> 一个变量，一杯茶，一个bug修一天
|
||||||
|
|
||||||
|
- `data`
|
||||||
|
- `date`
|
||||||
|
- `l`
|
||||||
|
- `I`
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 没人知道这两是不是同一个东西
|
||||||
|
|
||||||
|
- `showMessage`
|
||||||
|
- `displayMessage`
|
||||||
|
- `printMessage`
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 夸张的变量名
|
||||||
|
|
||||||
|
- `very_super_powerful_print_function`
|
||||||
|
- `lovely_variable`
|
||||||
|
- `nice_list`
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### 重叠外部命名空间变量
|
||||||
|
|
||||||
|
```python
|
||||||
|
id = 39
|
||||||
|
|
||||||
|
def foo():
|
||||||
|
id += 1
|
||||||
|
|
||||||
|
# 一堆代码
|
||||||
|
|
||||||
|
print(id)
|
||||||
|
```
|
||||||
|
</section>
|
||||||
|
<section data-markdown>
|
||||||
|
#### Powerful Function !
|
||||||
|
|
||||||
|
例如某个 `check_empty_in_list()`，按字面意思会检查列表中是否有空项，可这个函数在检查到空项的同时还会「智能地」帮你删掉空项。然而使用函数的人对此一无所知，函数作者也忘了有这么回事。
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<p>一行！展现你的聪明才智！</p>
|
||||||
|
|
||||||
|
<code>
|
||||||
|
result = not os.system(' '.join(['proxychains', '-q', 'pandoc', 'README.md', 'SUMMARY.md', ' '.join([str(i)+'.md' for i in range(3, 109+1)]), '-o', '/tmp/out.epub']) or print("Failed")
|
||||||
|
</code>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<section style="text-align: left;" data-markdown>
|
||||||
|
#### References
|
||||||
|
|
||||||
|
- [现代 JavaScript 教程 - 忍者代码](https://zh.javascript.infoi/ninja-code)
|
||||||
|
- [Google Python Style Guide](https://google.github.io/styleguide/pyguide.html)
|
||||||
|
- [水族馆](https://aquarium39.moe)
|
||||||
|
- [你所不知道的Python冷知識](https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/649905/)
|
||||||
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -120,11 +326,9 @@
|
|||||||
// - https://revealjs.com/config/
|
// - https://revealjs.com/config/
|
||||||
Reveal.initialize({
|
Reveal.initialize({
|
||||||
hash: true,
|
hash: true,
|
||||||
heigh: 1920,
|
|
||||||
wdith: 1080,
|
|
||||||
|
|
||||||
// Learn about plugins: https://revealjs.com/plugins/
|
// Learn about plugins: https://revealjs.com/plugins/
|
||||||
plugins: [RevealMarkdown, RevealHighlight, RevealNotes],
|
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ import {
|
|||||||
} from './utils/constants.js'
|
} from './utils/constants.js'
|
||||||
|
|
||||||
// The reveal.js version
|
// The reveal.js version
|
||||||
export const VERSION = '4.1.1';
|
export const VERSION = '4.1.3';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* reveal.js
|
* reveal.js
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "reveal.js",
|
"name": "reveal.js",
|
||||||
"version": "4.1.1",
|
"version": "4.1.3",
|
||||||
"description": "The HTML Presentation Framework",
|
"description": "The HTML Presentation Framework",
|
||||||
"homepage": "https://revealjs.com",
|
"homepage": "https://revealjs.com",
|
||||||
"subdomain": "revealjs",
|
"subdomain": "revealjs",
|
||||||
|
|||||||
@@ -2,4 +2,4 @@ function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterat
|
|||||||
/*!
|
/*!
|
||||||
* reveal.js plugin that adds syntax highlight support.
|
* reveal.js plugin that adds syntax highlight support.
|
||||||
*/
|
*/
|
||||||
var of={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:rf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.className="code-wrapper";var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){rf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&of.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){of.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(rf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){rf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=of.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",of.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),of.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",of.scrollHighlightedLineIntoView.bind(of,r,t)),r.addEventListener("hidden",of.scrollHighlightedLineIntoView.bind(of,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",of.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){of.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}of.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*of.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=of.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(of.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(of.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(of.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+of.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(of.HIGHLIGHT_LINE_DELIMITER)})).join(of.HIGHLIGHT_STEP_DELIMITER)}};export default function(){return of}
|
var of={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:rf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.classList.add("code-wrapper");var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){rf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&of.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){of.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(rf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){rf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=of.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",of.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),of.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",of.scrollHighlightedLineIntoView.bind(of,r,t)),r.addEventListener("hidden",of.scrollHighlightedLineIntoView.bind(of,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",of.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){of.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}of.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*of.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=of.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(of.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(of.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(of.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+of.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(of.HIGHLIGHT_LINE_DELIMITER)})).join(of.HIGHLIGHT_STEP_DELIMITER)}};export default function(){return of}
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
/*!
|
/*!
|
||||||
* reveal.js plugin that adds syntax highlight support.
|
* reveal.js plugin that adds syntax highlight support.
|
||||||
*/
|
*/
|
||||||
var Lf={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:Mf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.className="code-wrapper";var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){Mf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&Lf.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){Lf.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(Mf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){Mf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=Lf.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),Lf.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",Lf.scrollHighlightedLineIntoView.bind(Lf,r,t)),r.addEventListener("hidden",Lf.scrollHighlightedLineIntoView.bind(Lf,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){Lf.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}Lf.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*Lf.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=Lf.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(Lf.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(Lf.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(Lf.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+Lf.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(Lf.HIGHLIGHT_LINE_DELIMITER)})).join(Lf.HIGHLIGHT_STEP_DELIMITER)}};return function(){return Lf}}));
|
var Lf={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:Mf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.classList.add("code-wrapper");var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){Mf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&Lf.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){Lf.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(Mf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){Mf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=Lf.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),Lf.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",Lf.scrollHighlightedLineIntoView.bind(Lf,r,t)),r.addEventListener("hidden",Lf.scrollHighlightedLineIntoView.bind(Lf,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){Lf.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}Lf.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*Lf.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=Lf.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(Lf.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(Lf.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(Lf.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+Lf.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(Lf.HIGHLIGHT_LINE_DELIMITER)})).join(Lf.HIGHLIGHT_STEP_DELIMITER)}};return function(){return Lf}}));
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ const Plugin = {
|
|||||||
|
|
||||||
Array.from( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( block => {
|
Array.from( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( block => {
|
||||||
|
|
||||||
block.parentNode.className = 'code-wrapper';
|
block.parentNode.classList.add('code-wrapper');
|
||||||
|
|
||||||
// Code can optionally be wrapped in script template to avoid
|
// Code can optionally be wrapped in script template to avoid
|
||||||
// HTML being parsed by the browser (i.e. when you need to
|
// HTML being parsed by the browser (i.e. when you need to
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -206,7 +206,7 @@ const Plugin = () => {
|
|||||||
|
|
||||||
var externalPromises = [];
|
var externalPromises = [];
|
||||||
|
|
||||||
[].slice.call( scope.querySelectorAll( '[data-markdown]:not([data-markdown-parsed])') ).forEach( function( section, i ) {
|
[].slice.call( scope.querySelectorAll( 'section[data-markdown]:not([data-markdown-parsed])') ).forEach( function( section, i ) {
|
||||||
|
|
||||||
if( section.getAttribute( 'data-markdown' ).length ) {
|
if( section.getAttribute( 'data-markdown' ).length ) {
|
||||||
|
|
||||||
|
|||||||
@@ -281,6 +281,15 @@
|
|||||||
```
|
```
|
||||||
</script>
|
</script>
|
||||||
</section>
|
</section>
|
||||||
|
<section data-markdown class="with-code-in-fragment">
|
||||||
|
<script type="text/template">
|
||||||
|
```js
|
||||||
|
foo.bar();
|
||||||
|
```
|
||||||
|
|
||||||
|
<!-- .element: class="fragment" -->
|
||||||
|
</script>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -453,6 +462,10 @@
|
|||||||
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-line-highlights-and-lanugage .hljs.javascript[data-line-numbers="1,2,3"]' ).length, 1 );
|
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-line-highlights-and-lanugage .hljs.javascript[data-line-numbers="1,2,3"]' ).length, 1 );
|
||||||
});
|
});
|
||||||
|
|
||||||
|
QUnit.test( '```block should allow custom fragment', function( assert ) {
|
||||||
|
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-code-in-fragment pre.fragment' ).length, 1 );
|
||||||
|
});
|
||||||
|
|
||||||
} );
|
} );
|
||||||
|
|
||||||
deck1.initialize();
|
deck1.initialize();
|
||||||
|
|||||||
Reference in New Issue
Block a user