Skip to content

Commit

Permalink
fix poemas largos
Browse files Browse the repository at this point in the history
  • Loading branch information
@ManuFlosoYT
ManuFlosoYT committed Sep 22, 2024
1 parent 62c63b2 commit 4ed03e8
Show file tree
Hide file tree
Showing 13 changed files with 359 additions and 47 deletions.
27 changes: 3 additions & 24 deletions Generaciones/Generacion27/Autores/DamasoAlonso/DamasoAlonso.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,38 +60,17 @@ <h1>Libros:</h1>

<h2 class="poemas">Poemas:</h2>


<!-- EMPIEZA POEMA -->
<details>

<summary class="poemas-titulo"><a href="Profundis.html">De profundis</a></summary>

<summary class="poemas-titulo">De profundis</summary>
<div class="fondo-texto-poema">

<pre id="profundis" style="overflow-x: auto;"></pre>

</div>
</details>
<!-- EMPIEZA POEMA -->
<details>


<summary class="poemas-titulo">Insomnio</summary>
<div class="fondo-texto-poema">

<pre id="insomnio" style="overflow-x: auto;"></pre>
<div class="alineadoAudio">
<div class="marcoAudio">
<b>Poema recitado:</b>
<br>
<b>Voz de Damaso Alonso</b>
<br>
<br>
<audio controls>
<source src="Audio/Insomnio_recitado_por_Damaso_Alonso [EyUNJnsbjJ0].mp3" type="audio/mpeg">
</audio>
</div>
</div>
</div>
<summary class="poemas-titulo"><a href="Insomnio.html">Insomnio</a></summary>

</details>

Expand Down
56 changes: 56 additions & 0 deletions Generaciones/Generacion27/Autores/DamasoAlonso/Insomnio.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" type="image/x-icon" href="../../../../favicon.ico">
<title>Insomnio</title>
<link rel="stylesheet" href="../../../../antologia.css" />
<script src="script.js"></script>
</head>

<body class="body-poema-largo">
<script src="header.js"></script>


<div class="fondo-poema-largo">



<h1 class="h1-autor">Insomnio</h1>


<div>
<div class="bloque-poema-largo">

<pre id="insomnio"></pre>
<div class="alineadoAudio">
<div class="marcoAudio">
<b>Poema recitado:</b>
<br>
<b>Voz de Damaso Alonso</b>
<br>
<br>
<audio controls>
<source src="Audio/Insomnio_recitado_por_Damaso_Alonso [EyUNJnsbjJ0].mp3" type="audio/mpeg">
</audio>
</div>
</div>
</div>

<div class="line"></div>

<a href="DamasoAlonso.html">
<div class="volver-poema-largo">
<div class="image-header">
<img src="../../../../../Imagenes/Header/volver.png">
</div>
<h2>Volver atrás</h2>
</div>
</a>
<div class="line"></div>
<br>
</div>

</div>
</body>
</html>
45 changes: 45 additions & 0 deletions Generaciones/Generacion27/Autores/DamasoAlonso/Profundis.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" type="image/x-icon" href="../../../../favicon.ico">
<title>De profundis</title>
<link rel="stylesheet" href="../../../../antologia.css" />
<script src="script.js"></script>
</head>

<body class="body-poema-largo">
<script src="header.js"></script>


<div class="fondo-poema-largo">



<h1 class="h1-autor">De profundis</h1>


<div>
<div class="bloque-poema-largo">

<pre id="profundis"></pre>

</div>

<div class="line"></div>

<a href="DamasoAlonso.html">
<div class="volver-poema-largo">
<div class="image-header">
<img src="../../../../../Imagenes/Header/volver.png">
</div>
<h2>Volver atrás</h2>
</div>
</a>
<div class="line"></div>
<br>
</div>

</div>
</body>
</html>
3 changes: 2 additions & 1 deletion Generaciones/Generacion27/Autores/DamasoAlonso/Textos/insomnio.txt
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
Madrid es una ciudad de más de un millón de cadáveres (según las últimas estadísticas).
A veces en la noche yo me revuelvo y me incorporo en este nicho en el que hace 45 años que me pudro,
y paso largas horas oyendo gemir al huracán, o ladrar los perros, o fluir blandamente la luz de la luna.
Y paso largas horas gimiendo como el huracán, ladrando como un perro enfurecido, fluyendo como la leche de la ubre caliente de una gran vaca amarilla.
Y paso largas horas gimiendo como el huracán, ladrando como un perro enfurecido, fluyendo /
como la leche de la ubre caliente de una gran vaca amarilla.
Y paso largas horas preguntándole a Dios, preguntándole por qué se pudre lentamente mi alma,
por qué se pudren más de un millón de cadáveres en esta ciudad de Madrid,
por qué mil millones de cadáveres se pudren lentamente en el mundo.
Expand Down
71 changes: 71 additions & 0 deletions Generaciones/Generacion27/Autores/DamasoAlonso/header.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
function createHeader() {
// Crea el elemento header
const header = document.createElement('header');

// Añade contenido al header (puedes personalizar esto)
header.innerHTML = `
<div class="fondo-header">
<nav>
<ul>
<li>
<a href="../../../../../index.html">
<div class="fondo-header-inicio">
<div class="image-header">
<img src="../../../../../Imagenes/Header/home.webp">
</div>
<h2>Inicio</h2>
</div>
</a>
</li>
<li>
<a href="DamasoAlonso.html">
<div class="fondo-header-volver">
<div class="image-header">
<img src="../../../../../Imagenes/Header/volver.png">
</div>
<h2>Volver atrás</h2>
</div>
</a>
</li>
<li>
<a href="../../../../../Listado.html">
<div class="fondo-header-listado">
<div class="image-header">
<img src="../../../../../Imagenes/Header/pergamino.webp">
</div>
<h2>Listado de poemas</h2>
</div>
</a>
</li>
<li>
<a href="../../../../../Sorteos/Sorteos.html">
<div class="fondo-header-sorteos">
<div class="image-header">
<img src="../../../../../Imagenes/Header/dados.webp">
</div>
<h2>Sorteos</h2>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div id="miDiv">
<a href="#" >
<div class="fondo-header-subir">
<div class="image-header">
<img src="../../../../Imagenes/Header/subir.png">
</div>
<h2>Subir</h2>
</div>
</a>
</div>
`;

// Inserta el header al principio del body
document.body.insertBefore(header, document.body.firstChild);
}

// Ejecuta la función para crear el header
createHeader();
45 changes: 45 additions & 0 deletions .../Novisimos/Autores/LeopoldoMariaPanero/Blancanieves se despide de los siete enanitos.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" type="image/x-icon" href="../../../../favicon.ico">
<title>Blancanieves se despide de los siete enanitos</title>
<link rel="stylesheet" href="../../../../antologia.css" />
<script src="script.js"></script>
</head>

<body class="body-poema-largo">
<script src="header.js"></script>


<div class="fondo-poema-largo">



<h1 class="h1-autor">Blancanieves se despide de los siete enanitos</h1>


<div>
<div class="bloque-poema-largo">

<pre id="enanitos"></pre>

</div>

<div class="line"></div>

<a href="LeopoldoMariaPanero.html">
<div class="volver-poema-largo">
<div class="image-header">
<img src="../../../../../Imagenes/Header/volver.png">
</div>
<h2>Volver atrás</h2>
</div>
</a>
<div class="line"></div>
<br>
</div>

</div>
</body>
</html>
6 changes: 1 addition & 5 deletions Generaciones/Novisimos/Autores/LeopoldoMariaPanero/LeopoldoMariaPanero.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,12 +63,8 @@ <h2 class="poemas">Poemas:</h2>
<!-- EMPIEZA POEMA -->
<details>

<summary class="poemas-titulo"><a href="Blancanieves se despide de los siete enanitos.html">Blancanieves se despide de los siete enanitos</a></summary>

<summary class="poemas-titulo">Blancanieves se despide de los siete enanitos</summary>
<div class="fondo-texto-poema">
<pre id="enanitos" style="overflow-x: auto;"></pre>

</div>
</details>
<!-- EMPIEZA POEMA -->
<details>
Expand Down
71 changes: 71 additions & 0 deletions Generaciones/Novisimos/Autores/LeopoldoMariaPanero/header.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
function createHeader() {
// Crea el elemento header
const header = document.createElement('header');

// Añade contenido al header (puedes personalizar esto)
header.innerHTML = `
<div class="fondo-header">
<nav>
<ul>
<li>
<a href="../../../../../index.html">
<div class="fondo-header-inicio">
<div class="image-header">
<img src="../../../../../Imagenes/Header/home.webp">
</div>
<h2>Inicio</h2>
</div>
</a>
</li>
<li>
<a href="DamasoAlonso.html">
<div class="fondo-header-volver">
<div class="image-header">
<img src="../../../../../Imagenes/Header/volver.png">
</div>
<h2>Volver atrás</h2>
</div>
</a>
</li>
<li>
<a href="../../../../../Listado.html">
<div class="fondo-header-listado">
<div class="image-header">
<img src="../../../../../Imagenes/Header/pergamino.webp">
</div>
<h2>Listado de poemas</h2>
</div>
</a>
</li>
<li>
<a href="../../../../../Sorteos/Sorteos.html">
<div class="fondo-header-sorteos">
<div class="image-header">
<img src="../../../../../Imagenes/Header/dados.webp">
</div>
<h2>Sorteos</h2>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div id="miDiv">
<a href="#" >
<div class="fondo-header-subir">
<div class="image-header">
<img src="../../../../Imagenes/Header/subir.png">
</div>
<h2>Subir</h2>
</div>
</a>
</div>
`;

// Inserta el header al principio del body
document.body.insertBefore(header, document.body.firstChild);
}

// Ejecuta la función para crear el header
createHeader();
Binary file added Imagenes/Listado/facebook.webp
View file
Binary file not shown.
Binary file added Imagenes/Listado/vacio.webp
View file
Binary file not shown.
4 changes: 2 additions & 2 deletions Listado.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -910,7 +910,7 @@ <h3 class="titulo3">Gabriel Celaya</h3>
<div class="container">
<a href="">
<div class="listado">
<img src="Imagenes/Listado/youtube.png" class="youtube">
<img src="Imagenes/Listado/facebook.webp" class="youtube">
<p>Biografía</p>
</div>
</a>
Expand All @@ -929,7 +929,7 @@ <h3 class="titulo3">Blas de Otero</h3>
<div class="container">
<a href="">
<div class="listado">
<img src="Imagenes/Listado/youtube.png" class="youtube">
<img src="Imagenes/Listado/vacio.webp" class="youtube">
<p>A la inmensa mayoría</p>
</div>
</a>
Expand Down
Loading

0 comments on commit 4ed03e8

Please sign in to comment.