--- /dev/null
+:root {
+ --background-body: #2a2a2f;
+ --background: #161f27;
+ --background-alt: #1a242f;
+ --selection: #1c76c5;
+ --text-main: #c0c6cc;
+ --text-bright: #dbe0e3;
+ /*--text-bright: #fff;*/
+ --text-muted: #a9b1ba;
+ --links: #7eb7e1;
+ --focus: #0096bfab;
+ --border: #526980;
+ --code: #ffbe85;
+ --animation-duration: 0.1s;
+ --button-base: #0c151c;
+ --button-hover: #040a0f;
+ --scrollbar-thumb: var(--button-hover);
+ --scrollbar-thumb-hover: rgb(0, 0, 0);
+ --form-placeholder: #a9a9a9;
+ --form-text: #fff;
+ --variable: #d941e2;
+ --highlight: #efdb43;
+ --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
+}
+
+@font-face {
+ font-family: yond;
+ src: url(yond.woff2);
+}
+
+body button {
+ margin-bottom: 0.8em;
+ margin-left: 0.2em;
+ margin-left: 0.2em;
+}
+
+body li {
+ margin-top: 0.4em;
+ margin-bottom: 0.4em;
+}
+
+span.menu a {
+ text-decoration: none;
+}
+
+body .logo {
+ font-family: "yond", "monospace";
+ font-size: 5em;
+ text-align: center;
+ width: 100%;
+ display: block;
+ line-height: 0.75em;
+ color: #fff;
+ color: var(--text-bright);
+}
+
+body a.topic_link {
+ color: #dbdbdb;
+ color: var(--text-main);
+}
+
+body .article_date {
+ font-family: "yond", "monospace";
+ font-size: 1.75em;
+ text-align: right;
+ line-height: 0.5em;
+ margin-right: -0.33em;
+ margin-bottom: -0.35em;
+}
+
+body .article_photo {
+ width: 100%;
+}
+
+body .topic {
+ display: inline-block;
+ vertical-align: top;
+ width: 48%;
+ margin-bottom: 2.5em;
+}
+
+body .topic:nth-child(even) {margin-left: 2%}
+body .topic:nth-child(odd) {margin-right: 2%}
+
+body .topic .topic_image {
+ display: block;
+ width: 100%;
+}
+
+/*body .topic .topic_image { border: 1px solid #666; }*/
+
+body .topic .topic_title {
+ display: block;
+ font-weight: 600;
+ font-size: 1.2em;
+ margin-top: 0.35em;
+ margin-bottom: 0.2em;
+}
+
+body .topic .topic_date {
+ display: block;
+ font-size: 0.85em;
+ font-weight: 400;
+ font-style: oblique;
+ text-align: left;
+ margin-bottom: 1em;
+}
+
+table#loracalc {
+ /*border: 1px solid #888;*/
+ min-width: 50%;
+ width: auto;
+}
+
+table#loracalc tbody tr td {
+ vertical-align: middle;
+ font-weight: bold;
+}
+
+table#loracalc tbody tr td.lcfield {
+ padding-left: 5em;
+}
+
+table#loracalc tbody tr:nth-child(2n) {
+ background-color: transparent;
+}
+
+table#loracalc input {
+ display: inline-block;
+}
+
+
+html {
+ scrollbar-color: #040a0f #202b38;
+ scrollbar-color: var(--scrollbar-thumb) var(--background-body);
+ scrollbar-width: thin;
+}
+
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
+ line-height: 1.4;
+ max-width: 800px;
+ margin: 20px auto;
+ padding: 0 10px;
+ word-wrap: break-word;
+ color: #dbdbdb;
+ color: var(--text-main);
+ background: #202b38;
+ background: var(--background-body);
+ text-rendering: optimizeLegibility;
+}
+
+button {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+input {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+textarea {
+ transition:
+ background-color 0.1s linear,
+ border-color 0.1s linear,
+ color 0.1s linear,
+ box-shadow 0.1s linear,
+ transform 0.1s ease;
+ transition:
+ background-color var(--animation-duration) linear,
+ border-color var(--animation-duration) linear,
+ color var(--animation-duration) linear,
+ box-shadow var(--animation-duration) linear,
+ transform var(--animation-duration) ease;
+}
+
+h1 {
+ font-size: 2.2em;
+ margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 12px;
+ margin-top: 24px;
+}
+
+h1 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h2 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h3 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h4 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h5 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h6 {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+strong {
+ color: #fff;
+ color: var(--text-bright);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+b,
+strong,
+th {
+ font-weight: 600;
+}
+
+q::before {
+ content: none;
+}
+
+q::after {
+ content: none;
+}
+
+blockquote {
+ border-left: 4px solid #0096bfab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+q {
+ border-left: 4px solid #0096bfab;
+ border-left: 4px solid var(--focus);
+ margin: 1.5em 0;
+ padding: 0.5em 1em;
+ font-style: italic;
+}
+
+blockquote > footer {
+ font-style: normal;
+ border: 0;
+}
+
+blockquote cite {
+ font-style: normal;
+}
+
+address {
+ font-style: normal;
+}
+
+a[href^='mailto\:']::before {
+ content: '📧 ';
+}
+
+a[href^='tel\:']::before {
+ content: '📞 ';
+}
+
+a[href^='sms\:']::before {
+ content: '💬 ';
+}
+
+mark {
+ background-color: #efdb43;
+ background-color: var(--highlight);
+ border-radius: 2px;
+ padding: 0 2px 0 2px;
+ color: #000;
+}
+
+a > code,
+a > strong {
+ color: inherit;
+}
+
+button,
+select,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='checkbox'],
+input[type='range'],
+input[type='radio'] {
+ cursor: pointer;
+}
+
+input,
+select {
+ display: block;
+}
+
+[type='checkbox'],
+[type='radio'] {
+ display: initial;
+}
+
+input {
+ color: #fff;
+ color: var(--form-text);
+ background-color: #161f27;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ color: #fff;
+ color: var(--form-text);
+ background-color: #161f27;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+textarea {
+ color: #fff;
+ color: var(--form-text);
+ background-color: #161f27;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+select {
+ color: #fff;
+ color: var(--form-text);
+ background-color: #161f27;
+ background-color: var(--background);
+ font-family: inherit;
+ font-size: inherit;
+ margin-right: 6px;
+ margin-bottom: 6px;
+ padding: 10px;
+ border: none;
+ border-radius: 6px;
+ outline: none;
+}
+
+button {
+ background-color: #0c151c;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='submit'] {
+ background-color: #0c151c;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='reset'] {
+ background-color: #0c151c;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+input[type='button'] {
+ background-color: #0c151c;
+ background-color: var(--button-base);
+ padding-right: 30px;
+ padding-left: 30px;
+}
+
+button:hover {
+ background: #040a0f;
+ background: var(--button-hover);
+}
+
+input[type='submit']:hover {
+ background: #040a0f;
+ background: var(--button-hover);
+}
+
+input[type='reset']:hover {
+ background: #040a0f;
+ background: var(--button-hover);
+}
+
+input[type='button']:hover {
+ background: #040a0f;
+ background: var(--button-hover);
+}
+
+input[type='color'] {
+ min-height: 2rem;
+ padding: 8px;
+ cursor: pointer;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+ height: 1em;
+ width: 1em;
+}
+
+input[type='radio'] {
+ border-radius: 100%;
+}
+
+input {
+ vertical-align: top;
+}
+
+label {
+ vertical-align: middle;
+ margin-bottom: 4px;
+ display: inline-block;
+}
+
+input:not([type='checkbox']):not([type='radio']),
+input[type='range'],
+select,
+button,
+textarea {
+ -webkit-appearance: none;
+}
+
+textarea {
+ display: block;
+ margin-right: 0;
+ box-sizing: border-box;
+ resize: vertical;
+}
+
+textarea:not([cols]) {
+ width: 100%;
+}
+
+textarea:not([rows]) {
+ min-height: 40px;
+ height: 140px;
+}
+
+select {
+ background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+ background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
+ padding-right: 35px;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select[multiple] {
+ padding-right: 10px;
+ background-image: none;
+ overflow-y: auto;
+}
+
+input:focus {
+ box-shadow: 0 0 0 2px #0096bfab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+select:focus {
+ box-shadow: 0 0 0 2px #0096bfab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+button:focus {
+ box-shadow: 0 0 0 2px #0096bfab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+textarea:focus {
+ box-shadow: 0 0 0 2px #0096bfab;
+ box-shadow: 0 0 0 2px var(--focus);
+}
+
+input[type='checkbox']:active,
+input[type='radio']:active,
+input[type='submit']:active,
+input[type='reset']:active,
+input[type='button']:active,
+input[type='range']:active,
+button:active {
+ transform: translateY(2px);
+}
+
+input:disabled,
+select:disabled,
+button:disabled,
+textarea:disabled {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+::-moz-placeholder {
+ color: #a9a9a9;
+ color: var(--form-placeholder);
+}
+
+:-ms-input-placeholder {
+ color: #a9a9a9;
+ color: var(--form-placeholder);
+}
+
+::-ms-input-placeholder {
+ color: #a9a9a9;
+ color: var(--form-placeholder);
+}
+
+::placeholder {
+ color: #a9a9a9;
+ color: var(--form-placeholder);
+}
+
+fieldset {
+ border: 1px #0096bfab solid;
+ border: 1px var(--focus) solid;
+ border-radius: 6px;
+ margin: 0;
+ margin-bottom: 12px;
+ padding: 10px;
+}
+
+legend {
+ font-size: 0.9em;
+ font-weight: 600;
+}
+
+input[type='range'] {
+ margin: 10px 0;
+ padding: 10px 0;
+ background: transparent;
+}
+
+input[type='range']:focus {
+ outline: none;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 9.5px;
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+ background: #161f27;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-webkit-slider-thumb {
+ box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #526980;
+ background: var(--border);
+ -webkit-appearance: none;
+ margin-top: -7px;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+ background: #161f27;
+ background: var(--background);
+}
+
+input[type='range']::-moz-range-track {
+ width: 100%;
+ height: 9.5px;
+ -moz-transition: 0.2s;
+ transition: 0.2s;
+ background: #161f27;
+ background: var(--background);
+ border-radius: 3px;
+}
+
+input[type='range']::-moz-range-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #526980;
+ background: var(--border);
+}
+
+input[type='range']::-ms-track {
+ width: 100%;
+ height: 9.5px;
+ background: transparent;
+ border-color: transparent;
+ border-width: 16px 0;
+ color: transparent;
+}
+
+input[type='range']::-ms-fill-lower {
+ background: #161f27;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-fill-upper {
+ background: #161f27;
+ background: var(--background);
+ border: 0.2px solid #010101;
+ border-radius: 3px;
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+}
+
+input[type='range']::-ms-thumb {
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
+ border: 1px solid #000;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #526980;
+ background: var(--border);
+}
+
+input[type='range']:focus::-ms-fill-lower {
+ background: #161f27;
+ background: var(--background);
+}
+
+input[type='range']:focus::-ms-fill-upper {
+ background: #161f27;
+ background: var(--background);
+}
+
+a {
+ text-decoration: underline;
+ color: #41adff;
+ color: var(--links);
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+code {
+ background: #161f27;
+ background: var(--background);
+ color: #ffbe85;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+samp {
+ background: #161f27;
+ background: var(--background);
+ color: #ffbe85;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+time {
+ background: #161f27;
+ background: var(--background);
+ color: #ffbe85;
+ color: var(--code);
+ padding: 2.5px 5px;
+ border-radius: 6px;
+ font-size: 1em;
+}
+
+pre > code {
+ padding: 10px;
+ display: block;
+ overflow-x: auto;
+}
+
+var {
+ color: #d941e2;
+ color: var(--variable);
+ font-style: normal;
+ font-family: monospace;
+}
+
+kbd {
+ background: #161f27;
+ background: var(--background);
+ border: 1px solid #526980;
+ border: 1px solid var(--border);
+ border-radius: 2px;
+ color: #dbdbdb;
+ color: var(--text-main);
+ padding: 2px 4px 2px 4px;
+}
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid #526980;
+ border-top: 1px solid var(--border);
+}
+
+table {
+ border-collapse: collapse;
+ margin-bottom: 10px;
+ width: 100%;
+ table-layout: fixed;
+}
+
+table caption {
+ text-align: left;
+}
+
+td,
+th {
+ padding: 6px;
+ text-align: left;
+ vertical-align: top;
+ word-wrap: break-word;
+}
+
+thead {
+ border-bottom: 1px solid #526980;
+ border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+ border-top: 1px solid #526980;
+ border-top: 1px solid var(--border);
+}
+
+tbody tr:nth-child(even) {
+ background-color: #161f27;
+ background-color: var(--background);
+}
+
+tbody tr:nth-child(even) button {
+ background-color: #1a242f;
+ background-color: var(--background-alt);
+}
+
+tbody tr:nth-child(even) button:hover {
+ background-color: #202b38;
+ background-color: var(--background-body);
+}
+
+::-webkit-scrollbar {
+ height: 10px;
+ width: 10px;
+}
+
+::-webkit-scrollbar-track {
+ background: #161f27;
+ background: var(--background);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: #040a0f;
+ background: var(--scrollbar-thumb);
+ border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: rgb(0, 0, 0);
+ background: var(--scrollbar-thumb-hover);
+}
+
+::-moz-selection {
+ background-color: #1c76c5;
+ background-color: var(--selection);
+ color: #fff;
+ color: var(--text-bright);
+}
+
+::selection {
+ background-color: #1c76c5;
+ background-color: var(--selection);
+ color: #fff;
+ color: var(--text-bright);
+}
+
+details {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ background-color: #1a242f;
+ background-color: var(--background-alt);
+ padding: 10px 10px 0;
+ margin: 1em 0;
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+details[open] {
+ padding: 10px;
+}
+
+details > :last-child {
+ margin-bottom: 0;
+}
+
+details[open] summary {
+ margin-bottom: 10px;
+}
+
+summary {
+ display: list-item;
+ background-color: #161f27;
+ background-color: var(--background);
+ padding: 10px;
+ margin: -10px -10px 0;
+ cursor: pointer;
+ outline: none;
+}
+
+summary:hover,
+summary:focus {
+ text-decoration: underline;
+}
+
+details > :not(summary) {
+ margin-top: 0;
+}
+
+summary::-webkit-details-marker {
+ color: #dbdbdb;
+ color: var(--text-main);
+}
+
+dialog {
+ background-color: #1a242f;
+ background-color: var(--background-alt);
+ color: #dbdbdb;
+ color: var(--text-main);
+ border: none;
+ border-radius: 6px;
+ border-color: #526980;
+ border-color: var(--border);
+ padding: 10px 30px;
+}
+
+dialog > header:first-child {
+ background-color: #161f27;
+ background-color: var(--background);
+ border-radius: 6px 6px 0 0;
+ margin: -10px -30px 10px;
+ padding: 10px;
+ text-align: center;
+}
+
+dialog::-webkit-backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+dialog::backdrop {
+ background: #0000009c;
+ -webkit-backdrop-filter: blur(4px);
+ backdrop-filter: blur(4px);
+}
+
+footer {
+ border-top: 1px solid #526980;
+ border-top: 1px solid var(--border);
+ padding-top: 10px;
+ color: #a9b1ba;
+ color: var(--text-muted);
+}
+
+body > footer {
+ margin-top: 40px;
+}
+
+@media print {
+ body,
+ pre,
+ code,
+ summary,
+ details,
+ button,
+ input,
+ textarea {
+ background-color: #fff;
+ }
+
+ button,
+ input,
+ textarea {
+ border: 1px solid #000;
+ }
+
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ pre,
+ code,
+ button,
+ input,
+ textarea,
+ footer,
+ summary,
+ strong {
+ color: #000;
+ }
+
+ summary::marker {
+ color: #000;
+ }
+
+ summary::-webkit-details-marker {
+ color: #000;
+ }
+
+ tbody tr:nth-child(even) {
+ background-color: #f2f2f2;
+ }
+
+ a {
+ color: #00f;
+ text-decoration: underline;
+ }
+}
+
+#load_overlay {
+ display: none;
+}
--- /dev/null
+import markdown
+import os
+
+DEFAULT_TITLE = "RNode Bootstrap Console"
+SOURCES_PATH="./source"
+BUILD_PATH="./build"
+INPUT_ENCODING="utf-8"
+OUTPUT_ENCODING="utf-8"
+
+LXMF_ADDRESS = "8dd57a738226809646089335a6b03695"
+
+document_start = """
+<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" href="water.css?v=5">
+<link rel="shortcut icon" type="image/x-icon" href="{ASSET_PATH}gfx/icon.png">
+<meta charset="utf-8"/>
+<title>{PAGE_TITLE}</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+<div id="load_overlay" style="background-color:#2a2a2f; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2000;"></div>
+<span class="logo">RNode Console</span>
+{MENU}<hr>"""
+
+document_end = """</body></html>"""
+
+menu_md = """<center><span class="menu">[Start]({CONTENT_PATH}index.html) | [Replicate]({CONTENT_PATH}replicate.html) | [Guides]({CONTENT_PATH}guides.html) | [Software]({CONTENT_PATH}software/index.html)| [Help](help.html) | [Contribute]({CONTENT_PATH}contribute.html)</span></center>"""
+
+url_maps = [
+ # { "path": "", "target": "/.md"},
+]
+
+def scan_pages(base_path):
+ files = [file for file in os.listdir(base_path) if os.path.isfile(os.path.join(base_path, file)) and file[:1] != "."]
+ directories = [file for file in os.listdir(base_path) if os.path.isdir(os.path.join(base_path, file)) and file[:1] != "."]
+
+ page_sources = []
+
+ for file in files:
+ if file.endswith(".md"):
+ page_sources.append(base_path+"/"+file)
+
+ for directory in directories:
+ page_sources.extend(scan_pages(base_path+"/"+directory))
+
+ return page_sources
+
+def get_prop(md, prop):
+ try:
+ pt = "["+prop+"]: <> ("
+ pp = md.find(pt)
+ if pp != -1:
+ ps = pp+len(pt)
+ pe = md.find(")", ps)
+ return md[ps:pe]
+ else:
+ return None
+
+ except Exception as e:
+ print("Error while extracting topic property: "+str(e))
+ return None
+
+def list_topic(topic):
+ base_path = SOURCES_PATH+"/"+topic
+ files = [file for file in os.listdir(base_path) if os.path.isfile(os.path.join(base_path, file)) and file[:1] != "." and file != "index.md"]
+
+ topic_entries = []
+ for file in files:
+ if file.endswith(".md"):
+ fp = base_path+"/"+file
+ f = open(fp, "rb")
+ link_path = fp.replace(SOURCES_PATH, ".").replace(".md", ".html")
+
+ md = f.read().decode(INPUT_ENCODING)
+ topic_entries.append({
+ "title": get_prop(md, "title"),
+ "image": get_prop(md, "image"),
+ "date": get_prop(md, "date"),
+ "excerpt": get_prop(md, "excerpt"),
+ "md": md,
+ "file": link_path
+ })
+
+ topic_entries.sort(key=lambda e: e["date"], reverse=True)
+ return topic_entries
+
+def render_topic(topic_entries):
+ md = ""
+ for topic in topic_entries:
+ md += "<a class=\"topic_link\" href=\""+str(topic["file"])+"\">"
+ md += "<span class=\"topic\">"
+ md += "<img class=\"topic_image\" src=\""+str(topic["image"])+"\"/>"
+ md += "<span class=\"topic_title\">"+str(topic["title"])+"</span>"
+ md += "<span class=\"topic_date\">"+str(topic["date"])+"</span>"
+ md += "<span class=\"topic_excerpt\">"+str(topic["excerpt"])+"</span>"
+ md += "</span>"
+ md += "</a>"
+
+
+ return md
+
+def generate_html(f, root_path):
+ md = f.read().decode(INPUT_ENCODING)
+
+ page_title = get_prop(md, "title")
+ if page_title == None:
+ page_title = DEFAULT_TITLE
+ else:
+ page_title += " | "+DEFAULT_TITLE
+
+ tt = "{TOPIC:"
+ tp = md.find(tt)
+ if tp != -1:
+ ts = tp+len(tt)
+ te = md.find("}", ts)
+ topic = md[ts:te]
+
+ rt = tt+topic+"}"
+ tl = render_topic(list_topic(topic))
+ print("Found topic: "+str(topic)+", rt "+str(rt))
+ md = md.replace(rt, tl)
+
+ menu_html = markdown.markdown(menu_md.replace("{CONTENT_PATH}", root_path), extensions=["markdown.extensions.fenced_code"]).replace("<p></p>", "")
+ page_html = markdown.markdown(md, extensions=["markdown.extensions.fenced_code"]).replace("{ASSET_PATH}", root_path)
+ page_html = page_html.replace("{LXMF_ADDRESS}", LXMF_ADDRESS)
+ page_date = get_prop(md, "date")
+ if page_date != None:
+ page_html = page_html.replace("{DATE}", page_date)
+
+ return document_start.replace("{ASSET_PATH}", root_path).replace("{MENU}", menu_html).replace("{PAGE_TITLE}", page_title) + page_html + document_end
+
+source_files = scan_pages(SOURCES_PATH)
+
+for um in url_maps:
+ with open(SOURCES_PATH+"/"+um["target"], "rb") as f:
+ of = BUILD_PATH+um["target"].replace(SOURCES_PATH, "").replace(".md", ".html")
+ root_path = "../"
+ html = generate_html(f, root_path)
+
+ print("Map path : "+str(um["path"]))
+ print("Map target : "+str(um["target"]))
+ print("Mapped root path: "+str(root_path))
+
+ if not os.path.isdir(BUILD_PATH+"/"+um["path"]):
+ os.makedirs(BUILD_PATH+"/"+um["path"], exist_ok=True)
+
+ with open(BUILD_PATH+"/"+um["path"]+"/index.html", "wb") as wf:
+ wf.write(html.encode(OUTPUT_ENCODING))
+
+for mdf in source_files:
+ with open(mdf, "rb") as f:
+ of = BUILD_PATH+mdf.replace(SOURCES_PATH, "").replace(".md", ".html")
+ root_path = "../"*(len(of.replace(BUILD_PATH+"/", "").split("/"))-1)
+ html = generate_html(f, root_path)
+
+ if not os.path.isdir(os.path.dirname(of)):
+ os.makedirs(os.path.dirname(of), exist_ok=True)
+
+ with open(of, "wb") as wf:
+ wf.write(html.encode(OUTPUT_ENCODING))
<!doctype html>
<html>
<head>
-<style type="text/css">
- :root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#70777f;--links:#0076d1;--focus:#0096bfab;--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-base:#d0cfcf;--button-hover:#9b9b9b;--scrollbar-thumb:rgb(170, 170, 170);--scrollbar-thumb-hover:var(--button-hover);--form-placeholder:#949494;--form-text:#1d1d1d;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E")}div.top_menu{font-size:1.1em}div.lang_menu{margin-bottom:0.35em}@media (prefers-color-scheme: dark){:root{--background-body:#202b38;--background:#161f27;--background-alt:#1a242f;--selection:#1c76c5;--text-main:#dbdbdb;--text-bright:#fff;--text-muted:#a9b1ba;--links:#41adff;--focus:#0096bfab;--border:#526980;--code:#ffbe85;--animation-duration:0.1s;--button-base:#0c151c;--button-hover:#040a0f;--scrollbar-thumb:var(--button-hover);--scrollbar-thumb-hover:rgb(0, 0, 0);--form-placeholder:#a9a9a9;--form-text:#fff;--variable:#d941e2;--highlight:#efdb43;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E")}}html{scrollbar-color:rgb(170, 170, 170) #fff;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}@media (prefers-color-scheme: dark){html{scrollbar-color:#040a0f #202b38;scrollbar-color:var(--scrollbar-thumb) var(--background-body)}}body{font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#363636;color:var(--text-main);background:#fff;background:var(--background-body);text-rendering:optimizeLegibility}@media (prefers-color-scheme: dark){body{background:#202b38;background:var(--background-body)}}@media (prefers-color-scheme: dark){body{color:#dbdbdb;color:var(--text-main)}}li{margin-top:0.5em;margin-bottom:0.5em}button{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}@media (prefers-color-scheme: dark){button{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}}input{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}@media (prefers-color-scheme: dark){input{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}}textarea{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}@media (prefers-color-scheme: dark){textarea{transition:background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;transition:background-color var(--animation-duration) linear, border-color var(--animation-duration) linear, color var(--animation-duration) linear, box-shadow var(--animation-duration) linear, transform var(--animation-duration) ease}}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h1{color:#fff;color:var(--text-bright)}}h2{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h2{color:#fff;color:var(--text-bright)}}h3{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h3{color:#fff;color:var(--text-bright)}}h4{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h4{color:#fff;color:var(--text-bright)}}h5{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h5{color:#fff;color:var(--text-bright)}}h6{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){h6{color:#fff;color:var(--text-bright)}}strong{color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){strong{color:#fff;color:var(--text-bright)}}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q::before{content:none}q::after{content:none}blockquote{border-left:4px solid #0096bfab;border-left:4px solid var(--focus);margin:1.5em 0;padding:0.5em 1em;font-style:italic}@media (prefers-color-scheme: dark){blockquote{border-left:4px solid #0096bfab;border-left:4px solid var(--focus)}}q{border-left:4px solid #0096bfab;border-left:4px solid var(--focus);margin:1.5em 0;padding:0.5em 1em;font-style:italic}@media (prefers-color-scheme: dark){q{border-left:4px solid #0096bfab;border-left:4px solid var(--focus)}}blockquote > footer{font-style:normal;border:0}blockquote cite{font-style:normal}address{font-style:normal}a[href^='mailto\:']::before{content:'📧 '}a[href^='tel\:']::before{content:'📞 '}a[href^='sms\:']::before{content:'💬 '}mark{background-color:#ff0;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}@media (prefers-color-scheme: dark){mark{background-color:#efdb43;background-color:var(--highlight)}}a > code,a > strong{color:inherit}button,input[type='submit'],input[type='reset'],input[type='button'],input[type='checkbox'],input[type='range'],input[type='radio'],select{cursor:pointer}input,select{display:block}[type='checkbox'],[type='radio']{display:initial}input{color:#1d1d1d;color:var(--form-text);background-color:#efefef;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme: dark){input{background-color:#161f27;background-color:var(--background)}}@media (prefers-color-scheme: dark){input{color:#fff;color:var(--form-text)}}button{color:#1d1d1d;color:var(--form-text);background-color:#efefef;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme: dark){button{background-color:#161f27;background-color:var(--background)}}@media (prefers-color-scheme: dark){button{color:#fff;color:var(--form-text)}}textarea{color:#1d1d1d;color:var(--form-text);background-color:#efefef;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme: dark){textarea{background-color:#161f27;background-color:var(--background)}}@media (prefers-color-scheme: dark){textarea{color:#fff;color:var(--form-text)}}select{color:#1d1d1d;color:var(--form-text);background-color:#efefef;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}@media (prefers-color-scheme: dark){select{background-color:#161f27;background-color:var(--background)}}@media (prefers-color-scheme: dark){select{color:#fff;color:var(--form-text)}}button{background-color:#d0cfcf;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme: dark){button{background-color:#0c151c;background-color:var(--button-base)}}input[type='submit']{background-color:#d0cfcf;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme: dark){input[type='submit']{background-color:#0c151c;background-color:var(--button-base)}}input[type='reset']{background-color:#d0cfcf;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme: dark){input[type='reset']{background-color:#0c151c;background-color:var(--button-base)}}input[type='button']{background-color:#d0cfcf;background-color:var(--button-base);padding-right:30px;padding-left:30px}@media (prefers-color-scheme: dark){input[type='button']{background-color:#0c151c;background-color:var(--button-base)}}button:hover{background:#9b9b9b;background:var(--button-hover)}@media (prefers-color-scheme: dark){button:hover{background:#040a0f;background:var(--button-hover)}}input[type='submit']:hover{background:#9b9b9b;background:var(--button-hover)}@media (prefers-color-scheme: dark){input[type='submit']:hover{background:#040a0f;background:var(--button-hover)}}input[type='reset']:hover{background:#9b9b9b;background:var(--button-hover)}@media (prefers-color-scheme: dark){input[type='reset']:hover{background:#040a0f;background:var(--button-hover)}}input[type='button']:hover{background:#9b9b9b;background:var(--button-hover)}@media (prefers-color-scheme: dark){input[type='button']:hover{background:#040a0f;background:var(--button-hover)}}input[type='color']{min-height:2rem;padding:8px;cursor:pointer}input[type='checkbox'],input[type='radio']{height:1em;width:1em}input[type='radio']{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}input:not([type='checkbox']):not([type='radio']),input[type='range'],select,button,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;padding-right:35px}@media (prefers-color-scheme: dark){select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme: dark){select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme: dark){select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}@media (prefers-color-scheme: dark){select{background:#161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat}}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}input:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme: dark){input:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}}select:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme: dark){select:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}}button:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme: dark){button:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}}textarea:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}@media (prefers-color-scheme: dark){textarea:focus{box-shadow:0 0 0 2px #0096bfab;box-shadow:0 0 0 2px var(--focus)}}input[type='checkbox']:active,input[type='radio']:active,input[type='submit']:active,input[type='reset']:active,input[type='button']:active,input[type='range']:active,button:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:0.5}::-moz-placeholder{color:#949494;color:var(--form-placeholder)}:-ms-input-placeholder{color:#949494;color:var(--form-placeholder)}::-ms-input-placeholder{color:#949494;color:var(--form-placeholder)}::placeholder{color:#949494;color:var(--form-placeholder)}@media (prefers-color-scheme: dark){::-moz-placeholder{color:#a9a9a9;color:var(--form-placeholder)}:-ms-input-placeholder{color:#a9a9a9;color:var(--form-placeholder)}::-ms-input-placeholder{color:#a9a9a9;color:var(--form-placeholder)}::placeholder{color:#a9a9a9;color:var(--form-placeholder)}}fieldset{border:1px #0096bfab solid;border:1px var(--focus) solid;border-radius:6px;margin:0 0 12px;padding:10px}@media (prefers-color-scheme: dark){fieldset{border:1px #0096bfab solid;border:1px var(--focus) solid}}legend{font-size:0.9em;font-weight:600}input[type='range']{margin:10px 0;padding:10px 0;background:transparent}input[type='range']:focus{outline:none}input[type='range']::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:0.2s;transition:0.2s;background:#efefef;background:var(--background);border-radius:3px}@media (prefers-color-scheme: dark){input[type='range']::-webkit-slider-runnable-track{background:#161f27;background:var(--background)}}input[type='range']::-webkit-slider-thumb{box-shadow:0 1px 1px #000, 0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border);-webkit-appearance:none;margin-top:-7px}@media (prefers-color-scheme: dark){input[type='range']::-webkit-slider-thumb{background:#526980;background:var(--border)}}input[type='range']:focus::-webkit-slider-runnable-track{background:#efefef;background:var(--background)}@media (prefers-color-scheme: dark){input[type='range']:focus::-webkit-slider-runnable-track{background:#161f27;background:var(--background)}}input[type='range']::-moz-range-track{width:100%;height:9.5px;-moz-transition:0.2s;transition:0.2s;background:#efefef;background:var(--background);border-radius:3px}@media (prefers-color-scheme: dark){input[type='range']::-moz-range-track{background:#161f27;background:var(--background)}}input[type='range']::-moz-range-thumb{box-shadow:1px 1px 1px #000, 0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border)}@media (prefers-color-scheme: dark){input[type='range']::-moz-range-thumb{background:#526980;background:var(--border)}}input[type='range']::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type='range']::-ms-fill-lower{background:#efefef;background:var(--background);border:0.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000, 0 0 1px #0d0d0d}@media (prefers-color-scheme: dark){input[type='range']::-ms-fill-lower{background:#161f27;background:var(--background)}}input[type='range']::-ms-fill-upper{background:#efefef;background:var(--background);border:0.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000, 0 0 1px #0d0d0d}@media (prefers-color-scheme: dark){input[type='range']::-ms-fill-upper{background:#161f27;background:var(--background)}}input[type='range']::-ms-thumb{box-shadow:1px 1px 1px #000, 0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border)}@media (prefers-color-scheme: dark){input[type='range']::-ms-thumb{background:#526980;background:var(--border)}}input[type='range']:focus::-ms-fill-lower{background:#efefef;background:var(--background)}@media (prefers-color-scheme: dark){input[type='range']:focus::-ms-fill-lower{background:#161f27;background:var(--background)}}input[type='range']:focus::-ms-fill-upper{background:#efefef;background:var(--background)}@media (prefers-color-scheme: dark){input[type='range']:focus::-ms-fill-upper{background:#161f27;background:var(--background)}}a{text-decoration:none;color:#0076d1;color:var(--links)}@media (prefers-color-scheme: dark){a{color:#41adff;color:var(--links)}}a:hover{text-decoration:underline}code{background:#efefef;background:var(--background);color:#000;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme: dark){code{color:#ffbe85;color:var(--code)}}@media (prefers-color-scheme: dark){code{background:#161f27;background:var(--background)}}samp{background:#efefef;background:var(--background);color:#000;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme: dark){samp{color:#ffbe85;color:var(--code)}}@media (prefers-color-scheme: dark){samp{background:#161f27;background:var(--background)}}time{background:#efefef;background:var(--background);color:#000;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}@media (prefers-color-scheme: dark){time{color:#ffbe85;color:var(--code)}}@media (prefers-color-scheme: dark){time{background:#161f27;background:var(--background)}}pre > code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;color:var(--variable);font-style:normal;font-family:monospace}@media (prefers-color-scheme: dark){var{color:#d941e2;color:var(--variable)}}kbd{background:#efefef;background:var(--background);border:1px solid #dbdbdb;border:1px solid var(--border);border-radius:2px;color:#363636;color:var(--text-main);padding:2px 4px}@media (prefers-color-scheme: dark){kbd{color:#dbdbdb;color:var(--text-main)}}@media (prefers-color-scheme: dark){kbd{border:1px solid #526980;border:1px solid var(--border)}}@media (prefers-color-scheme: dark){kbd{background:#161f27;background:var(--background)}}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb;border-top:1px solid var(--border)}@media (prefers-color-scheme: dark){hr{border-top:1px solid #526980;border-top:1px solid var(--border)}}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption{text-align:left}td,th{padding:6px;text-align:left;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border)}@media (prefers-color-scheme: dark){thead{border-bottom:1px solid #526980;border-bottom:1px solid var(--border)}}tfoot{border-top:1px solid #dbdbdb;border-top:1px solid var(--border)}@media (prefers-color-scheme: dark){tfoot{border-top:1px solid #526980;border-top:1px solid var(--border)}}tbody tr:nth-child(even){background-color:#efefef;background-color:var(--background)}@media (prefers-color-scheme: dark){tbody tr:nth-child(even){background-color:#161f27;background-color:var(--background)}}tbody tr:nth-child(even) button{background-color:#f7f7f7;background-color:var(--background-alt)}@media (prefers-color-scheme: dark){tbody tr:nth-child(even) button{background-color:#1a242f;background-color:var(--background-alt)}}tbody tr:nth-child(even) button:hover{background-color:#fff;background-color:var(--background-body)}@media (prefers-color-scheme: dark){tbody tr:nth-child(even) button:hover{background-color:#202b38;background-color:var(--background-body)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;background:var(--background);border-radius:6px}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#161f27;background:var(--background)}}::-webkit-scrollbar-thumb{background:rgb(170, 170, 170);background:var(--scrollbar-thumb);border-radius:6px}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:#040a0f;background:var(--scrollbar-thumb)}}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:#040a0f;background:var(--scrollbar-thumb)}}::-webkit-scrollbar-thumb:hover{background:#9b9b9b;background:var(--scrollbar-thumb-hover)}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb:hover{background:rgb(0, 0, 0);background:var(--scrollbar-thumb-hover)}}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb:hover{background:rgb(0, 0, 0);background:var(--scrollbar-thumb-hover)}}::-moz-selection{background-color:#9e9e9e;background-color:var(--selection);color:#000;color:var(--text-bright)}::selection{background-color:#9e9e9e;background-color:var(--selection);color:#000;color:var(--text-bright)}@media (prefers-color-scheme: dark){::-moz-selection{color:#fff;color:var(--text-bright)}::selection{color:#fff;color:var(--text-bright)}}@media (prefers-color-scheme: dark){::-moz-selection{background-color:#1c76c5;background-color:var(--selection)}::selection{background-color:#1c76c5;background-color:var(--selection)}}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}@media (prefers-color-scheme: dark){details{background-color:#1a242f;background-color:var(--background-alt)}}details[open]{padding:10px}details > :last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}@media (prefers-color-scheme: dark){summary{background-color:#161f27;background-color:var(--background)}}summary:focus,summary:hover{text-decoration:underline}details > :not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636;color:var(--text-main)}@media (prefers-color-scheme: dark){summary::-webkit-details-marker{color:#dbdbdb;color:var(--text-main)}}dialog{background-color:#f7f7f7;background-color:var(--background-alt);color:#363636;color:var(--text-main);border:none;border-radius:6px;border-color:#dbdbdb;border-color:var(--border);padding:10px 30px}@media (prefers-color-scheme: dark){dialog{border-color:#526980;border-color:var(--border)}}@media (prefers-color-scheme: dark){dialog{color:#dbdbdb;color:var(--text-main)}}@media (prefers-color-scheme: dark){dialog{background-color:#1a242f;background-color:var(--background-alt)}}dialog > header:first-child{background-color:#efefef;background-color:var(--background);border-radius:6px 6px 0 0;margin:-10px -30px 10px;padding:10px;text-align:center}@media (prefers-color-scheme: dark){dialog > header:first-child{background-color:#161f27;background-color:var(--background)}}dialog::-webkit-backdrop{background:#0000009c;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}dialog::backdrop{background:#0000009c;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}footer{border-top:1px solid #dbdbdb;border-top:1px solid var(--border);padding-top:10px;color:#70777f;color:var(--text-muted)}@media (prefers-color-scheme: dark){footer{color:#a9b1ba;color:var(--text-muted)}}@media (prefers-color-scheme: dark){footer{border-top:1px solid #526980;border-top:1px solid var(--border)}}body > footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(even){background-color:#f2f2f2}a{color:#00f;text-decoration:underline}}
-</style>
+<link rel="stylesheet" href="water.css?v=5">
+<link rel="shortcut icon" type="image/x-icon" href="{ASSET_PATH}gfx/icon.png">
<meta charset="utf-8"/>
<title>RNode Bootstrap Console</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
+<div id="load_overlay" style="background-color:#2a2a2f; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2000;"></div>
+<span class="logo">RNode Console</span>
+<br/>
+<center><span class="menu"><a href="index.html">Start</a> | <a href="replicate.html">Replicate</a> | <a href="guides.html">Guides</a> | <a href="software.html">Software</a> | <a href="help.html">Help & Support</a> | <a href="donate.html">Donate</a></span></center>
+<br/>
+<hr>
+<p>Welcome to the <b>RNode Bootstrap Console</b>. This repository contains all the tools, software and information necessary to bootstrap networks and communications systems based on Reticulum.</p>
-</body>
-</html>
\ No newline at end of file
+<p>The tools and information contained in this RNode will also allow you to replicate the design, build more RNodes and grow your communications ecosystems.</p>
+<br/>
+<br/>
+<center><img src="test.png" width="50%"/></center>
+<br/>
+<center>
+<h3>What would you like to do?</h3>
+<p>This repository contains resources for a variety of different tasks. You can browse this repository freely, or jump straight into a task-oriented workflow by selecting one of the starting points below.</p>
+<br/>
+<button type="button" id="task-rns">Create RNodes</button>
+<button type="button" id="task-rns">Download Programs</button>
+<button type="button" id="task-rns">Install Reticulum</button>
+<button type="button" id="task-rns">Build A Network</button>
+<button type="button" id="task-rns">Learn About Reticulum</button>
+<button type="button" id="task-rns">Contribute</button>
+<button type="button" id="task-rns">Get Help</button>
+</center>
+</body></html>
\ No newline at end of file