commit f63dfd3ba0f72e24a16929790771abd439683bb3
parent c6842c55c1d25888c26e97684d04751f681ae400
Author: fjbalon <fbalon@templier.es>
Date: Sat, 6 Jun 2026 01:12:35 +0200
Actualización de index.html principal con PoC de entradas, acceso a git y favicon
Diffstat:
| A | favicon.png | | | 0 | |
| M | index.html | | | 48 | +++++++++++++++++++++++++++++++++++++++++++++++- |
| A | logo.png | | | 0 | |
| A | style.css | | | 93 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
4 files changed, 140 insertions(+), 1 deletion(-)
diff --git a/favicon.png b/favicon.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -1 +1,47 @@
-<p>Primer commit, mira mi blog en <a href="blog/">asd</a><p>
+<!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>
+<p class="subtitle">Caballero. Cristiano Viejo. Unixismo.</p>
+<nav class="menu">
+ <a href="./git">git</a>
+</nav>
+</header>
+
+<section class="blog">
+
+ <a href="./archlinux/" class="article">
+ <p class="title">Entrada 1</p>
+ <p class="info">20/12/2021 · Autor</p>
+ <p>Lorem ipsum dolor sit amet...</p>
+ </a>
+
+ <a href="#" class="article">
+ <p class="title">Entrada 2</p>
+ <p class="info">20/12/2021 · Autor</p>
+ <p>Lorem ipsum dolor sit amet...</p>
+ </a>
+
+ <a href="#" class="article">
+ <p class="title">Entrada 3</p>
+ <p class="info">20/12/2021 · Autor</p>
+ <p>Lorem ipsum dolor sit amet...</p>
+ </a>
+
+ <a href="#" class="article">
+ <p class="title">Entrada 4</p>
+ <p class="info">20/12/2021 · Autor</p>
+ <p>Lorem ipsum dolor sit amet...</p>
+ </a>
+</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,92 @@
+header {
+ text-align: center;
+ margin-bottom: 70px;
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 40px;
+}
+
+header .logo {
+ display: block;
+ margin: 0 auto 1rem auto;
+ width: 50px;
+ height: 50px;
+ object-fit: cover;
+}
+
+h1 {
+ font-size: 2.8rem;
+ font-weight: 700;
+ margin-bottom: 10px;
+}
+
+.subtitle {
+ font-size: 1.1rem;
+ color: var(--accent);
+ font-style: italic;
+ margin-bottom: 20px;
+}
+
+.menu {
+ font-style: italic;
+ 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;
+}
+\ No newline at end of file
