slippery 0.4.1 → 0.4.2

data/assets/shower/themes/material/styles/blocks/progress.css

@@ -0,0 +1,37 @@
+/* Progress */
+
+.progress {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 0;
+    height: var(--progress-size);
+    background-color: var(--color-key);
+    transition: width 0.2s linear;
+    box-shadow:
+        calc(var(--slide-width) / 2) 0 0
+        calc(var(--slide-width) / 2)
+        var(--color-light);
+    clip: rect(0 var(--slide-width) var(--progress-size) 0);
+}
+
+/* List */
+
+.shower.list .progress {
+    display: none;
+}
+
+/* Full */
+
+.shower.full .progress {
+    display: block;
+}
+
+/* Print */
+
+@media print {
+    .shower.list .progress,
+    .shower.full .progress {
+        display: none;
+    }
+}

data/assets/shower/themes/material/styles/blocks/region.css

@@ -0,0 +1,29 @@
+/* Region */
+
+.region {
+    position: absolute;
+    top: 0;
+    left: 0;
+    clip: rect(0 0 0 0);
+}
+
+/* List */
+
+.shower.list .region {
+    display: none;
+}
+
+/* Full */
+
+.shower.full .region {
+    display: block;
+}
+
+/* Print */
+
+@media print {
+    .shower.list .region,
+    .shower.full .region {
+        display: none;
+    }
+}

data/assets/shower/themes/material/styles/fonts.css

@@ -0,0 +1,64 @@
+/* Roboto */
+
+@font-face {
+    font-family: 'Roboto';
+    font-weight: 100;
+    font-display: swap;
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
+        url('../fonts/roboto-light.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-weight: 400;
+    font-display: swap;
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
+        url('../fonts/roboto-regular.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
+        url('../fonts/roboto-italic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-weight: 700;
+    font-display: swap;
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
+        url('../fonts/roboto-bold.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Roboto';
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+    src:
+        local('Roboto Bold Italic'),
+        local('Roboto-BoldItalic'),
+        url('../fonts/roboto-bold-italic.woff2') format('woff2');
+}
+
+/* Roboto Mono */
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-display: swap;
+    src:
+        local('Roboto Mono'),
+        local('RobotoMono-Regular'),
+        url('../fonts/roboto-mono-regular.woff2') format('woff2');
+}

data/assets/shower/themes/material/styles/shower/grid.svg

@@ -0,0 +1,50 @@
+<svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg">
+	<defs>
+		<style>
+			.square {
+				stroke: red;
+                stroke-opacity: 0.1;
+				stroke-width: 1;
+				fill: transparent;
+			}
+
+            .grid {
+                fill: url(#grid);
+            }
+
+            .line {
+                stroke: #8af8f9;
+            }
+		</style>
+		<pattern x="0" y="0" width="24" height="24" viewBox="0 0 24 24" patternUnits="userSpaceOnUse" id="grid">
+			<rect x="0" y="0" width="24" height="24" class="square"/>
+		</pattern>
+	</defs>
+
+	<rect x="0" y="0" width="1024" height="768" class="grid"/>
+
+	<line x1="96" y1="0" x2="96" y2="768" class="line"/>
+	<line x1="192" x2="192" y1="0" y2="768" class="line"/>
+	<line x1="288" x2="288" y1="0" y2="768" class="line"/>
+	<line x1="384" x2="384" y1="0" y2="768" class="line"/>
+	<line x1="480" x2="480" y1="0" y2="768" class="line"/>
+	<line x1="528" x2="528" y1="0" y2="768" class="line"/>
+	<line x1="624" x2="624" y1="0" y2="768" class="line"/>
+	<line x1="720" x2="720" y1="0" y2="768" class="line"/>
+	<line x1="816" x2="816" y1="0" y2="768" class="line"/>
+	<line x1="912" x2="912" y1="0" y2="768" class="line"/>
+
+	<line y1="120" y2="120" x1="0" x2="1024" class="line"/>
+	<line y1="192" y2="192" x1="0" x2="1024" class="line"/>
+	<line y1="240" y2="240" x1="0" x2="1024" class="line"/>
+	<line y1="288" y2="288" x1="0" x2="1024" class="line"/>
+	<line y1="336" y2="336" x1="0" x2="1024" class="line"/>
+	<line y1="384" y2="384" x1="0" x2="1024" class="line"/>
+	<line y1="432" y2="432" x1="0" x2="1024" class="line"/>
+	<line y1="480" y2="480" x1="0" x2="1024" class="line"/>
+	<line y1="528" y2="528" x1="0" x2="1024" class="line"/>
+	<line y1="576" y2="576" x1="0" x2="1024" class="line"/>
+	<line y1="624" y2="624" x1="0" x2="1024" class="line"/>
+	<line y1="672" y2="672" x1="0" x2="1024" class="line"/>
+	<line y1="720" y2="720" x1="0" x2="1024" class="line"/>
+</svg>

data/assets/shower/themes/material/styles/shower/shower-full.css

@@ -0,0 +1,13 @@
+/* Shower Full */
+
+.shower.full {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    overflow: hidden;
+    margin-top: calc(var(--slide-height) / 2 * -1);
+    margin-left: calc(var(--slide-width) / 2 * -1);
+    width: var(--slide-width);
+    height: var(--slide-height);
+    background: black;
+}

data/assets/shower/themes/material/styles/shower/shower-grid.css

@@ -0,0 +1,13 @@
+/* Shower Grid */
+
+.shower.full.grid::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    content: '';
+    pointer-events: none;
+    background-image: url('grid.svg');
+}

data/assets/shower/themes/material/styles/shower/shower-list.css

@@ -0,0 +1,30 @@
+/* Shower List */
+
+.shower.list {
+    padding-top: 24px;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    background: var(--color-back);
+}
+
+/* IE & Edge Fix */
+
+.shower.list {
+    position: absolute;
+    clip: rect(0, auto, auto, 0);
+}
+
+/* Responsive */
+
+@media (min-width: 1168px) {
+    .shower.list {
+        padding-top: 48px;
+    }
+}
+
+@media (min-width: 2336px) {
+    .shower.list {
+        padding-top: 96px;
+    }
+}

data/assets/shower/themes/material/styles/shower/shower-print.css

@@ -0,0 +1,11 @@
+/* Print */
+
+@page {
+    margin: 0;
+    size: 1024px 576px;
+}
+
+.shower {
+    -webkit-print-color-adjust: exact;
+    text-rendering: geometricPrecision;
+}

data/assets/shower/themes/material/styles/shower/shower.css

@@ -0,0 +1,39 @@
+/* Shower */
+
+@import 'shower-list.css' screen;
+@import 'shower-full.css' screen;
+@import 'shower-grid.css' screen;
+@import 'shower-print.css' print;
+
+.shower {
+    --slide-gap: 96px;
+    --slide-ratio: calc(16 / 9);
+    --slide-width: 1024px;
+    --slide-height: calc(var(--slide-width) / var(--slide-ratio));
+
+    --progress-size: 8px;
+
+    --color-key: #4caf50;
+    --color-black: #212121;
+    --color-dark: #757575;
+    --color-medium: #9e9e9e;
+    --color-light: #bdbdbd;
+    --color-back: #eeeeee;
+    --color-yellow: #fff59d;
+    --color-yellow-light: #ffffcf;
+
+    --diagonal:
+        linear-gradient(
+            135deg, var(--color-key) 50%,
+            rgba(0, 0, 0, 0.1) 50%
+        );
+
+    -webkit-text-size-adjust: none;
+    -moz-text-size-adjust: none;
+    -ms-text-size-adjust: none;
+
+    margin: 0;
+    color: black;
+    counter-reset: slide;
+    font: 24px/2 'Roboto', sans-serif;
+}

data/assets/shower/themes/material/styles/slide/content/basic.css

@@ -0,0 +1,23 @@
+/* Basic */
+
+.slide h2 {
+    margin-top: 0;
+    margin-bottom: 32px;
+    color: var(--color-black);
+    line-height: 1;
+    font-weight: 100;
+    font-size: 48px;
+}
+
+.slide p {
+    margin-top: 0;
+    margin-bottom: 1em;
+}
+
+.slide p.note {
+    color: var(--color-medium);
+}
+
+.slide figure {
+    margin: 0;
+}

data/assets/shower/themes/material/styles/slide/content/code.css

@@ -0,0 +1,80 @@
+/* Code */
+
+.slide pre {
+    margin-top: 0;
+    margin-bottom: 1em;
+    counter-reset: code;
+    white-space: normal;
+}
+
+/* Inner */
+
+.slide pre code {
+    display: block;
+    margin-left: -96px;
+    padding: 0 0 0 96px;
+    width: calc(100% + 96px + 112px);
+    background: none;
+    line-height: 2;
+    white-space: pre;
+    tab-size: 4;
+}
+
+/* Line Numbers */
+
+.slide pre code:not(:only-child)::before {
+    position: absolute;
+    margin-left: -2em;
+    color: var(--color-light);
+    counter-increment: code;
+    content: counter(code, decimal-leading-zero) '.';
+}
+
+/* Marked */
+
+.slide pre mark {
+    position: relative;
+    z-index: -1;
+    margin: 0 -0.3em;
+}
+
+/* Important */
+
+.slide pre mark.important {
+    background: var(--color-key);
+    color: white;
+}
+
+/* Comment */
+
+.slide pre .comment {
+    color: var(--color-medium);
+}
+
+/* Marked Line */
+
+.slide pre code.mark:not(:only-child) {
+    background: var(--color-back);
+}
+
+/* Next Line */
+
+.slide pre code.mark.next:not(:only-child) {
+    visibility: visible;
+    background: none;
+}
+
+.slide pre code.mark.next.active:not(:only-child) {
+    background: var(--color-back);
+}
+
+/* Full */
+
+.shower.full .slide pre code:not(:only-child).mark.next {
+    visibility: visible;
+    background: none;
+}
+
+.shower.full .slide pre code:not(:only-child).mark.next.active {
+    background: var(--color-back);
+}

data/assets/shower/themes/material/styles/slide/content/footer.css

@@ -0,0 +1,29 @@
+/* Footer */
+
+.slide > footer {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    padding: 48px 112px 24px 96px;
+    background: var(--color-yellow-light);
+    transition: transform 0.3s;
+}
+
+/* List */
+
+.shower.list .slide > footer {
+    transform: translateY(100%);
+}
+
+.shower.list .slide.active > footer,
+.shower.list .slide:hover > footer {
+    transform: translateY(0);
+}
+
+/* Full */
+
+.shower.full .slide > footer {
+    display: none;
+}

data/assets/shower/themes/material/styles/slide/content/inline.css

@@ -0,0 +1,49 @@
+/* Inline */
+
+.slide a {
+    background-image:
+        linear-gradient(
+            to top,
+            currentColor 0.09em,
+            transparent 0.09em
+        );
+    background-repeat: repeat-x;
+    color: var(--color-key);
+    text-decoration: none;
+}
+
+.slide code,
+.slide kbd,
+.slide mark,
+.slide samp {
+    margin: 0 -0.3em;
+    padding: 0.1em 0.3em;
+}
+
+.slide code,
+.slide kbd,
+.slide samp {
+    background: var(--color-back);
+    line-height: 1;
+    font-family: 'Roboto Mono', monospace;
+}
+
+.slide mark {
+    background: var(--color-yellow);
+}
+
+.slide sub,
+.slide sup {
+    position: relative;
+    vertical-align: baseline;
+    line-height: 0;
+    font-size: 75%;
+}
+
+.slide sub {
+    bottom: -0.25em;
+}
+
+.slide sup {
+    top: -0.5em;
+}

data/assets/shower/themes/material/styles/slide/content/lists.css

@@ -0,0 +1,54 @@
+/* Lists */
+
+.slide ol,
+.slide ul {
+    padding-left: 0;
+    margin-top: 0;
+    margin-bottom: 1em;
+    list-style: none;
+    counter-reset: list;
+}
+
+/* Marker */
+
+.slide li::before {
+    position: absolute;
+    width: 3em;
+    color: var(--color-medium);
+    text-align: right;
+    transform:
+        translateX(
+            calc(-100% - 0.5em)
+        );
+}
+
+.slide li ol,
+.slide li ul {
+    margin-bottom: 0;
+    margin-left: 2em;
+}
+
+/* Markers */
+
+.slide ol > li::before {
+    counter-increment: list;
+    content: counter(list) '.';
+}
+
+.slide ul > li::before {
+    content: '•';
+}
+
+.slide ul > li:lang(ru)::before {
+    content: '—';
+}
+
+/* Custom */
+
+.slide ol > li[value]::before {
+    content: attr(value) '.';
+}
+
+.slide ul > li[value]::before {
+    content: attr(value);
+}

data/assets/shower/themes/material/styles/slide/content/quote.css

@@ -0,0 +1,24 @@
+/* Quote */
+
+.slide blockquote {
+    margin: 0;
+    font-style: italic;
+}
+
+.slide blockquote::before {
+    position: absolute;
+    margin: 0 0 0 -0.45em;
+    color: var(--color-light);
+    line-height: 1;
+    font-style: normal;
+    font-size: 7em;
+    content: '\201D';
+}
+
+/* Author */
+
+.slide blockquote + figcaption {
+    margin: -1em 0 1em;
+    font-style: italic;
+    font-weight: bold;
+}

data/assets/shower/themes/material/styles/slide/content/table.css

@@ -0,0 +1,53 @@
+/* Table */
+
+.slide table {
+    margin-left: -96px;
+    margin-bottom: 1em;
+    width: calc(96px + 100% + 112px);
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/* Cells */
+
+.slide th,
+.slide td {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+
+.slide th {
+    text-align: left;
+    font-weight: bold;
+}
+
+.slide th:first-child,
+.slide td:first-child {
+    padding-left: 96px;
+}
+
+.slide th:last-child,
+.slide td:last-child {
+    padding-right: 96px;
+}
+
+/* Lines */
+
+.slide tr:not(:last-of-type) > * {
+    background:
+        linear-gradient(
+            to top,
+            var(--color-light) 0.06em,
+            transparent 0.06em
+        ) repeat-x;
+}
+
+/* Stripes */
+
+.slide table.striped tr:nth-child(even) {
+    background: var(--color-back);
+}
+
+.slide table.striped tr > * {
+    background-image: none;
+}

data/assets/shower/themes/material/styles/slide/elements/columns.css

@@ -0,0 +1,19 @@
+/* Columns */
+
+.columns {
+    display: grid;
+    width: 100%;
+    grid-column-gap: 75px;
+}
+
+.columns.two {
+    grid-template-columns: 1fr 1fr;
+}
+
+.columns.three {
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
+.columns.four {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+}

data/assets/shower/themes/material/styles/slide/elements/copyright.css

@@ -0,0 +1,38 @@
+/* Copyright */
+
+.copyright {
+    position: absolute;
+    font-size: 12px;
+    opacity: 0.7;
+}
+
+/* Sides */
+
+.copyright.top {
+    top: 10px;
+    left: 20px;
+}
+
+.copyright.right {
+    bottom: 20px;
+    right: 10px;
+    transform-origin: 0 100%;
+    transform: translateX(100%) rotate(-90deg);
+}
+
+.copyright.bottom {
+    bottom: 20px;
+    left: 20px;
+}
+
+/* White */
+
+.copyright.white {
+    color: white;
+}
+
+/* Links */
+
+.copyright a {
+    color: currentColor;
+}

data/assets/shower/themes/material/styles/slide/elements/cover.css

@@ -0,0 +1,25 @@
+/* Cover */
+
+.cover {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: -1;
+    transform: translate(-50%, -50%);
+    max-width: 100%;
+    max-height: 100%;
+}
+
+/* Fitting */
+
+.cover.w,
+.cover.width {
+    width: 100%;
+    max-height: none;
+}
+
+.cover.h,
+.cover.height {
+    height: 100%;
+    max-width: none;
+}