From ee14db17772037f9892d4de893ce5c4ad776f6e6 Mon Sep 17 00:00:00 2001
From: Gijs <gijs@de-heij.com>
Date: Sat, 5 Jun 2021 16:22:35 +0200
Subject: [PATCH] Index page for paseo

---
 scripts/templates/index.html | 59 ++++++++++++++++++++++++++++++++----
 1 file changed, 53 insertions(+), 6 deletions(-)
diff --git a/scripts/templates/index.html b/scripts/templates/index.html
index ddac7e2..c3e322c 100644
--- a/scripts/templates/index.html
+++ b/scripts/templates/index.html
@@ -1,7 +1,54 @@
-<h1>Hello world</h1>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Paseo por los árboles de Madrid</title>
+  <style>
+    body {
+      max-width: 60ch;
+      margin: 3em auto;
+      font-size: var(--font-size);
+      line-height: var(--line-height)
+    }
 
-<form method="POST" action="/book">
-  <label><input type="radio" name="fragment" value="0" checked> Fragment 1</label><br />
-  <label><input type="radio" name="fragment" value="1"> Fragment 2</label><br />
-  <button type="submit">Generate</button>
-</form>
\ No newline at end of file
+    :root {
+      --font-size: 14pt;
+      --line-height: 18pt;
+    }
+
+    label {
+      display: block;
+      margin-bottom: var(--line-height);
+      text-indent: -11ch;
+    }
+
+    button {
+      font: inherit;
+    }
+
+  </style>
+</head>
+<body>
+  <h1>Paseo por los árboles de Madrid</h1>
+  <p>En este libro, el algoritmo de las cadenas de Markov genera simultáneamente un poema y un paseo por los árboles del barrio de Las Letras, en el centro de Madrid. A pesar de la impresión de que hay pocos árboles en el barrio, el algoritmo cuenta con 460 de ellos. </p>
+  <p>La cadena de Markov fue diseñada en 1906 por Andrey Markov, un matemático ruso fallecido en 1992. Este algoritmo está en la base de muchos programas informáticos que generan spam. Se utiliza para sistemas que describen una serie de eventos que son interdependientes. Lo que ocurre depende únicamente del paso anterior.</p>
+  <p>El libro se construye entonces paso a paso. </p>
+  <p>
+    <strong>Puedes elegir una novela para crear tu Paseo por árboles de Madrid.</strong>
+  </p>
+  <form method="POST" action="/book">
+    <label><input type="radio" name="fragment" value="0" checked> Opción 1: La novela <em>‘La madre naturaleza’</em> de la escritora feminista <em>Emilia Pardo Bazán</em>
+      fue publicada en 1887. Usa en esta obra una prosa poética y descriptiva, y en sus páginas se
+      siente el amor que profesa al paisaje gallego, con un conocimiento de la botánica y de
+      las costumbres rurales muy superior al de sus contemporáneos.</label><br />
+    <label><input type="radio" name="fragment" value="1"> Opción 2: La novela <em>‘Miau’</em> del escritor <em>Benito Pérez Galdós</em> fue publicada en 1888.
+      Enmarcada en el género realista, satiriza el Madrid burocrático de finales del siglo XIX
+      a partir de las vicisitudes vitales de su protagonista, Ramón Villaamil,
+      un competente exempleado del Ministerio de Hacienda, al que una serie de intrigas
+      han dejado cesante.</label><br />
+    <button type="submit">Generate</button>
+  </form>
+</body>
+</html>
\ No newline at end of file
