chore: reorganizar estructura de archivos

- tambien he puesto los documentos en `doc` directamente para evitar el symlink
2026-04-16 10:32:57 +02:00
parent 6632f40ad2
commit 25ea92193a
11 changed files with 51 additions and 40 deletions
--- a/doc/html/res/style.css
+++ b/doc/html/res/style.css
@@ -0,0 +1,141 @@
+:root {
+  --text-color: #eee;
+  --faint-text-color: #888;
+  --background-color: #121415;
+
+  --blockquote-color: #444;
+
+  --link-color: #d55;
+  --visited-link-color: #a22;
+
+  --code-background-color: #0a0a0a;
+
+  --text-font: system-ui, sans-serif;
+
+  --quoteish-left-width: 4px;
+}
+
+/* Just add `class="to-print"` to `html` in dev tools */
+:root.to-print {
+  --visited-link-color: var(--link-color);
+
+  --text-color: #111118;
+  --faint-text-color: #666;
+  --background-color: #fff;
+
+  --blockquote-color: #aaa;
+
+  --code-background-color: #ccc;
+
+  font-size: 0.85em;
+}
+
+/* General */
+
+html {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--background-color);
+}
+
+body {
+  font-family: var(--text-font);
+  line-height: 1.6;
+  max-width: 700px;
+  margin: 30px 50px;
+
+  color: var(--text-color);
+}
+
+/* Headings */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  border-bottom: 1px var(--faint-text-color) solid;
+}
+
+/* Block Quotes */
+
+blockquote {
+  border-left: var(--quoteish-left-width) var(--blockquote-color) solid;
+  padding: 0 30px;
+  margin-left: 10px;
+  /* margin-bottom: 20px; */
+}
+
+/* Code */
+
+pre code,
+pre code span {
+  padding: 0;
+  margin: 0;
+}
+
+pre.sourceCode, code {
+  background-color: var(--code-background-color);
+  padding: 0.4em 0.8em;
+  border-radius: 0.6em;
+}
+
+a {
+  color: var(--link-color);
+}
+
+a:visited {
+  color: var(--visited-link-color);
+}
+
+/* Image */
+
+img {
+  --margin: 50px;
+
+  width: calc(100% - var(--margin) * 2);
+  margin: 0 var(--margin);
+}
+
+/* Alerts */
+
+.note {
+  --color: #7cf;
+  --icon: "🛈";
+}
+
+.warning {
+  --color: #e70;
+  --icon: "⚠";
+}
+
+.note,
+.warning {
+  border-left: var(--quoteish-left-width) var(--color) solid;
+  padding: 15px 30px;
+  margin-left: 10px;
+  margin-bottom: 20px;
+
+  background-color: #ffffff05;
+}
+
+.note>.title>p,
+.warning>.title>p {
+  color: var(--color);
+  font-size: 1.25em;
+  font-weight: bold;
+  margin-top: 0;
+}
+
+.note> :last-child,
+.warning> :last-child {
+  margin-bottom: 0;
+}
+
+.note>.title>p::before,
+.warning>.title>p::before {
+  content: var(--icon);
+  margin-right: 0.25em;
+}
--- a/doc/html/res/template.html
+++ b/doc/html/res/template.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>$title$</title>
+        <link href="res/style.css" rel="stylesheet">
+    </head>
+    <body> $body$ </body>
+</html>