Add files for building documentation into a Docker image for web serving.
All checks were successful
the build was successful
All checks were successful
the build was successful
This commit is contained in:
3
docs/_includes/asciinema.css
Normal file
3
docs/_includes/asciinema.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.asciicast > iframe {
|
||||
width: 100% !important;
|
||||
}
|
||||
12
docs/_includes/components/external-links.css
Normal file
12
docs/_includes/components/external-links.css
Normal file
@@ -0,0 +1,12 @@
|
||||
/* External links */
|
||||
a[href^="http://"]:not(.minilink):not(.elv-externalexempt),
|
||||
a[href^="https://"]:not(.minilink):not(.elv-externalexempt),
|
||||
a[href^="//"]:not(.minilink):not(.elv-externalexempt) {
|
||||
text-decoration-color: inherit;
|
||||
}
|
||||
/* External link hovers */
|
||||
a[href^="http://"]:not(.minilink):not(.elv-externalexempt):hover,
|
||||
a[href^="https://"]:not(.minilink):not(.elv-externalexempt):hover,
|
||||
a[href^="//"]:not(.minilink):not(.elv-externalexempt):hover {
|
||||
text-decoration-color: #00bcd4;
|
||||
}
|
||||
34
docs/_includes/components/info-blocks.css
Normal file
34
docs/_includes/components/info-blocks.css
Normal file
@@ -0,0 +1,34 @@
|
||||
/* Warning */
|
||||
.elv-info {
|
||||
line-height: 1.5;
|
||||
padding: 0.8125em 1em 0.75em; /* 13px 16px 12px /16 */
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
margin-bottom: 2em;
|
||||
background-color: #dff7ff;
|
||||
}
|
||||
.elv-info:before {
|
||||
content: "ℹ️ ";
|
||||
}
|
||||
.elv-info-warn {
|
||||
background-color: #ffa;
|
||||
}
|
||||
.elv-info-warn:before {
|
||||
content: "⚠️ ";
|
||||
}
|
||||
.elv-info:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
body > .elv-info {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
@media (min-width: 37.5em) and (min-height: 25em) { /* 600px / 400px */
|
||||
body > .elv-info-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
box-shadow: 0 3px 0 0 rgba(0,0,0,.08);
|
||||
}
|
||||
}
|
||||
126
docs/_includes/components/lists.css
Normal file
126
docs/_includes/components/lists.css
Normal file
@@ -0,0 +1,126 @@
|
||||
/* Buzzwords */
|
||||
@keyframes rainbow {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
.buzzword-list,
|
||||
.inlinelist {
|
||||
padding: 0;
|
||||
}
|
||||
.inlinelist:first-child:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
.buzzword,
|
||||
.buzzword-list li,
|
||||
.inlinelist .inlinelist-item {
|
||||
display: inline;
|
||||
-webkit-box-decoration-break: clone;
|
||||
box-decoration-break: clone;
|
||||
font-family: Georgia, serif;
|
||||
font-size: 116%;
|
||||
white-space: normal;
|
||||
line-height: 1.85;
|
||||
padding: .2em .5em;
|
||||
margin: 4px 4px 4px 0;
|
||||
transition: .15s linear outline;
|
||||
}
|
||||
.inlinelist .inlinelist-item.active {
|
||||
background-color: #222;
|
||||
color: #fff;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.inlinelist .inlinelist-item.active :link,
|
||||
.inlinelist .inlinelist-item.active :visited {
|
||||
color: #fff;
|
||||
}
|
||||
.inlinelist .inlinelist-item code {
|
||||
background-color: transparent;
|
||||
}
|
||||
a.buzzword {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.buzzword-list a,
|
||||
.inlinelist a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.inlinelist .inlinelist-item {
|
||||
font-size: 100%;
|
||||
line-height: 2;
|
||||
}
|
||||
@supports not(-webkit-box-decoration-break: clone) {
|
||||
.buzzword,
|
||||
.buzzword-list li,
|
||||
.inlinelist .inlinelist-item {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.buzzword-list li,
|
||||
.buzzword {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
.inlinelist .inlinelist-item {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.inlinelist .inlinelist-item:hover,
|
||||
.inlinelist .inlinelist-item:focus,
|
||||
.buzzword-list li:hover,
|
||||
.buzzword-list li:focus,
|
||||
.buzzword:hover,
|
||||
.buzzword:focus {
|
||||
position: relative;
|
||||
background-image: linear-gradient(238deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff0080);
|
||||
background-size: 1200% 1200%;
|
||||
color: #fff;
|
||||
text-shadow: 0 0 2px rgba(0,0,0,.9);
|
||||
animation: rainbow 1.6s infinite;
|
||||
}
|
||||
.inlinelist .inlinelist-item:hover a,
|
||||
.inlinelist .inlinelist-item:focus a,
|
||||
.buzzword-list li:hover a,
|
||||
.buzzword-list li:focus a,
|
||||
a.buzzword:hover,
|
||||
a.buzzword:focus {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
/*
|
||||
I wish there were a PE friendly way to do this but media queries don’t work work with @supports
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.buzzword:hover,
|
||||
.buzzword:focus {
|
||||
animation: rainbow 1s infinite;
|
||||
}
|
||||
}*/
|
||||
.buzzword-list li:hover:after,
|
||||
.buzzword-list li:focus:after,
|
||||
.buzzword:hover:after,
|
||||
.buzzword:focus:after {
|
||||
font-family: system-ui, sans-serif;
|
||||
content: "Buzzword alert!!!";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
max-width: 8em;
|
||||
color: #f00;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
transform: rotate(-10deg) translate(-25%, -125%);
|
||||
text-shadow: 1px 1px 5px rgba(0,0,0,.6);
|
||||
line-height: 1.2;
|
||||
pointer-events: none;
|
||||
}
|
||||
main h2 .buzzword,
|
||||
main h3 .buzzword,
|
||||
main p .buzzword {
|
||||
padding: 0px 7px;
|
||||
font-size: 1em; /* 18px /18 */
|
||||
margin: 0;
|
||||
line-height: 1.444444444444; /* 26px /18 */
|
||||
font-family: inherit;
|
||||
}
|
||||
main h2 a.buzzword,
|
||||
main h3 a.buzzword,
|
||||
main p a.buzzword {
|
||||
text-decoration: underline;
|
||||
}
|
||||
40
docs/_includes/components/minilink.css
Normal file
40
docs/_includes/components/minilink.css
Normal file
@@ -0,0 +1,40 @@
|
||||
/* Mini link */
|
||||
.minilink {
|
||||
display: inline-block;
|
||||
padding: .125em .375em;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.875rem; /* 14px /16 */
|
||||
text-decoration: none;
|
||||
background-color: #ddd;
|
||||
border-radius: 0.1875em; /* 3px /16 */
|
||||
font-weight: 500;
|
||||
margin: 0 0.4285714285714em 0.07142857142857em 0; /* 0 6px 1px 0 /14 */
|
||||
line-height: 1.285714285714; /* 18px /14 */
|
||||
font-family: system-ui, sans-serif;
|
||||
}
|
||||
.minilink[href] {
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
.minilink[href]:hover,
|
||||
.minilink[href]:focus {
|
||||
background-color: #bbb;
|
||||
}
|
||||
pre + .minilink {
|
||||
color: #fff;
|
||||
border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
|
||||
float: right;
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
}
|
||||
pre[class*=language-] + .minilink {
|
||||
position: relative;
|
||||
top: -0.7142857142857em; /* -10px /14 */
|
||||
}
|
||||
p.minilink {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.minilink + pre[class*=language-] {
|
||||
clear: both;
|
||||
}
|
||||
63
docs/_includes/components/toc.css
Normal file
63
docs/_includes/components/toc.css
Normal file
@@ -0,0 +1,63 @@
|
||||
.elv-toc {
|
||||
font-size: 1rem; /* Reset */
|
||||
}
|
||||
@media (min-width: 64em) { /* 1024px */
|
||||
.elv-toc {
|
||||
position: absolute;
|
||||
left: -17rem;
|
||||
width: 16rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.elv-toc-list {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/* Nested lists */
|
||||
.elv-toc-list ul {
|
||||
padding: 0;
|
||||
display: none;
|
||||
margin-bottom: 1.5em;
|
||||
list-style: none;
|
||||
}
|
||||
.elv-toc-list ul li {
|
||||
padding-left: 0.875em; /* 14px /16 */
|
||||
}
|
||||
@media (min-width: 64em) and (min-height: 48em) { /* 1024 x 768px */
|
||||
.elv-toc-list ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* List items */
|
||||
.elv-toc-list a:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
||||
.elv-toc-list li {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin: .1em 0 .5em;
|
||||
}
|
||||
/* Top level links */
|
||||
.elv-toc-list > li > a {
|
||||
font-weight: 400;
|
||||
font-size: 1.0625em; /* 17px /16 */
|
||||
color: #222;
|
||||
}
|
||||
|
||||
/* Active links */
|
||||
.elv-toc-list li.elv-toc-active > a {
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.elv-toc-active > a:after {
|
||||
content: " ⬅";
|
||||
line-height: .5;
|
||||
}
|
||||
/* Show only active nested lists */
|
||||
.elv-toc-list ul.elv-toc-active,
|
||||
.elv-toc-list li.elv-toc-active > ul {
|
||||
display: block;
|
||||
}
|
||||
3
docs/_includes/header.njk
Normal file
3
docs/_includes/header.njk
Normal file
@@ -0,0 +1,3 @@
|
||||
<header class="elv-layout elv-layout-full elv-header{% if headerClass %} {{ headerClass }}{% endif %}">
|
||||
<h1 class="elv-hed">{{ title | safe }}</h1>
|
||||
</header>
|
||||
486
docs/_includes/index.css
Normal file
486
docs/_includes/index.css
Normal file
File diff suppressed because one or more lines are too long
27
docs/_includes/layouts/base.njk
Normal file
27
docs/_includes/layouts/base.njk
Normal file
@@ -0,0 +1,27 @@
|
||||
<!doctype html>
|
||||
<html lang="en"{% if templateClass %} class="{{ templateClass }}"{% endif %}>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ subtitle + ' - ' if subtitle}}{{ title }}</title>
|
||||
{%- set css %}
|
||||
{% include 'index.css' %}
|
||||
{% include 'components/lists.css' %}
|
||||
{% include 'components/external-links.css' %}
|
||||
{% include 'components/minilink.css' %}
|
||||
{% include 'components/toc.css' %}
|
||||
{% include 'components/info-blocks.css' %}
|
||||
{% include 'prism-theme.css' %}
|
||||
{% include 'asciinema.css' %}
|
||||
{% endset %}
|
||||
<style>{{ css | safe }}</style>
|
||||
{% if feedTitle and feedUrl %}
|
||||
<link rel="alternate" href="{{ feedUrl }}" title="{{ feedTitle }}" type="application/atom+xml">
|
||||
{% endif %}
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{{ content | safe }}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
12
docs/_includes/layouts/main.njk
Normal file
12
docs/_includes/layouts/main.njk
Normal file
@@ -0,0 +1,12 @@
|
||||
---
|
||||
layout: layouts/base.njk
|
||||
templateClass: elv-default
|
||||
headerClass: elv-header-default
|
||||
---
|
||||
{% include "header.njk" %}
|
||||
|
||||
<main class="elv-layout{% if layoutClass %} {{ layoutClass }}{% endif %}">
|
||||
<article>
|
||||
{{ content | safe }}
|
||||
</article>
|
||||
</main>
|
||||
172
docs/_includes/prism-theme.css
Normal file
172
docs/_includes/prism-theme.css
Normal file
@@ -0,0 +1,172 @@
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #ABB2BF;
|
||||
background: none;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #383e49;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #9aa2b1;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #282c34;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: #5C6370;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #abb2bf;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.tag {
|
||||
color: #e06c75;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.attr-name,
|
||||
.token.deleted {
|
||||
color: #d19a66;
|
||||
}
|
||||
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.attr-value,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #98c379;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #56b6c2;
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.keyword {
|
||||
color: #e06c75;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #61afef;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #c678dd;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre.line-numbers > code {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em; /* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 0;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #5C6370;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
Reference in New Issue
Block a user