commit 2546416989a6a34d3a959c867e07c1597891a937
Author: fjbalon <fjbalon@templier.es>
Date: Sun, 4 Oct 2026 23:47:46 +0200
Restauración de repositorio de git de blog estático httpd (2026)
Diffstat:
7 files changed, 349 insertions(+), 0 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+*~
+*.swp
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1 @@
+Este es el feudo de Internet personal de <i>fjbalon</i>.
+\ No newline at end of file
diff --git a/article.css b/article.css
@@ -0,0 +1,199 @@
+body {
+ background-color: rgb(255, 255, 255);
+ color: rgb(28, 28, 28);
+ /* font-family: 'Times New Roman', Times, serif; */
+ /* font-weight: 300; */
+ /* line-height: 1.5; */
+ /* text-align: justify; */
+ max-width: 130ex;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 2em;
+ /* letter-spacing: 1px; */
+ /* overflow-wrap: break-word; */
+}
+
+hr {
+ height: 0.5px;
+ border: none;
+ background-color: #ddd;
+ width: 50%;
+ margin: 30px auto;
+}
+
+header {
+ text-align: center;
+}
+
+.title {
+ font-size: 28px;
+ line-height: 1em;
+ margin-bottom: 20px;
+}
+
+.date {
+ font-size: 14px;
+ color: grey;
+ font-style: italic;
+}
+
+h1, h2, h3 {
+ padding-top: 1em;
+ font-weight: normal;
+ line-height: 1em;
+ margin-bottom: 20px;
+}
+
+a {
+ text-decoration: none;
+ border-bottom: 1px dotted;
+ cursor: pointer;
+ transition: color .2s ease-out;
+}
+
+a:hover {
+ color: #005577;
+}
+
+img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 80%;
+}
+
+cita {
+ display: block;
+ color: #333;
+ margin: 1em 0;
+ padding: 1em;
+ border-left: 1px solid #ddd;
+ font-style: italic;
+}
+
+cita p:last-of-type {
+ margin-bottom: 0;
+ text-align: right;
+ font-style: normal;
+}
+
+code {
+ font-family: monospace;
+ font-size: inherit;
+ color: #ffffff;
+ background-color: #333;
+ display: block;
+ padding-right: 1%;
+ padding-left: 1%;
+ padding-top: 1%;
+ padding-bottom: 1%;
+ word-wrap: normal;
+ overflow-x: auto;
+}
+
+.diff .add {color:#00ff9d;}
+.diff .del {color:#ff5f5f;}
+.diff .header {color:#569cd6;}
+.diff .hunk {color:#d7ba7d;}
+.diff .info {color:#848484;}
+
+codeb {
+ font-family: monospace;
+ font-size: inherit;
+ color: #ffffff;
+ background-color: #333;
+ display: block;
+ padding: 1%; /* más simple */
+
+ /* Lo importante para wrapping: */
+ white-space: pre-wrap; /* mantiene indentación y hace wrap */
+ word-break: break-word; /* rompe palabras largas si es necesario */
+ overflow-x: hidden; /* o "visible", pero hidden es más limpio */
+ overflow-wrap: break-word; /* respaldo moderno */}
+
+emb {
+ font-family: monospace;
+ background-color: #f0f0f0;
+ border-radius: 3px;
+ padding: 2px 4px;
+ font-size: 0.9em;
+ color: #333;
+}
+
+kbd {
+ font-family: monospace;
+ background-color: #f0f0f0;
+ border-radius: 3px;
+ padding: 2px 4px;
+ font-size: 0.9em;
+ color: #333;
+ white-space: nowrap;
+ border: 1px solid #ccc;
+ box-shadow: inset 0 -1px 0 #fff;
+}
+
+math {
+ font-family: monospace;
+ display: block;
+ margin: 10px;
+ word-wrap: normal;
+ overflow-x: auto;
+}
+
+.subrayado {background-color:#fff981;}
+
+@media screen and (max-width: 768px) {
+ body {
+ /* padding: 2em; */
+ /* font-size: 85%; */
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ color: rgb(234, 234, 234);
+ background-color: black;
+ }
+
+ a {
+ color: #349dc6;
+ }
+
+ a:hover {
+ color: antiquewhite;
+ }
+
+ .color-invertible {
+ filter: invert(100%);
+ }
+
+ cita {
+ color: lightcyan;
+ border-left: 1px solid lightcyan;
+ }
+
+ code {
+ color: lightcyan;
+ background-color: rgb(27, 27, 27);
+ }
+
+ codeb {
+ color: lightcyan;
+ background-color: rgb(27, 27, 27);
+ }
+
+ emb {
+ background-color: #343434;
+ color: lightcyan;
+ }
+
+ kbd {
+ background-color: #343434;
+ color: #ffffff;
+ border: 1px solid #211e1e;
+ box-shadow: inset 0 -1px 0 #000000;
+ }
+
+ .subrayado {background-color:#373400;}
+
+}
+\ No newline at end of file
diff --git a/favicon.png b/favicon.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Bernardo de Borgoña</title>
+<link rel="icon" type="image/png" href="favicon.png" />
+<link rel="stylesheet" type="text/css" href="style.css" /></head>
+<body>
+<header>
+<img class="logo" src="logo.png" alt="Bernardo de Borgoña">
+<h1 class="title">Bernardo de Borgoña</h1>
+<nav class="menu">
+<a href="/git">/git</a>
+<a href="/about">/about</a>
+</nav>
+</header>
+
+<section class="blog">
+
+Hola mundo.
+
+</section>
+</body>
+</html>
diff --git a/logo.png b/logo.png
Binary files differ.
diff --git a/style.css b/style.css
@@ -0,0 +1,119 @@
+header {
+ text-align: center;
+}
+
+header .logo {
+ display: block;
+ margin: 0 auto 1rem auto;
+ width: 50px;
+ height: 50px;
+ object-fit: cover;
+ padding-top: 2em;
+}
+
+h1 {
+ font-size: 2.8rem;
+ font-weight: 700;
+ margin-bottom: 10px;
+}
+
+
+hr {
+ height: 0.5px;
+ border: none;
+ background-color: #ddd;
+ width: 50%;
+ margin: 30px auto;
+}
+
+.menu {
+ font-style: bold;
+ text-align: center;
+ margin: 1.5rem 0;
+}
+
+.menu a {
+ color: inherit;
+ /* text-decoration: none; */
+}
+
+.menu a:hover {
+ text-decoration: underline;
+}
+
+
+/* Sección del blog */
+.blog {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+ gap: 1rem;
+}
+
+/* Cada artículo */
+.blog .article {
+ display: block;
+ padding: 1rem;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ text-decoration: none;
+ color: inherit;
+ background: #fff;
+
+ transition: background-color 0.2s ease,
+ border-color 0.2s ease;
+}
+
+/* Efecto al pasar el ratón */
+.blog .article:hover {
+ background-color: #f0f0f0;
+ border-color: #999;
+}
+
+/* Opcional: mejorar accesibilidad al navegar con teclado */
+.blog .article:focus {
+ outline: 2px solid #666;
+ outline-offset: 2px;
+}
+
+/* Márgenes internos de los textos */
+.blog .article p {
+ margin: 0;
+}
+
+.blog .article .title {
+ margin-bottom: 0.5rem;
+ font-weight: bold;
+}
+
+.blog .article .info {
+ margin-bottom: 0.75rem;
+ color: #666;
+ font-size: 0.9rem;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ color: rgb(234, 234, 234);
+ background-color: black;
+ }
+
+ .blog .article {
+ border: 1px solid rgb(27, 27, 27);;
+ background: #101010;
+ }
+
+ .blog .article:hover {
+ background-color: #222222;
+ border-color: #2f2f2f;
+ }
+
+ /* Opcional: mejorar accesibilidad al navegar con teclado */
+ .blog .article:focus {
+ outline: 2px solid #454545;
+ }
+
+ .blog .article .info {
+ color: #a1a1a1;
+ }
+
+}
+\ No newline at end of file
