Compare commits
56 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
6a0b98e3c3
|
|||
|
c27e3b5ff2 | ||
|
|
31c65975b2 | ||
|
|
83648bb9eb | ||
|
|
c2fd760f8f | ||
|
|
48024a1137 | ||
|
|
ac410debf6 | ||
|
|
e852e53792 | ||
|
|
6fa4f16cdb | ||
|
|
395356a0b1 | ||
|
|
56772afa32 | ||
|
|
632cc78873 | ||
|
|
2c115b887a | ||
|
|
03126c509e | ||
|
00acc730f0 | ||
|
|
6884741b94 | ||
|
|
7daea4957b | ||
|
|
892c752a4b | ||
|
|
48598cb547 | ||
|
|
2e344825f8 | ||
|
|
2beb336cdb | ||
|
|
74f3c4b455 | ||
|
|
236d3e3722 | ||
|
|
a112712f12 | ||
|
5d8d673117 | ||
|
|
f5faeba9f3 | ||
|
|
6d735ddaf8 | ||
|
|
8347a2de58 | ||
|
|
444d127053 | ||
|
|
be110fad11 | ||
|
d1f6e6cce9 | ||
|
2d050f83c1 | ||
|
|
9c83edbf13 | ||
|
|
290c251c7e | ||
|
cec99c5261 | ||
|
|
90a0d2d449 | ||
|
|
1de653a95a | ||
|
|
95592293ae | ||
|
|
2e805c9193 | ||
|
acafabf023 | ||
|
|
f576b98fbd | ||
|
|
49d043c0c2 | ||
|
|
c47ac2cfbd | ||
|
26f5fa0c12 | ||
|
|
1e70d9fe46 | ||
|
e57ff233a4 | ||
|
|
10f02ece99 | ||
|
|
33c4c1c5d2 | ||
|
|
49f78535d1 | ||
|
|
957f928c70 | ||
|
|
3d701edc71 | ||
|
|
aaa7c02b5c | ||
|
|
75480b5bf4 | ||
|
d2dff6a821 | ||
|
9aa6a029c3 | ||
|
|
3535536444 |
2
.github/workflows/js.yml
vendored
2
.github/workflows/js.yml
vendored
@@ -9,7 +9,7 @@ jobs:
|
|||||||
|
|
||||||
strategy:
|
strategy:
|
||||||
matrix:
|
matrix:
|
||||||
node-version: [10.x, 14.x]
|
node-version: [10.x, 14.x, 16.x]
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v2
|
- uses: actions/checkout@v2
|
||||||
|
|||||||
@@ -25,4 +25,4 @@ Want to create your presentation using a visual editor? Try the official reveal.
|
|||||||
|
|
||||||
MIT licensed
|
MIT licensed
|
||||||
|
|
||||||
Copyright (C) 2011-2020 Hakim El Hattab, https://hakim.se
|
Copyright (C) 2011-2021 Hakim El Hattab, https://hakim.se
|
||||||
|
|||||||
@@ -1158,54 +1158,54 @@ $controlsArrowAngleActive: 36deg;
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Immediate transition style */
|
/* Immediate transition style */
|
||||||
.reveal[data-background-transition=none]>.backgrounds .slide-background,
|
.reveal[data-background-transition=none]>.backgrounds .slide-background:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background[data-background-transition=none] {
|
.reveal>.backgrounds .slide-background[data-background-transition=none] {
|
||||||
transition: none;
|
transition: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Slide */
|
/* Slide */
|
||||||
.reveal[data-background-transition=slide]>.backgrounds .slide-background,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
|
.reveal>.backgrounds .slide-background[data-background-transition=slide] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
backface-visibility: hidden;
|
backface-visibility: hidden;
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
|
.reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
|
||||||
transform: translate(-100%, 0);
|
transform: translate(-100%, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
|
.reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
|
||||||
transform: translate(100%, 0);
|
transform: translate(100%, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
|
||||||
transform: translate(0, -100%);
|
transform: translate(0, -100%);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
|
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
|
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
|
||||||
transform: translate(0, 100%);
|
transform: translate(0, 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Convex */
|
/* Convex */
|
||||||
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past,
|
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
|
.reveal>.backgrounds .slide-background.past[data-background-transition=convex] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
|
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=convex]>.backgrounds .slide-background.future,
|
.reveal[data-background-transition=convex]>.backgrounds .slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.future[data-background-transition=convex] {
|
.reveal>.backgrounds .slide-background.future[data-background-transition=convex] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
|
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past,
|
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] {
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
|
transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future,
|
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] {
|
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
|
transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
|
||||||
@@ -1213,54 +1213,54 @@ $controlsArrowAngleActive: 36deg;
|
|||||||
|
|
||||||
|
|
||||||
/* Concave */
|
/* Concave */
|
||||||
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past,
|
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
|
.reveal>.backgrounds .slide-background.past[data-background-transition=concave] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
|
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=concave]>.backgrounds .slide-background.future,
|
.reveal[data-background-transition=concave]>.backgrounds .slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.future[data-background-transition=concave] {
|
.reveal>.backgrounds .slide-background.future[data-background-transition=concave] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
|
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past,
|
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] {
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
|
transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future,
|
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] {
|
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
|
transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Zoom */
|
/* Zoom */
|
||||||
.reveal[data-background-transition=zoom]>.backgrounds .slide-background,
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background[data-background-transition=zoom] {
|
.reveal>.backgrounds .slide-background[data-background-transition=zoom] {
|
||||||
transition-timing-function: ease;
|
transition-timing-function: ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past,
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
|
.reveal>.backgrounds .slide-background.past[data-background-transition=zoom] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
transform: scale(16);
|
transform: scale(16);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future,
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background.future[data-background-transition=zoom] {
|
.reveal>.backgrounds .slide-background.future[data-background-transition=zoom] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
transform: scale(0.2);
|
transform: scale(0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past,
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
|
.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
transform: scale(16);
|
transform: scale(16);
|
||||||
}
|
}
|
||||||
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future,
|
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]),
|
||||||
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] {
|
.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom] {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
|||||||
@@ -21,6 +21,7 @@
|
|||||||
--heading4-size: #{$heading4Size};
|
--heading4-size: #{$heading4Size};
|
||||||
--code-font: #{$codeFont};
|
--code-font: #{$codeFont};
|
||||||
--link-color: #{$linkColor};
|
--link-color: #{$linkColor};
|
||||||
|
--link-color-dark: #{darken($linkColor , 15% )};
|
||||||
--link-color-hover: #{$linkColorHover};
|
--link-color-hover: #{$linkColorHover};
|
||||||
--selection-background-color: #{$selectionBackgroundColor};
|
--selection-background-color: #{$selectionBackgroundColor};
|
||||||
--selection-color: #{$selectionColor};
|
--selection-color: #{$selectionColor};
|
||||||
|
|||||||
@@ -8,25 +8,25 @@
|
|||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@include bodyBackground();
|
@include bodyBackground();
|
||||||
background-color: $backgroundColor;
|
background-color: var(--background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: $mainFont;
|
font-family: var(--main-font);
|
||||||
font-size: $mainFontSize;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: $mainColor;
|
color: var(--main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: $selectionColor;
|
color: var(--selection-color);
|
||||||
background: $selectionBackgroundColor;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: $selectionColor;
|
color: var(--selection-color);
|
||||||
background: $selectionBackgroundColor;
|
background: var(--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: $headingMargin;
|
margin: var(--heading-margin);
|
||||||
color: $headingColor;
|
color: var(--heading-color);
|
||||||
|
|
||||||
font-family: $headingFont;
|
font-family: var(--heading-font);
|
||||||
font-weight: $headingFontWeight;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: $headingLineHeight;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: $headingLetterSpacing;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
|
|
||||||
text-transform: $headingTextTransform;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: $headingTextShadow;
|
text-shadow: var(--heading-text-shadow);
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {font-size: $heading1Size; }
|
.reveal h1 {font-size: var(--heading1-size); }
|
||||||
.reveal h2 {font-size: $heading2Size; }
|
.reveal h2 {font-size: var(--heading2-size); }
|
||||||
.reveal h3 {font-size: $heading3Size; }
|
.reveal h3 {font-size: var(--heading3-size); }
|
||||||
.reveal h4 {font-size: $heading4Size; }
|
.reveal h4 {font-size: var(--heading4-size); }
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: $heading1TextShadow;
|
text-shadow: var(--heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: $blockMargin 0;
|
margin: var(--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: $blockMargin auto;
|
margin: var(--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: $blockMargin auto;
|
margin: var(--block-margin) auto;
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: $codeFont;
|
font-family: var(--code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@@ -183,8 +183,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: $codeFont;
|
font-family: var(--code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
@@ -195,6 +196,14 @@
|
|||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
@@ -248,7 +257,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: $blockMargin 0;
|
margin: var(--block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -257,19 +266,21 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: $linkColor;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: $linkColorHover;
|
color: var(--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( $linkColor, 15% );
|
// background: darken( var(--link-color), 15% );
|
||||||
|
background: var(--link-color-dark);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -278,7 +289,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid $mainColor;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -287,7 +298,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: $linkColor;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -297,7 +308,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: $linkColor;
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -307,7 +318,7 @@
|
|||||||
|
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0,0,0,0.2);
|
background: rgba(0,0,0,0.2);
|
||||||
color: $linkColor;
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -315,6 +326,6 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: $backgroundColor;
|
background-color: var(--background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
26
demo.html
26
demo.html
@@ -19,7 +19,7 @@
|
|||||||
<link rel="stylesheet" href="dist/theme/black.css" id="theme">
|
<link rel="stylesheet" href="dist/theme/black.css" id="theme">
|
||||||
|
|
||||||
<!-- Theme used for syntax highlighting of code -->
|
<!-- Theme used for syntax highlighting of code -->
|
||||||
<link rel="stylesheet" href="plugin/highlight/monokai.css" id="highlight-theme">
|
<link rel="stylesheet" href="plugin/highlight/monokai.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -186,7 +186,7 @@
|
|||||||
Write content using inline or external Markdown.
|
Write content using inline or external Markdown.
|
||||||
Instructions and more info available in the [docs](https://revealjs.com/markdown/).
|
Instructions and more info available in the [docs](https://revealjs.com/markdown/).
|
||||||
|
|
||||||
```[]
|
```html []
|
||||||
<section data-markdown>
|
<section data-markdown>
|
||||||
## Markdown support
|
## Markdown support
|
||||||
|
|
||||||
@@ -249,17 +249,17 @@
|
|||||||
<p>
|
<p>
|
||||||
reveal.js comes with a few themes built in: <br>
|
reveal.js comes with a few themes built in: <br>
|
||||||
<!-- Hacks to swap themes after the page has loaded. Not flexible and only intended for the reveal.js demo deck. -->
|
<!-- Hacks to swap themes after the page has loaded. Not flexible and only intended for the reveal.js demo deck. -->
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/black.css'); return false;">Black (default)</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/black.css'); return false;">Black (default)</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/white.css'); return false;">White</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/white.css'); return false;">White</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/league.css'); return false;">League</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/league.css'); return false;">League</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/sky.css'); return false;">Sky</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/sky.css'); return false;">Sky</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/beige.css'); return false;">Beige</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/beige.css'); return false;">Beige</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/simple.css'); return false;">Simple</a> <br>
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/simple.css'); return false;">Simple</a> <br>
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/serif.css'); return false;">Serif</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/serif.css'); return false;">Serif</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/blood.css'); return false;">Blood</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/blood.css'); return false;">Blood</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/night.css'); return false;">Night</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/night.css'); return false;">Night</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/moon.css'); return false;">Moon</a> -
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/moon.css'); return false;">Moon</a> -
|
||||||
<a href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/solarized.css'); return false;">Solarized</a>
|
<a href="#" onclick="document.getElementById('theme').setAttribute('href','dist/theme/solarized.css'); return false;">Solarized</a>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
4
dist/reveal.css
vendored
4
dist/reveal.css
vendored
File diff suppressed because one or more lines are too long
4
dist/reveal.esm.js
vendored
4
dist/reveal.esm.js
vendored
File diff suppressed because one or more lines are too long
4
dist/reveal.js
vendored
4
dist/reveal.js
vendored
File diff suppressed because one or more lines are too long
221
dist/theme/beige.css
vendored
221
dist/theme/beige.css
vendored
@@ -6,7 +6,8 @@
|
|||||||
@import url(./fonts/league-gothic/league-gothic.css);
|
@import url(./fonts/league-gothic/league-gothic.css);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||||
color: #fff; }
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -32,9 +33,11 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #8b743d;
|
--link-color: #8b743d;
|
||||||
|
--link-color-dark: #564826;
|
||||||
--link-color-hover: #c0a86e;
|
--link-color-hover: #c0a86e;
|
||||||
--selection-background-color: rgba(79, 64, 28, 0.99);
|
--selection-background-color: rgba(79, 64, 28, 0.99);
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #f7f2d3;
|
background: #f7f2d3;
|
||||||
@@ -44,28 +47,33 @@ 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: #f7f3de; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #333; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: rgba(79, 64, 28, 0.99);
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: rgba(79, 64, 28, 0.99);
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -76,37 +84,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #333;
|
color: var(--heading-color);
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -115,187 +130,235 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #8b743d;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #c0a86e;
|
color: var(--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: #564826; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #333;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #8b743d;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #8b743d; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #8b743d; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #f7f3de; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
221
dist/theme/black.css
vendored
221
dist/theme/black.css
vendored
@@ -5,7 +5,8 @@
|
|||||||
*/
|
*/
|
||||||
@import url(./fonts/source-sans-pro/source-sans-pro.css);
|
@import url(./fonts/source-sans-pro/source-sans-pro.css);
|
||||||
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
||||||
color: #222; }
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -31,34 +32,41 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #42affa;
|
--link-color: #42affa;
|
||||||
|
--link-color-dark: #068de9;
|
||||||
--link-color-hover: #8dcffc;
|
--link-color-hover: #8dcffc;
|
||||||
--selection-background-color: #bee4fd;
|
--selection-background-color: #bee4fd;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #191919;
|
background: #191919;
|
||||||
background-color: #191919; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 42px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #fff; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #bee4fd;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #bee4fd;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -69,37 +77,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #fff;
|
color: var(--heading-color);
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: 600;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 2.5em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 1.6em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.3em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -108,187 +123,235 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #42affa;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #8dcffc;
|
color: var(--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: #068de9; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #fff;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #42affa;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #42affa; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #42affa; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #191919; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
237
dist/theme/blood.css
vendored
237
dist/theme/blood.css
vendored
@@ -11,7 +11,8 @@
|
|||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
|
||||||
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
||||||
color: #222; }
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -37,34 +38,41 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #a23;
|
--link-color: #a23;
|
||||||
|
--link-color-dark: #6a1520;
|
||||||
--link-color-hover: #dd5566;
|
--link-color-hover: #dd5566;
|
||||||
--selection-background-color: #a23;
|
--selection-background-color: #a23;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: #222; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: Ubuntu, "sans-serif";
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #a23;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #a23;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -75,37 +83,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #eee;
|
color: var(--heading-color);
|
||||||
font-family: Ubuntu, "sans-serif";
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: 2px 2px 2px #222;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -114,197 +129,246 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #a23;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #dd5566;
|
color: var(--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: #6a1520; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #eee;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #a23;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #a23; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #a23; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #222; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
.reveal p {
|
.reveal p {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
text-shadow: 1px 1px #222; }
|
text-shadow: 1px 1px #222;
|
||||||
|
}
|
||||||
|
|
||||||
section.has-light-background p, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4 {
|
section.has-light-background p, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4 {
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
@@ -312,12 +376,15 @@ section.has-light-background p, section.has-light-background h1, section.has-lig
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
font-weight: 700; }
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal p code {
|
.reveal p code {
|
||||||
background-color: #23241f;
|
background-color: #23241f;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-radius: 7px; }
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small code {
|
.reveal small code {
|
||||||
vertical-align: baseline; }
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
221
dist/theme/league.css
vendored
221
dist/theme/league.css
vendored
@@ -8,7 +8,8 @@
|
|||||||
@import url(./fonts/league-gothic/league-gothic.css);
|
@import url(./fonts/league-gothic/league-gothic.css);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
||||||
color: #222; }
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -34,9 +35,11 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #13DAEC;
|
--link-color: #13DAEC;
|
||||||
|
--link-color-dark: #0d99a5;
|
||||||
--link-color-hover: #71e9f4;
|
--link-color-hover: #71e9f4;
|
||||||
--selection-background-color: #FF5E99;
|
--selection-background-color: #FF5E99;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #1c1e20;
|
background: #1c1e20;
|
||||||
@@ -46,28 +49,33 @@ 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: #2b2b2b; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #FF5E99;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #FF5E99;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -78,37 +86,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #eee;
|
color: var(--heading-color);
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -117,187 +132,235 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #13DAEC;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #71e9f4;
|
color: var(--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: #0d99a5; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #eee;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #13DAEC;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #13DAEC; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #13DAEC; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #2b2b2b; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
224
dist/theme/moon.css
vendored
224
dist/theme/moon.css
vendored
@@ -9,10 +9,12 @@
|
|||||||
*/
|
*/
|
||||||
html * {
|
html * {
|
||||||
color-profile: sRGB;
|
color-profile: sRGB;
|
||||||
rendering-intent: auto; }
|
rendering-intent: auto;
|
||||||
|
}
|
||||||
|
|
||||||
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
||||||
color: #222; }
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -38,34 +40,41 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--link-color: #268bd2;
|
||||||
|
--link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--selection-background-color: #d33682;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #002b36;
|
background: #002b36;
|
||||||
background-color: #002b36; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #93a1a1; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #d33682;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #d33682;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -76,37 +85,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #eee8d5;
|
color: var(--heading-color);
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -115,187 +131,235 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #268bd2;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #78b9e6;
|
color: var(--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: #1a6091; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #93a1a1;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #268bd2;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #268bd2; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #268bd2; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #002b36; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
221
dist/theme/night.css
vendored
221
dist/theme/night.css
vendored
@@ -6,7 +6,8 @@
|
|||||||
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
||||||
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
|
||||||
color: #222; }
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -32,34 +33,41 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #e7ad52;
|
--link-color: #e7ad52;
|
||||||
|
--link-color-dark: #d08a1d;
|
||||||
--link-color-hover: #f3d7ac;
|
--link-color-hover: #f3d7ac;
|
||||||
--selection-background-color: #e7ad52;
|
--selection-background-color: #e7ad52;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #111;
|
background: #111;
|
||||||
background-color: #111; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #eee; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #e7ad52;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #e7ad52;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -70,37 +78,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #eee;
|
color: var(--heading-color);
|
||||||
font-family: "Montserrat", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: -0.03em;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: none;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -109,187 +124,235 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #e7ad52;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #f3d7ac;
|
color: var(--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: #d08a1d; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #eee;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #e7ad52;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #e7ad52; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #e7ad52; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #111; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
224
dist/theme/serif.css
vendored
224
dist/theme/serif.css
vendored
@@ -5,10 +5,12 @@
|
|||||||
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
|
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
|
||||||
*/
|
*/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
line-height: 1.3em; }
|
line-height: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||||
color: #fff; }
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -34,34 +36,41 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #51483D;
|
--link-color: #51483D;
|
||||||
|
--link-color-dark: #25211c;
|
||||||
--link-color-hover: #8b7c69;
|
--link-color-hover: #8b7c69;
|
||||||
--selection-background-color: #26351C;
|
--selection-background-color: #26351C;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #F0F1EB;
|
background: #F0F1EB;
|
||||||
background-color: #F0F1EB; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #000; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #26351C;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #26351C;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -72,37 +81,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #383D3D;
|
color: var(--heading-color);
|
||||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: none;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -111,187 +127,235 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #51483D;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #8b7c69;
|
color: var(--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: #25211c; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #000;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #51483D;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #51483D; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #51483D; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #F0F1EB; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
221
dist/theme/simple.css
vendored
221
dist/theme/simple.css
vendored
@@ -8,7 +8,8 @@
|
|||||||
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
|
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
|
||||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||||
color: #fff; }
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -34,34 +35,41 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #00008B;
|
--link-color: #00008B;
|
||||||
|
--link-color-dark: #00003f;
|
||||||
--link-color-hover: #0000f1;
|
--link-color-hover: #0000f1;
|
||||||
--selection-background-color: rgba(0, 0, 0, 0.99);
|
--selection-background-color: rgba(0, 0, 0, 0.99);
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #000; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: rgba(0, 0, 0, 0.99);
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: rgba(0, 0, 0, 0.99);
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -72,37 +80,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #000;
|
color: var(--heading-color);
|
||||||
font-family: "News Cycle", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: none;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -111,187 +126,235 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #00008B;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #0000f1;
|
color: var(--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: #00003f; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #000;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #00008B;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #00008B; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #00008B; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fff; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
224
dist/theme/sky.css
vendored
224
dist/theme/sky.css
vendored
@@ -6,10 +6,12 @@
|
|||||||
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
|
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
|
||||||
.reveal a {
|
.reveal a {
|
||||||
line-height: 1.3em; }
|
line-height: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||||
color: #fff; }
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -35,9 +37,11 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #3b759e;
|
--link-color: #3b759e;
|
||||||
|
--link-color-dark: #264c66;
|
||||||
--link-color-hover: #74a7cb;
|
--link-color-hover: #74a7cb;
|
||||||
--selection-background-color: #134674;
|
--selection-background-color: #134674;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #add9e4;
|
background: #add9e4;
|
||||||
@@ -47,28 +51,33 @@ 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: #f7fbfc; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #333; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #134674;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #134674;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -79,37 +88,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #333;
|
color: var(--heading-color);
|
||||||
font-family: "Quicksand", sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: -0.08em;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -118,187 +134,235 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #3b759e;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #74a7cb;
|
color: var(--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: #264c66; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #333;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #3b759e;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #3b759e; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #3b759e; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #f7fbfc; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
221
dist/theme/solarized.css
vendored
221
dist/theme/solarized.css
vendored
@@ -9,7 +9,8 @@
|
|||||||
*/
|
*/
|
||||||
html * {
|
html * {
|
||||||
color-profile: sRGB;
|
color-profile: sRGB;
|
||||||
rendering-intent: auto; }
|
rendering-intent: auto;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -35,34 +36,41 @@ html * {
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--link-color: #268bd2;
|
||||||
|
--link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--selection-background-color: #d33682;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fdf6e3;
|
background: #fdf6e3;
|
||||||
background-color: #fdf6e3; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Lato", sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 40px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #657b83; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #d33682;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #d33682;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -73,37 +81,44 @@ html * {
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #586e75;
|
color: var(--heading-color);
|
||||||
font-family: "League Gothic", Impact, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: normal;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 3.77em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 2.11em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.55em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -112,187 +127,235 @@ html * {
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #268bd2;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #78b9e6;
|
color: var(--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: #1a6091; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #657b83;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #268bd2;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #268bd2; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #268bd2; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fdf6e3; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
221
dist/theme/white.css
vendored
221
dist/theme/white.css
vendored
@@ -5,7 +5,8 @@
|
|||||||
*/
|
*/
|
||||||
@import url(./fonts/source-sans-pro/source-sans-pro.css);
|
@import url(./fonts/source-sans-pro/source-sans-pro.css);
|
||||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||||
color: #fff; }
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
@@ -31,34 +32,41 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
--heading4-size: 1em;
|
--heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--code-font: monospace;
|
||||||
--link-color: #2a76dd;
|
--link-color: #2a76dd;
|
||||||
|
--link-color-dark: #1a53a1;
|
||||||
--link-color-hover: #6ca0e8;
|
--link-color-hover: #6ca0e8;
|
||||||
--selection-background-color: #98bdef;
|
--selection-background-color: #98bdef;
|
||||||
--selection-color: #fff; }
|
--selection-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: #fff; }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: var(--main-font);
|
||||||
font-size: 42px;
|
font-size: var(--main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #222; }
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #98bdef;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: #fff;
|
color: var(--selection-color);
|
||||||
background: #98bdef;
|
background: var(--selection-background-color);
|
||||||
text-shadow: none; }
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal .slides section,
|
.reveal .slides section,
|
||||||
.reveal .slides section > section {
|
.reveal .slides section > section {
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: inherit; }
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
@@ -69,37 +77,44 @@ 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: 0 0 20px 0;
|
margin: var(--heading-margin);
|
||||||
color: #222;
|
color: var(--heading-color);
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: var(--heading-font);
|
||||||
font-weight: 600;
|
font-weight: var(--heading-font-weight);
|
||||||
line-height: 1.2;
|
line-height: var(--heading-line-height);
|
||||||
letter-spacing: normal;
|
letter-spacing: var(--heading-letter-spacing);
|
||||||
text-transform: uppercase;
|
text-transform: var(--heading-text-transform);
|
||||||
text-shadow: none;
|
text-shadow: var(--heading-text-shadow);
|
||||||
word-wrap: break-word; }
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: 2.5em; }
|
font-size: var(--heading1-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: 1.6em; }
|
font-size: var(--heading2-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: 1.3em; }
|
font-size: var(--heading3-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: 1em; }
|
font-size: var(--heading4-size);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: none; }
|
text-shadow: var(--heading1-text-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: var(--block-margin) 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove trailing margins after titles */
|
/* Remove trailing margins after titles */
|
||||||
.reveal h1:last-child,
|
.reveal h1:last-child,
|
||||||
@@ -108,187 +123,235 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4:last-child,
|
.reveal h4:last-child,
|
||||||
.reveal h5:last-child,
|
.reveal h5:last-child,
|
||||||
.reveal h6:last-child {
|
.reveal h6:last-child {
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
.reveal video,
|
.reveal video,
|
||||||
.reveal iframe {
|
.reveal iframe {
|
||||||
max-width: 95%;
|
max-width: 95%;
|
||||||
max-height: 95%; }
|
max-height: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal strong,
|
.reveal strong,
|
||||||
.reveal b {
|
.reveal b {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal em {
|
.reveal em {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol,
|
.reveal ol,
|
||||||
.reveal dl,
|
.reveal dl,
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0 0 0 1em; }
|
margin: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ol {
|
.reveal ol {
|
||||||
list-style-type: decimal; }
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul {
|
.reveal ul {
|
||||||
list-style-type: disc; }
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul {
|
.reveal ul ul {
|
||||||
list-style-type: square; }
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul ul {
|
.reveal ul ul ul {
|
||||||
list-style-type: circle; }
|
list-style-type: circle;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal ul ul,
|
.reveal ul ul,
|
||||||
.reveal ul ol,
|
.reveal ul ol,
|
||||||
.reveal ol ol,
|
.reveal ol ol,
|
||||||
.reveal ol ul {
|
.reveal ol ul {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dt {
|
.reveal dt {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal dd {
|
.reveal dd {
|
||||||
margin-left: 40px; }
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote {
|
.reveal blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: 20px auto;
|
margin: var(--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);
|
||||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal blockquote p:first-child,
|
.reveal blockquote p:first-child,
|
||||||
.reveal blockquote p:last-child {
|
.reveal blockquote p:last-child {
|
||||||
display: inline-block; }
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal q {
|
.reveal q {
|
||||||
font-style: italic; }
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre {
|
.reveal pre {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 20px auto;
|
margin: var(--block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: monospace;
|
font-family: var(--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: monospace;
|
font-family: var(--code-font);
|
||||||
text-transform: none; }
|
text-transform: none;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal pre code {
|
.reveal pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
word-wrap: normal; }
|
word-wrap: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .code-wrapper code {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table {
|
.reveal table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th {
|
.reveal table th {
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th,
|
.reveal table th,
|
||||||
.reveal table td {
|
.reveal table td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||||
border-bottom: 1px solid; }
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="center"],
|
.reveal table th[align=center],
|
||||||
.reveal table td[align="center"] {
|
.reveal table td[align=center] {
|
||||||
text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table th[align="right"],
|
.reveal table th[align=right],
|
||||||
.reveal table td[align="right"] {
|
.reveal table td[align=right] {
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal table tbody tr:last-child th,
|
.reveal table tbody tr:last-child th,
|
||||||
.reveal table tbody tr:last-child td {
|
.reveal table tbody tr:last-child td {
|
||||||
border-bottom: none; }
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sup {
|
.reveal sup {
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal sub {
|
.reveal sub {
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
font-size: smaller; }
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small {
|
.reveal small {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal small * {
|
.reveal small * {
|
||||||
vertical-align: top; }
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: 20px 0; }
|
margin: var(--block-margin) 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: #2a76dd;
|
color: var(--link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease; }
|
transition: color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: #6ca0e8;
|
color: var(--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: #1a53a1; }
|
background: var(--link-color-dark);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid #222;
|
border: 4px solid var(--main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a .r-frame {
|
.reveal a .r-frame {
|
||||||
transition: all .15s linear; }
|
transition: all 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: #2a76dd;
|
border-color: var(--link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: #2a76dd; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #2a76dd; }
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PRINT BACKGROUND
|
* PRINT BACKGROUND
|
||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: #fff; } }
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -18,7 +18,6 @@
|
|||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
|
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
|
|
||||||
<section data-auto-animate data-auto-animate-unmatched="fade">
|
<section data-auto-animate data-auto-animate-unmatched="fade">
|
||||||
<h3>Auto-Animate Example</h3>
|
<h3>Auto-Animate Example</h3>
|
||||||
<p>This will fade out</p>
|
<p>This will fade out</p>
|
||||||
@@ -158,6 +157,25 @@
|
|||||||
<div data-id="4" style="background: cyan; position: absolute; top: 250px; left: 76%; width: 60px; height: 60px;"></div>
|
<div data-id="4" style="background: cyan; position: absolute; top: 250px; left: 76%; width: 60px; height: 60px;"></div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section data-auto-animate data-auto-animate-id="a">
|
||||||
|
<h2>data-auto-animate-id="a"</h2>
|
||||||
|
<h3>A1</h3>
|
||||||
|
</section>
|
||||||
|
<section data-auto-animate data-auto-animate-id="a">
|
||||||
|
<h2>data-auto-animate-id="a"</h2>
|
||||||
|
<h3>A1</h3>
|
||||||
|
<h3>A2</h3>
|
||||||
|
</section>
|
||||||
|
<section data-auto-animate data-auto-animate-id="b">
|
||||||
|
<h2>data-auto-animate-id="b"</h2>
|
||||||
|
<h3>B1</h3>
|
||||||
|
</section>
|
||||||
|
<section data-auto-animate data-auto-animate-id="b">
|
||||||
|
<h2>data-auto-animate-id="b"</h2>
|
||||||
|
<h3>B1</h3>
|
||||||
|
<h3>B2</h3>
|
||||||
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
29
gulpfile.js
29
gulpfile.js
@@ -3,6 +3,7 @@ const path = require('path')
|
|||||||
const glob = require('glob')
|
const glob = require('glob')
|
||||||
const yargs = require('yargs')
|
const yargs = require('yargs')
|
||||||
const colors = require('colors')
|
const colors = require('colors')
|
||||||
|
const through = require('through2');
|
||||||
const qunit = require('node-qunit-puppeteer')
|
const qunit = require('node-qunit-puppeteer')
|
||||||
|
|
||||||
const {rollup} = require('rollup')
|
const {rollup} = require('rollup')
|
||||||
@@ -10,11 +11,11 @@ const {terser} = require('rollup-plugin-terser')
|
|||||||
const babel = require('@rollup/plugin-babel').default
|
const babel = require('@rollup/plugin-babel').default
|
||||||
const commonjs = require('@rollup/plugin-commonjs')
|
const commonjs = require('@rollup/plugin-commonjs')
|
||||||
const resolve = require('@rollup/plugin-node-resolve').default
|
const resolve = require('@rollup/plugin-node-resolve').default
|
||||||
|
const sass = require('sass')
|
||||||
|
|
||||||
const gulp = require('gulp')
|
const gulp = require('gulp')
|
||||||
const tap = require('gulp-tap')
|
const tap = require('gulp-tap')
|
||||||
const zip = require('gulp-zip')
|
const zip = require('gulp-zip')
|
||||||
const sass = require('gulp-sass')
|
|
||||||
const header = require('gulp-header')
|
const header = require('gulp-header')
|
||||||
const eslint = require('gulp-eslint')
|
const eslint = require('gulp-eslint')
|
||||||
const minify = require('gulp-clean-css')
|
const minify = require('gulp-clean-css')
|
||||||
@@ -155,12 +156,34 @@ gulp.task('plugins', () => {
|
|||||||
} ));
|
} ));
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// a custom pipeable step to transform Sass to CSS
|
||||||
|
function compileSass() {
|
||||||
|
return through.obj( ( vinylFile, encoding, callback ) => {
|
||||||
|
const transformedFile = vinylFile.clone();
|
||||||
|
|
||||||
|
sass.render({
|
||||||
|
data: transformedFile.contents.toString(),
|
||||||
|
includePaths: ['css/', 'css/theme/template']
|
||||||
|
}, ( err, result ) => {
|
||||||
|
if( err ) {
|
||||||
|
console.log( vinylFile.path );
|
||||||
|
console.log( err.formatted );
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
transformedFile.extname = '.css';
|
||||||
|
transformedFile.contents = result.css;
|
||||||
|
callback( null, transformedFile );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
gulp.task('css-themes', () => gulp.src(['./css/theme/source/*.{sass,scss}'])
|
gulp.task('css-themes', () => gulp.src(['./css/theme/source/*.{sass,scss}'])
|
||||||
.pipe(sass())
|
.pipe(compileSass())
|
||||||
.pipe(gulp.dest('./dist/theme')))
|
.pipe(gulp.dest('./dist/theme')))
|
||||||
|
|
||||||
gulp.task('css-core', () => gulp.src(['css/reveal.scss'])
|
gulp.task('css-core', () => gulp.src(['css/reveal.scss'])
|
||||||
.pipe(sass())
|
.pipe(compileSass())
|
||||||
.pipe(autoprefixer())
|
.pipe(autoprefixer())
|
||||||
.pipe(minify({compatibility: 'ie9'}))
|
.pipe(minify({compatibility: 'ie9'}))
|
||||||
.pipe(header(banner))
|
.pipe(header(banner))
|
||||||
|
|||||||
BIN
images/avatar.jpg
Normal file
BIN
images/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
BIN
images/elephant.png
Normal file
BIN
images/elephant.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
17
images/grafana_logo-web-white-text.svg
Normal file
17
images/grafana_logo-web-white-text.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 13 KiB |
BIN
images/heimoshuiyu.jpg
Normal file
BIN
images/heimoshuiyu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
images/mikufans.jpg
Normal file
BIN
images/mikufans.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
images/photo_2022-11-20_17-55-46.jpg
Normal file
BIN
images/photo_2022-11-20_17-55-46.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
images/tg_image_1349760345.jpeg
Normal file
BIN
images/tg_image_1349760345.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 534 KiB |
4
images/workflow.svg
Normal file
4
images/workflow.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 23 KiB |
111
index.html
111
index.html
@@ -1,23 +1,112 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<meta
|
||||||
|
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" id="theme">
|
<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" id="highlight-theme">
|
<link rel="stylesheet" href="plugin/highlight/monokai.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
<section>Slide 1</section>
|
<section data-markdown
|
||||||
<section>Slide 2</section>
|
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 data-markdown
|
||||||
|
data-background-image="./images/elephant.png"
|
||||||
|
data-background-opacity="0.39"
|
||||||
|
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>
|
||||||
|
<h3>DEMO !</h3>
|
||||||
|
<a href="https://baka.link/zv2w" target="_blank">Snapshot https://baka.link/zv2w</a>
|
||||||
|
<small>
|
||||||
|
<p>or</p>
|
||||||
|
<a href="https://home.bakaawt.com:3000/d/BKKLA5dVz/feng-yue-jiao-yi-kan-ban">
|
||||||
|
https://home.bakaawt.com:3000/d/BKKLA5dVz/feng-yue-jiao-yi-kan-ban
|
||||||
|
</a></small>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<div>
|
||||||
|
<h2>Creators</h2>
|
||||||
|
<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%;" />
|
||||||
|
<span>艾文韬</span>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; flex-direction: column;">
|
||||||
|
<img src="./images/heimoshuiyu.jpg" width="200" style="border-radius: 50%;" />
|
||||||
|
<span>陈永源</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -31,9 +120,11 @@
|
|||||||
// - 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>
|
||||||
|
|||||||
@@ -73,8 +73,8 @@ export default {
|
|||||||
|
|
||||||
// Optional function that blocks keyboard events when retuning false
|
// Optional function that blocks keyboard events when retuning false
|
||||||
//
|
//
|
||||||
// If you set this to 'foucsed', we will only capture keyboard events
|
// If you set this to 'focused', we will only capture keyboard events
|
||||||
// for embdedded decks when they are in focus
|
// for embedded decks when they are in focus
|
||||||
keyboardCondition: null,
|
keyboardCondition: null,
|
||||||
|
|
||||||
// Disables the default reveal.js slide layout (scaling and centering)
|
// Disables the default reveal.js slide layout (scaling and centering)
|
||||||
@@ -149,7 +149,7 @@ export default {
|
|||||||
// Flags if slides with data-visibility="hidden" should be kep visible
|
// Flags if slides with data-visibility="hidden" should be kep visible
|
||||||
showHiddenSlides: false,
|
showHiddenSlides: false,
|
||||||
|
|
||||||
// Global override for autolaying embedded media (video/audio/iframe)
|
// Global override for autoplaying embedded media (video/audio/iframe)
|
||||||
// - null: Media will only autoplay if data-autoplay is present
|
// - null: Media will only autoplay if data-autoplay is present
|
||||||
// - true: All media will autoplay, regardless of individual setting
|
// - true: All media will autoplay, regardless of individual setting
|
||||||
// - false: No media will autoplay, regardless of individual setting
|
// - false: No media will autoplay, regardless of individual setting
|
||||||
|
|||||||
@@ -27,8 +27,16 @@ export default class AutoAnimate {
|
|||||||
// Clean up after prior animations
|
// Clean up after prior animations
|
||||||
this.reset();
|
this.reset();
|
||||||
|
|
||||||
// Ensure that both slides are auto-animate targets
|
let allSlides = this.Reveal.getSlides();
|
||||||
if( fromSlide.hasAttribute( 'data-auto-animate' ) && toSlide.hasAttribute( 'data-auto-animate' ) ) {
|
let toSlideIndex = allSlides.indexOf( toSlide );
|
||||||
|
let fromSlideIndex = allSlides.indexOf( fromSlide );
|
||||||
|
|
||||||
|
// Ensure that both slides are auto-animate targets with the same data-auto-animate-id value
|
||||||
|
// (including null if absent on both) and that data-auto-animate-restart isn't set on the
|
||||||
|
// physically latter slide (independent of slide direction)
|
||||||
|
if( fromSlide.hasAttribute( 'data-auto-animate' ) && toSlide.hasAttribute( 'data-auto-animate' )
|
||||||
|
&& fromSlide.getAttribute( 'data-auto-animate-id' ) === toSlide.getAttribute( 'data-auto-animate-id' )
|
||||||
|
&& !( toSlideIndex > fromSlideIndex ? toSlide : fromSlide ).hasAttribute( 'data-auto-animate-restart' ) ) {
|
||||||
|
|
||||||
// Create a new auto-animate sheet
|
// Create a new auto-animate sheet
|
||||||
this.autoAnimateStyleSheet = this.autoAnimateStyleSheet || createStyleSheet();
|
this.autoAnimateStyleSheet = this.autoAnimateStyleSheet || createStyleSheet();
|
||||||
@@ -40,8 +48,7 @@ export default class AutoAnimate {
|
|||||||
toSlide.dataset.autoAnimate = 'pending';
|
toSlide.dataset.autoAnimate = 'pending';
|
||||||
|
|
||||||
// Flag the navigation direction, needed for fragment buildup
|
// Flag the navigation direction, needed for fragment buildup
|
||||||
let allSlides = this.Reveal.getSlides();
|
animationOptions.slideDirection = toSlideIndex > fromSlideIndex ? 'forward' : 'backward';
|
||||||
animationOptions.slideDirection = allSlides.indexOf( toSlide ) > allSlides.indexOf( fromSlide ) ? 'forward' : 'backward';
|
|
||||||
|
|
||||||
// Inject our auto-animate styles for this transition
|
// Inject our auto-animate styles for this transition
|
||||||
let css = this.getAutoAnimatableElements( fromSlide, toSlide ).map( elements => {
|
let css = this.getAutoAnimatableElements( fromSlide, toSlide ).map( elements => {
|
||||||
|
|||||||
@@ -27,8 +27,6 @@ export default class Backgrounds {
|
|||||||
*/
|
*/
|
||||||
create() {
|
create() {
|
||||||
|
|
||||||
let printMode = this.Reveal.isPrintingPDF();
|
|
||||||
|
|
||||||
// Clear prior backgrounds
|
// Clear prior backgrounds
|
||||||
this.element.innerHTML = '';
|
this.element.innerHTML = '';
|
||||||
this.element.classList.add( 'no-transition' );
|
this.element.classList.add( 'no-transition' );
|
||||||
@@ -114,9 +112,24 @@ export default class Backgrounds {
|
|||||||
*/
|
*/
|
||||||
sync( slide ) {
|
sync( slide ) {
|
||||||
|
|
||||||
let element = slide.slideBackgroundElement,
|
const element = slide.slideBackgroundElement,
|
||||||
contentElement = slide.slideBackgroundContentElement;
|
contentElement = slide.slideBackgroundContentElement;
|
||||||
|
|
||||||
|
const data = {
|
||||||
|
background: slide.getAttribute( 'data-background' ),
|
||||||
|
backgroundSize: slide.getAttribute( 'data-background-size' ),
|
||||||
|
backgroundImage: slide.getAttribute( 'data-background-image' ),
|
||||||
|
backgroundVideo: slide.getAttribute( 'data-background-video' ),
|
||||||
|
backgroundIframe: slide.getAttribute( 'data-background-iframe' ),
|
||||||
|
backgroundColor: slide.getAttribute( 'data-background-color' ),
|
||||||
|
backgroundRepeat: slide.getAttribute( 'data-background-repeat' ),
|
||||||
|
backgroundPosition: slide.getAttribute( 'data-background-position' ),
|
||||||
|
backgroundTransition: slide.getAttribute( 'data-background-transition' ),
|
||||||
|
backgroundOpacity: slide.getAttribute( 'data-background-opacity' ),
|
||||||
|
};
|
||||||
|
|
||||||
|
const dataPreload = slide.hasAttribute( 'data-preload' );
|
||||||
|
|
||||||
// Reset the prior background state in case this is not the
|
// Reset the prior background state in case this is not the
|
||||||
// initial sync
|
// initial sync
|
||||||
slide.classList.remove( 'has-dark-background' );
|
slide.classList.remove( 'has-dark-background' );
|
||||||
@@ -135,19 +148,6 @@ export default class Backgrounds {
|
|||||||
contentElement.style.opacity = '';
|
contentElement.style.opacity = '';
|
||||||
contentElement.innerHTML = '';
|
contentElement.innerHTML = '';
|
||||||
|
|
||||||
let data = {
|
|
||||||
background: slide.getAttribute( 'data-background' ),
|
|
||||||
backgroundSize: slide.getAttribute( 'data-background-size' ),
|
|
||||||
backgroundImage: slide.getAttribute( 'data-background-image' ),
|
|
||||||
backgroundVideo: slide.getAttribute( 'data-background-video' ),
|
|
||||||
backgroundIframe: slide.getAttribute( 'data-background-iframe' ),
|
|
||||||
backgroundColor: slide.getAttribute( 'data-background-color' ),
|
|
||||||
backgroundRepeat: slide.getAttribute( 'data-background-repeat' ),
|
|
||||||
backgroundPosition: slide.getAttribute( 'data-background-position' ),
|
|
||||||
backgroundTransition: slide.getAttribute( 'data-background-transition' ),
|
|
||||||
backgroundOpacity: slide.getAttribute( 'data-background-opacity' )
|
|
||||||
};
|
|
||||||
|
|
||||||
if( data.background ) {
|
if( data.background ) {
|
||||||
// Auto-wrap image urls in url(...)
|
// Auto-wrap image urls in url(...)
|
||||||
if( /^(http|file|\/\/)/gi.test( data.background ) || /\.(svg|png|jpg|jpeg|gif|bmp)([?#\s]|$)/gi.test( data.background ) ) {
|
if( /^(http|file|\/\/)/gi.test( data.background ) || /\.(svg|png|jpg|jpeg|gif|bmp)([?#\s]|$)/gi.test( data.background ) ) {
|
||||||
@@ -179,7 +179,7 @@ export default class Backgrounds {
|
|||||||
if( data.backgroundColor ) element.style.backgroundColor = data.backgroundColor;
|
if( data.backgroundColor ) element.style.backgroundColor = data.backgroundColor;
|
||||||
if( data.backgroundTransition ) element.setAttribute( 'data-background-transition', data.backgroundTransition );
|
if( data.backgroundTransition ) element.setAttribute( 'data-background-transition', data.backgroundTransition );
|
||||||
|
|
||||||
if( slide.hasAttribute( 'data-preload' ) ) element.setAttribute( 'data-preload', '' );
|
if( dataPreload ) element.setAttribute( 'data-preload', '' );
|
||||||
|
|
||||||
// Background image options are set on the content wrapper
|
// Background image options are set on the content wrapper
|
||||||
if( data.backgroundSize ) contentElement.style.backgroundSize = data.backgroundSize;
|
if( data.backgroundSize ) contentElement.style.backgroundSize = data.backgroundSize;
|
||||||
@@ -192,8 +192,8 @@ export default class Backgrounds {
|
|||||||
// color, no class will be added
|
// color, no class will be added
|
||||||
let contrastColor = data.backgroundColor;
|
let contrastColor = data.backgroundColor;
|
||||||
|
|
||||||
// If no bg color was found, check the computed background
|
// If no bg color was found, or it cannot be converted by colorToRgb, check the computed background
|
||||||
if( !contrastColor ) {
|
if( !contrastColor || !colorToRgb( contrastColor ) ) {
|
||||||
let computedBackgroundStyle = window.getComputedStyle( element );
|
let computedBackgroundStyle = window.getComputedStyle( element );
|
||||||
if( computedBackgroundStyle && computedBackgroundStyle.backgroundColor ) {
|
if( computedBackgroundStyle && computedBackgroundStyle.backgroundColor ) {
|
||||||
contrastColor = computedBackgroundStyle.backgroundColor;
|
contrastColor = computedBackgroundStyle.backgroundColor;
|
||||||
@@ -201,7 +201,7 @@ export default class Backgrounds {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if( contrastColor ) {
|
if( contrastColor ) {
|
||||||
let rgb = colorToRgb( contrastColor );
|
const rgb = colorToRgb( contrastColor );
|
||||||
|
|
||||||
// Ignore fully transparent backgrounds. Some browsers return
|
// Ignore fully transparent backgrounds. Some browsers return
|
||||||
// rgba(0,0,0,0) when reading the computed background color of
|
// rgba(0,0,0,0) when reading the computed background color of
|
||||||
|
|||||||
@@ -235,6 +235,7 @@ export default class Fragments {
|
|||||||
el.classList.remove( 'current-fragment' );
|
el.classList.remove( 'current-fragment' );
|
||||||
|
|
||||||
if( wasVisible ) {
|
if( wasVisible ) {
|
||||||
|
this.Reveal.slideContent.stopEmbeddedContent( el );
|
||||||
changedFragments.hidden.push( el );
|
changedFragments.hidden.push( el );
|
||||||
this.Reveal.dispatchEvent({
|
this.Reveal.dispatchEvent({
|
||||||
target: el,
|
target: el,
|
||||||
|
|||||||
@@ -16,20 +16,26 @@ export default class Print {
|
|||||||
* Configures the presentation for printing to a static
|
* Configures the presentation for printing to a static
|
||||||
* PDF.
|
* PDF.
|
||||||
*/
|
*/
|
||||||
setupPDF() {
|
async setupPDF() {
|
||||||
|
|
||||||
let config = this.Reveal.getConfig();
|
const config = this.Reveal.getConfig();
|
||||||
|
const slides = queryAll( this.Reveal.getRevealElement(), SLIDES_SELECTOR )
|
||||||
|
|
||||||
let slideSize = this.Reveal.getComputedSlideSize( window.innerWidth, window.innerHeight );
|
// Compute slide numbers now, before we start duplicating slides
|
||||||
|
const doingSlideNumbers = config.slideNumber && /all|print/i.test( config.showSlideNumber );
|
||||||
|
|
||||||
|
const slideSize = this.Reveal.getComputedSlideSize( window.innerWidth, window.innerHeight );
|
||||||
|
|
||||||
// Dimensions of the PDF pages
|
// Dimensions of the PDF pages
|
||||||
let pageWidth = Math.floor( slideSize.width * ( 1 + config.margin ) ),
|
const pageWidth = Math.floor( slideSize.width * ( 1 + config.margin ) ),
|
||||||
pageHeight = Math.floor( slideSize.height * ( 1 + config.margin ) );
|
pageHeight = Math.floor( slideSize.height * ( 1 + config.margin ) );
|
||||||
|
|
||||||
// Dimensions of slides within the pages
|
// Dimensions of slides within the pages
|
||||||
let slideWidth = slideSize.width,
|
const slideWidth = slideSize.width,
|
||||||
slideHeight = slideSize.height;
|
slideHeight = slideSize.height;
|
||||||
|
|
||||||
|
await new Promise( requestAnimationFrame );
|
||||||
|
|
||||||
// Let the browser know what page size we want to print
|
// Let the browser know what page size we want to print
|
||||||
createStyleSheet( '@page{size:'+ pageWidth +'px '+ pageHeight +'px; margin: 0px;}' );
|
createStyleSheet( '@page{size:'+ pageWidth +'px '+ pageHeight +'px; margin: 0px;}' );
|
||||||
|
|
||||||
@@ -41,25 +47,32 @@ export default class Print {
|
|||||||
document.body.style.height = pageHeight + 'px';
|
document.body.style.height = pageHeight + 'px';
|
||||||
|
|
||||||
// Make sure stretch elements fit on slide
|
// Make sure stretch elements fit on slide
|
||||||
|
await new Promise( requestAnimationFrame );
|
||||||
this.Reveal.layoutSlideContents( slideWidth, slideHeight );
|
this.Reveal.layoutSlideContents( slideWidth, slideHeight );
|
||||||
|
|
||||||
// Compute slide numbers now, before we start duplicating slides
|
// Re-run the slide layout so that r-fit-text is applied based on
|
||||||
let doingSlideNumbers = config.slideNumber && /all|print/i.test( config.showSlideNumber );
|
// the printed slide size
|
||||||
queryAll( this.Reveal.getRevealElement(), SLIDES_SELECTOR ).forEach( function( slide ) {
|
slides.forEach( slide => this.Reveal.slideContent.layout( slide ) );
|
||||||
slide.setAttribute( 'data-slide-number', this.Reveal.slideNumber.getSlideNumber( slide ) );
|
|
||||||
}, this );
|
// Batch scrollHeight access to prevent layout thrashing
|
||||||
|
await new Promise( requestAnimationFrame );
|
||||||
|
|
||||||
|
const slideScrollHeights = slides.map( slide => slide.scrollHeight );
|
||||||
|
|
||||||
|
const pages = [];
|
||||||
|
const pageContainer = slides[0].parentNode;
|
||||||
|
|
||||||
// Slide and slide background layout
|
// Slide and slide background layout
|
||||||
queryAll( this.Reveal.getRevealElement(), SLIDES_SELECTOR ).forEach( function( slide ) {
|
slides.forEach( function( slide, index ) {
|
||||||
|
|
||||||
// Vertical stacks are not centred since their section
|
// Vertical stacks are not centred since their section
|
||||||
// children will be
|
// children will be
|
||||||
if( slide.classList.contains( 'stack' ) === false ) {
|
if( slide.classList.contains( 'stack' ) === false ) {
|
||||||
// Center the slide inside of the page, giving the slide some margin
|
// Center the slide inside of the page, giving the slide some margin
|
||||||
let left = ( pageWidth - slideWidth ) / 2,
|
let left = ( pageWidth - slideWidth ) / 2;
|
||||||
top = ( pageHeight - slideHeight ) / 2;
|
let top = ( pageHeight - slideHeight ) / 2;
|
||||||
|
|
||||||
let contentHeight = slide.scrollHeight;
|
const contentHeight = slideScrollHeights[ index ];
|
||||||
let numberOfPages = Math.max( Math.ceil( contentHeight / pageHeight ), 1 );
|
let numberOfPages = Math.max( Math.ceil( contentHeight / pageHeight ), 1 );
|
||||||
|
|
||||||
// Adhere to configured pages per slide limit
|
// Adhere to configured pages per slide limit
|
||||||
@@ -72,10 +85,11 @@ export default class Print {
|
|||||||
|
|
||||||
// Wrap the slide in a page element and hide its overflow
|
// Wrap the slide in a page element and hide its overflow
|
||||||
// so that no page ever flows onto another
|
// so that no page ever flows onto another
|
||||||
let page = document.createElement( 'div' );
|
const page = document.createElement( 'div' );
|
||||||
|
pages.push( page );
|
||||||
|
|
||||||
page.className = 'pdf-page';
|
page.className = 'pdf-page';
|
||||||
page.style.height = ( ( pageHeight + config.pdfPageHeightOffset ) * numberOfPages ) + 'px';
|
page.style.height = ( ( pageHeight + config.pdfPageHeightOffset ) * numberOfPages ) + 'px';
|
||||||
slide.parentNode.insertBefore( page, slide );
|
|
||||||
page.appendChild( slide );
|
page.appendChild( slide );
|
||||||
|
|
||||||
// Position the slide inside of the page
|
// Position the slide inside of the page
|
||||||
@@ -91,19 +105,19 @@ export default class Print {
|
|||||||
if( config.showNotes ) {
|
if( config.showNotes ) {
|
||||||
|
|
||||||
// Are there notes for this slide?
|
// Are there notes for this slide?
|
||||||
let notes = this.Reveal.getSlideNotes( slide );
|
const notes = this.Reveal.getSlideNotes( slide );
|
||||||
if( notes ) {
|
if( notes ) {
|
||||||
|
|
||||||
let notesSpacing = 8;
|
const notesSpacing = 8;
|
||||||
let notesLayout = typeof config.showNotes === 'string' ? config.showNotes : 'inline';
|
const notesLayout = typeof config.showNotes === 'string' ? config.showNotes : 'inline';
|
||||||
let notesElement = document.createElement( 'div' );
|
const notesElement = document.createElement( 'div' );
|
||||||
notesElement.classList.add( 'speaker-notes' );
|
notesElement.classList.add( 'speaker-notes' );
|
||||||
notesElement.classList.add( 'speaker-notes-pdf' );
|
notesElement.classList.add( 'speaker-notes-pdf' );
|
||||||
notesElement.setAttribute( 'data-layout', notesLayout );
|
notesElement.setAttribute( 'data-layout', notesLayout );
|
||||||
notesElement.innerHTML = notes;
|
notesElement.innerHTML = notes;
|
||||||
|
|
||||||
if( notesLayout === 'separate-page' ) {
|
if( notesLayout === 'separate-page' ) {
|
||||||
page.parentNode.insertBefore( notesElement, page.nextSibling );
|
pages.push( notesElement );
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
notesElement.style.left = notesSpacing + 'px';
|
notesElement.style.left = notesSpacing + 'px';
|
||||||
@@ -118,10 +132,11 @@ export default class Print {
|
|||||||
|
|
||||||
// Inject slide numbers if `slideNumbers` are enabled
|
// Inject slide numbers if `slideNumbers` are enabled
|
||||||
if( doingSlideNumbers ) {
|
if( doingSlideNumbers ) {
|
||||||
let numberElement = document.createElement( 'div' );
|
const slideNumber = index + 1;
|
||||||
|
const numberElement = document.createElement( 'div' );
|
||||||
numberElement.classList.add( 'slide-number' );
|
numberElement.classList.add( 'slide-number' );
|
||||||
numberElement.classList.add( 'slide-number-pdf' );
|
numberElement.classList.add( 'slide-number-pdf' );
|
||||||
numberElement.innerHTML = slide.getAttribute( 'data-slide-number' );
|
numberElement.innerHTML = slideNumber;
|
||||||
page.appendChild( numberElement );
|
page.appendChild( numberElement );
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -131,10 +146,9 @@ export default class Print {
|
|||||||
// Each fragment 'group' is an array containing one or more
|
// Each fragment 'group' is an array containing one or more
|
||||||
// fragments. Multiple fragments that appear at the same time
|
// fragments. Multiple fragments that appear at the same time
|
||||||
// are part of the same group.
|
// are part of the same group.
|
||||||
let fragmentGroups = this.Reveal.fragments.sort( page.querySelectorAll( '.fragment' ), true );
|
const fragmentGroups = this.Reveal.fragments.sort( page.querySelectorAll( '.fragment' ), true );
|
||||||
|
|
||||||
let previousFragmentStep;
|
let previousFragmentStep;
|
||||||
let previousPage;
|
|
||||||
|
|
||||||
fragmentGroups.forEach( function( fragments ) {
|
fragmentGroups.forEach( function( fragments ) {
|
||||||
|
|
||||||
@@ -151,11 +165,10 @@ export default class Print {
|
|||||||
}, this );
|
}, this );
|
||||||
|
|
||||||
// Create a separate page for the current fragment state
|
// Create a separate page for the current fragment state
|
||||||
let clonedPage = page.cloneNode( true );
|
const clonedPage = page.cloneNode( true );
|
||||||
page.parentNode.insertBefore( clonedPage, ( previousPage || page ).nextSibling );
|
pages.push( clonedPage );
|
||||||
|
|
||||||
previousFragmentStep = fragments;
|
previousFragmentStep = fragments;
|
||||||
previousPage = clonedPage;
|
|
||||||
|
|
||||||
}, this );
|
}, this );
|
||||||
|
|
||||||
@@ -178,6 +191,10 @@ export default class Print {
|
|||||||
|
|
||||||
}, this );
|
}, this );
|
||||||
|
|
||||||
|
await new Promise( requestAnimationFrame );
|
||||||
|
|
||||||
|
pages.forEach( page => pageContainer.appendChild( page ) );
|
||||||
|
|
||||||
// Notify subscribers that the PDF layout is good to go
|
// Notify subscribers that the PDF layout is good to go
|
||||||
this.Reveal.dispatchEvent({ type: 'pdf-ready' });
|
this.Reveal.dispatchEvent({ type: 'pdf-ready' });
|
||||||
|
|
||||||
|
|||||||
@@ -88,14 +88,16 @@ export default class Progress {
|
|||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
let slidesTotal = this.Reveal.getHorizontalSlides().length;
|
let slides = this.Reveal.getSlides();
|
||||||
|
let slidesTotal = slides.length;
|
||||||
let slideIndex = Math.floor( ( event.clientX / this.getMaxWidth() ) * slidesTotal );
|
let slideIndex = Math.floor( ( event.clientX / this.getMaxWidth() ) * slidesTotal );
|
||||||
|
|
||||||
if( this.Reveal.getConfig().rtl ) {
|
if( this.Reveal.getConfig().rtl ) {
|
||||||
slideIndex = slidesTotal - slideIndex;
|
slideIndex = slidesTotal - slideIndex;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.Reveal.slide( slideIndex );
|
let targetIndices = this.Reveal.getIndices(slides[slideIndex]);
|
||||||
|
this.Reveal.slide( targetIndices.h, targetIndices.v );
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -102,7 +102,9 @@ export default class SlideContent {
|
|||||||
|
|
||||||
// Images
|
// Images
|
||||||
if( backgroundImage ) {
|
if( backgroundImage ) {
|
||||||
backgroundContent.style.backgroundImage = 'url('+ encodeURI( backgroundImage ) +')';
|
backgroundContent.style.backgroundImage = backgroundImage.split( ',' ).map( background => {
|
||||||
|
return `url(${encodeURI(background.trim())})`;
|
||||||
|
}).join( ',' );
|
||||||
}
|
}
|
||||||
// Videos
|
// Videos
|
||||||
else if ( backgroundVideo && !this.Reveal.isSpeakerNotes() ) {
|
else if ( backgroundVideo && !this.Reveal.isSpeakerNotes() ) {
|
||||||
@@ -167,11 +169,20 @@ export default class SlideContent {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.layout( slide );
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Applies JS-dependent layout helpers for the given slide,
|
||||||
|
* if there are any.
|
||||||
|
*/
|
||||||
|
layout( slide ) {
|
||||||
|
|
||||||
// Autosize text with the r-fit-text class based on the
|
// Autosize text with the r-fit-text class based on the
|
||||||
// size of its container. This needs to happen after the
|
// size of its container. This needs to happen after the
|
||||||
// slide is visible in order to measure the text.
|
// slide is visible in order to measure the text.
|
||||||
Array.from( slide.querySelectorAll( '.r-fit-text:not([data-fitted])' ) ).forEach( element => {
|
Array.from( slide.querySelectorAll( '.r-fit-text' ) ).forEach( element => {
|
||||||
element.dataset.fitted = '';
|
|
||||||
fitty( element, {
|
fitty( element, {
|
||||||
minSize: 24,
|
minSize: 24,
|
||||||
maxSize: this.Reveal.getConfig().height * 0.8,
|
maxSize: this.Reveal.getConfig().height * 0.8,
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import { isAndroid } from '../utils/device.js'
|
import { isAndroid } from '../utils/device.js'
|
||||||
|
import { matches } from '../utils/util.js'
|
||||||
|
|
||||||
const SWIPE_THRESHOLD = 40;
|
const SWIPE_THRESHOLD = 40;
|
||||||
|
|
||||||
@@ -82,6 +83,9 @@ export default class Touch {
|
|||||||
*/
|
*/
|
||||||
isSwipePrevented( target ) {
|
isSwipePrevented( target ) {
|
||||||
|
|
||||||
|
// Prevent accidental swipes when scrubbing timelines
|
||||||
|
if( matches( target, 'video, audio' ) ) return true;
|
||||||
|
|
||||||
while( target && typeof target.hasAttribute === 'function' ) {
|
while( target && typeof target.hasAttribute === 'function' ) {
|
||||||
if( target.hasAttribute( 'data-prevent-swipe' ) ) return true;
|
if( target.hasAttribute( 'data-prevent-swipe' ) ) return true;
|
||||||
target = target.parentNode;
|
target = target.parentNode;
|
||||||
|
|||||||
17
js/reveal.js
17
js/reveal.js
@@ -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.0';
|
export const VERSION = '4.1.1';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* reveal.js
|
* reveal.js
|
||||||
@@ -1251,7 +1251,10 @@ export default function( revealElement, options ) {
|
|||||||
// Note 20-03-2020:
|
// Note 20-03-2020:
|
||||||
// This needs to happen before we update slide visibility,
|
// This needs to happen before we update slide visibility,
|
||||||
// otherwise transitions will still run in Safari.
|
// otherwise transitions will still run in Safari.
|
||||||
if( previousSlide.hasAttribute( 'data-auto-animate' ) && currentSlide.hasAttribute( 'data-auto-animate' ) ) {
|
if( previousSlide.hasAttribute( 'data-auto-animate' ) && currentSlide.hasAttribute( 'data-auto-animate' )
|
||||||
|
&& previousSlide.getAttribute( 'data-auto-animate-id' ) === currentSlide.getAttribute( 'data-auto-animate-id' )
|
||||||
|
&& !( ( indexh > indexhBefore || indexv > indexvBefore ) ? currentSlide : previousSlide ).hasAttribute( 'data-auto-animate-restart' ) ) {
|
||||||
|
|
||||||
autoAnimateTransition = true;
|
autoAnimateTransition = true;
|
||||||
dom.slides.classList.add( 'disable-slide-transitions' );
|
dom.slides.classList.add( 'disable-slide-transitions' );
|
||||||
}
|
}
|
||||||
@@ -1335,7 +1338,11 @@ export default function( revealElement, options ) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Announce the current slide contents to screen readers
|
// Announce the current slide contents to screen readers
|
||||||
|
// Use animation frame to prevent getComputedStyle in getStatusText
|
||||||
|
// from triggering layout mid-frame
|
||||||
|
requestAnimationFrame( () => {
|
||||||
announceStatus( getStatusText( currentSlide ) );
|
announceStatus( getStatusText( currentSlide ) );
|
||||||
|
});
|
||||||
|
|
||||||
progress.update();
|
progress.update();
|
||||||
controls.update();
|
controls.update();
|
||||||
@@ -2290,7 +2297,7 @@ export default function( revealElement, options ) {
|
|||||||
// When looping is enabled `routes.down` is always available
|
// When looping is enabled `routes.down` is always available
|
||||||
// so we need a separate check for when we've reached the
|
// so we need a separate check for when we've reached the
|
||||||
// end of a stack and should move horizontally
|
// end of a stack and should move horizontally
|
||||||
if( routes.down && routes.right && config.loop && isLastVerticalSlide( currentSlide ) ) {
|
if( routes.down && routes.right && config.loop && isLastVerticalSlide() ) {
|
||||||
routes.down = false;
|
routes.down = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2500,6 +2507,10 @@ export default function( revealElement, options ) {
|
|||||||
loadSlide: slideContent.load.bind( slideContent ),
|
loadSlide: slideContent.load.bind( slideContent ),
|
||||||
unloadSlide: slideContent.unload.bind( slideContent ),
|
unloadSlide: slideContent.unload.bind( slideContent ),
|
||||||
|
|
||||||
|
// Preview management
|
||||||
|
showPreview,
|
||||||
|
hidePreview: closeOverlay,
|
||||||
|
|
||||||
// Adds or removes all internal event listeners
|
// Adds or removes all internal event listeners
|
||||||
addEventListeners,
|
addEventListeners,
|
||||||
removeEventListeners,
|
removeEventListeners,
|
||||||
|
|||||||
13743
package-lock.json
generated
13743
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
37
package.json
37
package.json
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "reveal.js",
|
"name": "reveal.js",
|
||||||
"version": "4.1.0",
|
"version": "4.1.1",
|
||||||
"description": "The HTML Presentation Framework",
|
"description": "The HTML Presentation Framework",
|
||||||
"homepage": "https://revealjs.com",
|
"homepage": "https://revealjs.com",
|
||||||
"subdomain": "revealjs",
|
"subdomain": "revealjs",
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "gulp test",
|
"test": "gulp test",
|
||||||
"start": "gulp serve",
|
"start": "gulp serve",
|
||||||
"build": "gulp"
|
"build": "gulp build"
|
||||||
},
|
},
|
||||||
"author": {
|
"author": {
|
||||||
"name": "Hakim El Hattab",
|
"name": "Hakim El Hattab",
|
||||||
@@ -30,32 +30,32 @@
|
|||||||
"presentation"
|
"presentation"
|
||||||
],
|
],
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.9.6",
|
"@babel/core": "^7.14.3",
|
||||||
"@babel/preset-env": "^7.9.6",
|
"@babel/eslint-parser": "^7.14.3",
|
||||||
"@rollup/plugin-babel": "^5.2.0",
|
"@babel/preset-env": "^7.14.2",
|
||||||
"@rollup/plugin-commonjs": "^15.0.0",
|
"@rollup/plugin-babel": "^5.3.0",
|
||||||
"@rollup/plugin-node-resolve": "^9.0.0",
|
"@rollup/plugin-commonjs": "^19.0.0",
|
||||||
"babel-eslint": "^10.1.0",
|
"@rollup/plugin-node-resolve": "^13.0.0",
|
||||||
"babel-plugin-transform-html-import-to-string": "0.0.1",
|
"babel-plugin-transform-html-import-to-string": "0.0.1",
|
||||||
"colors": "^1.4.0",
|
"colors": "^1.4.0",
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.12.1",
|
||||||
"fitty": "^2.3.0",
|
"fitty": "^2.3.0",
|
||||||
"glob": "^7.1.6",
|
"glob": "^7.1.7",
|
||||||
"gulp": "^4.0.2",
|
"gulp": "^4.0.2",
|
||||||
"gulp-autoprefixer": "^7.0.1",
|
"gulp-autoprefixer": "^5.0.0",
|
||||||
"gulp-clean-css": "^4.2.0",
|
"gulp-clean-css": "^4.2.0",
|
||||||
"gulp-connect": "^5.7.0",
|
"gulp-connect": "^5.7.0",
|
||||||
"gulp-eslint": "^6.0.0",
|
"gulp-eslint": "^6.0.0",
|
||||||
"gulp-header": "^2.0.9",
|
"gulp-header": "^2.0.9",
|
||||||
"gulp-sass": "^4.0.2",
|
|
||||||
"gulp-tap": "^2.0.0",
|
"gulp-tap": "^2.0.0",
|
||||||
"gulp-zip": "^5.0.1",
|
"gulp-zip": "^4.2.0",
|
||||||
"highlight.js": "^10.0.3",
|
"highlight.js": "^10.0.3",
|
||||||
"marked": "^1.1.0",
|
"marked": "^2.0.3",
|
||||||
"node-qunit-puppeteer": "^2.0.1",
|
"node-qunit-puppeteer": "^2.0.1",
|
||||||
"qunit": "^2.10.0",
|
"qunit": "^2.10.0",
|
||||||
"rollup": "^2.26.4",
|
"rollup": "^2.48.0",
|
||||||
"rollup-plugin-terser": "^7.0.0",
|
"rollup-plugin-terser": "^7.0.2",
|
||||||
|
"sass": "^1.32.13",
|
||||||
"yargs": "^15.1.0"
|
"yargs": "^15.1.0"
|
||||||
},
|
},
|
||||||
"browserslist": "> 0.5%, IE 11, not dead",
|
"browserslist": "> 0.5%, IE 11, not dead",
|
||||||
@@ -64,10 +64,11 @@
|
|||||||
"browser": true,
|
"browser": true,
|
||||||
"es6": true
|
"es6": true
|
||||||
},
|
},
|
||||||
"parser": "babel-eslint",
|
"parser": "@babel/eslint-parser",
|
||||||
"parserOptions": {
|
"parserOptions": {
|
||||||
"sourceType": "module",
|
"sourceType": "module",
|
||||||
"allowImportExportEverywhere": true
|
"allowImportExportEverywhere": true,
|
||||||
|
"requireConfigFile": false
|
||||||
},
|
},
|
||||||
"globals": {
|
"globals": {
|
||||||
"module": false,
|
"module": false,
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -29,11 +29,13 @@ const Plugin = {
|
|||||||
init: function( reveal ) {
|
init: function( reveal ) {
|
||||||
|
|
||||||
// Read the plugin config options and provide fallbacks
|
// Read the plugin config options and provide fallbacks
|
||||||
var config = reveal.getConfig().highlight || {};
|
let config = reveal.getConfig().highlight || {};
|
||||||
config.highlightOnLoad = typeof config.highlightOnLoad === 'boolean' ? config.highlightOnLoad : true;
|
config.highlightOnLoad = typeof config.highlightOnLoad === 'boolean' ? config.highlightOnLoad : true;
|
||||||
config.escapeHTML = typeof config.escapeHTML === 'boolean' ? config.escapeHTML : true;
|
config.escapeHTML = typeof config.escapeHTML === 'boolean' ? config.escapeHTML : true;
|
||||||
|
|
||||||
[].slice.call( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( function( block ) {
|
Array.from( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( block => {
|
||||||
|
|
||||||
|
block.parentNode.className = '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
|
||||||
@@ -56,7 +58,7 @@ const Plugin = {
|
|||||||
|
|
||||||
// Re-highlight when focus is lost (for contenteditable code)
|
// Re-highlight when focus is lost (for contenteditable code)
|
||||||
block.addEventListener( 'focusout', function( event ) {
|
block.addEventListener( 'focusout', function( event ) {
|
||||||
hljs.highlightBlock( event.currentTarget );
|
hljs.highlightElement( event.currentTarget );
|
||||||
}, false );
|
}, false );
|
||||||
|
|
||||||
if( config.highlightOnLoad ) {
|
if( config.highlightOnLoad ) {
|
||||||
@@ -85,7 +87,7 @@ const Plugin = {
|
|||||||
*/
|
*/
|
||||||
highlightBlock: function( block ) {
|
highlightBlock: function( block ) {
|
||||||
|
|
||||||
hljs.highlightBlock( block );
|
hljs.highlightElement( block );
|
||||||
|
|
||||||
// Don't generate line numbers for empty code blocks
|
// Don't generate line numbers for empty code blocks
|
||||||
if( block.innerHTML.trim().length === 0 ) return;
|
if( block.innerHTML.trim().length === 0 ) return;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -6,7 +6,7 @@
|
|||||||
|
|
||||||
import marked from 'marked'
|
import marked from 'marked'
|
||||||
|
|
||||||
const DEFAULT_SLIDE_SEPARATOR = '^\r?\n---\r?\n$',
|
const DEFAULT_SLIDE_SEPARATOR = '\r?\n---\r?\n',
|
||||||
DEFAULT_NOTES_SEPARATOR = 'notes?:',
|
DEFAULT_NOTES_SEPARATOR = 'notes?:',
|
||||||
DEFAULT_ELEMENT_ATTRIBUTES_SEPARATOR = '\\\.element\\\s*?(.+?)$',
|
DEFAULT_ELEMENT_ATTRIBUTES_SEPARATOR = '\\\.element\\\s*?(.+?)$',
|
||||||
DEFAULT_SLIDE_ATTRIBUTES_SEPARATOR = '\\\.slide:\\\s*?(\\\S.+?)$';
|
DEFAULT_SLIDE_ATTRIBUTES_SEPARATOR = '\\\.slide:\\\s*?(\\\S.+?)$';
|
||||||
@@ -234,7 +234,7 @@ const Plugin = () => {
|
|||||||
) );
|
) );
|
||||||
|
|
||||||
}
|
}
|
||||||
else if( section.getAttribute( 'data-separator' ) || section.getAttribute( 'data-separator-vertical' ) || section.getAttribute( 'data-separator-notes' ) ) {
|
else {
|
||||||
|
|
||||||
section.outerHTML = slidify( getMarkdownFromSlide( section ), {
|
section.outerHTML = slidify( getMarkdownFromSlide( section ), {
|
||||||
separator: section.getAttribute( 'data-separator' ),
|
separator: section.getAttribute( 'data-separator' ),
|
||||||
@@ -244,9 +244,6 @@ const Plugin = () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
else {
|
|
||||||
section.innerHTML = createMarkdownSlide( getMarkdownFromSlide( section ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -424,7 +421,10 @@ const Plugin = () => {
|
|||||||
|
|
||||||
deck = reveal;
|
deck = reveal;
|
||||||
|
|
||||||
let renderer = new marked.Renderer();
|
let { renderer, animateLists, ...markedOptions } = deck.getConfig().markdown || {};
|
||||||
|
|
||||||
|
if( !renderer ) {
|
||||||
|
renderer = new marked.Renderer();
|
||||||
|
|
||||||
renderer.code = ( code, language ) => {
|
renderer.code = ( code, language ) => {
|
||||||
|
|
||||||
@@ -448,10 +448,15 @@ const Plugin = () => {
|
|||||||
|
|
||||||
return `<pre><code ${lineNumbers} class="${language}">${code}</code></pre>`;
|
return `<pre><code ${lineNumbers} class="${language}">${code}</code></pre>`;
|
||||||
};
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if( animateLists === true ) {
|
||||||
|
renderer.listitem = text => `<li class="fragment">${text}</li>`;
|
||||||
|
}
|
||||||
|
|
||||||
marked.setOptions( {
|
marked.setOptions( {
|
||||||
renderer,
|
renderer,
|
||||||
...deck.getConfig().markdown
|
...markedOptions
|
||||||
} );
|
} );
|
||||||
|
|
||||||
return processSlides( deck.getRevealElement() ).then( convertSlides );
|
return processSlides( deck.getRevealElement() ).then( convertSlides );
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function n(n){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?t(Object(a),!0).forEach((function(t){e(n,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))}))}return n}export default function(){var e,t={messageStyle:"none",tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]],skipTags:["script","noscript","style","textarea","pre"]},skipStartupTypeset:!0};return{id:"math",init:function(r){var a=(e=r).getConfig().math||{},o=n(n({},t),a),c=(o.mathjax||"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js")+"?config="+(o.config||"TeX-AMS_HTML-full");o.tex2jax=n(n({},t.tex2jax),a.tex2jax),o.mathjax=o.config=null,function(e,t){var n=this,r=document.querySelector("head"),a=document.createElement("script");a.type="text/javascript",a.src=e;var o=function(){"function"==typeof t&&(t.call(),t=null)};a.onload=o,a.onreadystatechange=function(){"loaded"===n.readyState&&o()},r.appendChild(a)}(c,(function(){MathJax.Hub.Config(o),MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.getRevealElement()]),MathJax.Hub.Queue(e.layout),e.on("slidechanged",(function(e){MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.currentSlide])}))}))}}}
|
function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function t(t){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?e(Object(a),!0).forEach((function(e){n(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):e(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}export default function(){var e,n={messageStyle:"none",tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]],skipTags:["script","noscript","style","textarea","pre"]},skipStartupTypeset:!0};return{id:"math",init:function(r){var a=(e=r).getConfig().math||{},o=t(t({},n),a),c=(o.mathjax||"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js")+"?config="+(o.config||"TeX-AMS_HTML-full");o.tex2jax=t(t({},n.tex2jax),a.tex2jax),o.mathjax=o.config=null,function(e,t){var n=this,r=document.querySelector("head"),a=document.createElement("script");a.type="text/javascript",a.src=e;var o=function(){"function"==typeof t&&(t.call(),t=null)};a.onload=o,a.onreadystatechange=function(){"loaded"===n.readyState&&o()},r.appendChild(a)}(c,(function(){MathJax.Hub.Config(o),MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.getRevealElement()]),MathJax.Hub.Queue(e.layout),e.on("slidechanged",(function(e){MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.currentSlide])}))}))}}}
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).RevealMath=t()}(this,(function(){"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function n(n){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?t(Object(a),!0).forEach((function(t){e(n,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))}))}return n}return function(){var e,t={messageStyle:"none",tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]],skipTags:["script","noscript","style","textarea","pre"]},skipStartupTypeset:!0};return{id:"math",init:function(r){var a=(e=r).getConfig().math||{},o=n(n({},t),a),i=(o.mathjax||"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js")+"?config="+(o.config||"TeX-AMS_HTML-full");o.tex2jax=n(n({},t.tex2jax),a.tex2jax),o.mathjax=o.config=null,function(e,t){var n=this,r=document.querySelector("head"),a=document.createElement("script");a.type="text/javascript",a.src=e;var o=function(){"function"==typeof t&&(t.call(),t=null)};a.onload=o,a.onreadystatechange=function(){"loaded"===n.readyState&&o()},r.appendChild(a)}(i,(function(){MathJax.Hub.Config(o),MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.getRevealElement()]),MathJax.Hub.Queue(e.layout),e.on("slidechanged",(function(e){MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.currentSlide])}))}))}}}}));
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).RevealMath=t()}(this,(function(){"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function t(t){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{};r%2?e(Object(a),!0).forEach((function(e){n(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):e(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){var e,n={messageStyle:"none",tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]],skipTags:["script","noscript","style","textarea","pre"]},skipStartupTypeset:!0};return{id:"math",init:function(r){var a=(e=r).getConfig().math||{},o=t(t({},n),a),i=(o.mathjax||"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js")+"?config="+(o.config||"TeX-AMS_HTML-full");o.tex2jax=t(t({},n.tex2jax),a.tex2jax),o.mathjax=o.config=null,function(e,t){var n=this,r=document.querySelector("head"),a=document.createElement("script");a.type="text/javascript",a.src=e;var o=function(){"function"==typeof t&&(t.call(),t=null)};a.onload=o,a.onreadystatechange=function(){"loaded"===n.readyState&&o()},r.appendChild(a)}(i,(function(){MathJax.Hub.Config(o),MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.getRevealElement()]),MathJax.Hub.Queue(e.layout),e.on("slidechanged",(function(e){MathJax.Hub.Queue(["Typeset",MathJax.Hub,e.currentSlide])}))}))}}}}));
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user