Estructura lista, falta el contenido
Juanposo
parent
a3ef7dd4ad
commit
9702c10259
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"folders": [
|
||||
{
|
||||
"path": "../../.."
|
||||
}
|
||||
],
|
||||
"settings": {}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
|
|
@ -11,13 +11,13 @@
|
|||
<!--HEADER-->
|
||||
<section class="siteheader">
|
||||
<header>
|
||||
<nav>
|
||||
<h1 href="index.html">Logo</h1>
|
||||
<nav>
|
||||
<a class="logo" href="index.html"><b>Logo</b></a>
|
||||
<div></div>
|
||||
<div class="menuitems">
|
||||
<a href="escuchando.html">Escuchando</a>
|
||||
<a href="recomendaciones.html">Recomendaciones</a>
|
||||
<a href="favoritos.html">Mis favoritos</a>
|
||||
<a href="favoritos.html">Favoritos</a>
|
||||
<a href="otros.html">Otros</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -25,9 +25,9 @@
|
|||
</section>
|
||||
<!--CONTENIDO-->
|
||||
<section class="pagecontent">
|
||||
<h1>Me gusta la música c:</h1>
|
||||
<p>Hay música para todos, solo que no todos saben que les gusta, y cómo alguien que basa su personalidad en que escucha mucha música quiero mostrar un poco de música para que veas si algo te interesa, y si no, :c</p>
|
||||
<p>Por lo mismo esta página esta dedicada a mostrarte nueva música y cómo encontrarla de la forma que yo utilizo, ya que en la era del algoritmo uno pensaría que sería muy difícil encontrar música que a uno le interese, pero en mi opinión es más fácil que nunca.</p>
|
||||
<h1>Cómo escuchar música en la era Moderna</h1>
|
||||
<p>Encontrar música nueva es más fácil que nunca, el problema es que la mayoría se entrega a través de algoritmos o por plataformas donde uno no tiene el control sobre qué quiere escuchar, a menos que no sepas que te gusta, en ese caso te recoiendo la página <a href="recomendaciones.html">Recomendaciones</a> para ayudarte a encontrar tu música preferida.</p>
|
||||
<p>lol</p>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Favoritos</title>
|
||||
<title>Recomendaciones</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -12,20 +12,76 @@
|
|||
<section class="siteheader">
|
||||
<header>
|
||||
<nav>
|
||||
<h1 href="index.html">Logo</h1>
|
||||
<a class="logo" href="index.html"><b>Logo</b></a>
|
||||
<div></div>
|
||||
<div class="menuitems">
|
||||
<a href="escuchando.html">Escuchando</a>
|
||||
<a href="recomendaciones.html">Recomendaciones</a>
|
||||
<a href="favoritos.html">Mis favoritos</a>
|
||||
<a href="favoritos.html">Favoritos</a>
|
||||
<a href="otros.html">Otros</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
</section>
|
||||
<!--CONTENIDO-->
|
||||
<div class="pagecontent">
|
||||
|
||||
<section class="pagecontent">
|
||||
<div class="pagetext">
|
||||
<h1>Mis Discos Favoritos</h1>
|
||||
<p>Aquí simlemente voy a poner mis discos favoritos, sorprendente lo sé.</p>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/TPAB Cover.webp" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/7Ks4VCY1wFebnOdJrM13t6?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" class="image"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>To Pimp a Butterfly</h2>
|
||||
<h4>Kendrick Lamar - Hip-Hop/Jazz - 2015</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/In Rainbows Cover.png" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/4wajJ1o7jWIg62YqpkHC7S?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>In Rainbows</h2>
|
||||
<h4>Radiohead - Rock Experimental - 2007</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/midnight marauders cover.webp" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/5YTM7OgQDt9EJAYcfHLniJ?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Midnight Marauders</h2>
|
||||
<h4>A Tribe Called Quest - Hip-Hop - 1993</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/Alive 2007 Cover.jpg" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/1H1d4dr7Hk5Rrd8Tb5y5yr?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Alive 2007</h2>
|
||||
<h4>Daft Punk - House/EDM (Live) - 2007</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 535 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
|
|
@ -12,12 +12,12 @@
|
|||
<section class="siteheader">
|
||||
<header>
|
||||
<nav>
|
||||
<h1 href="index.html">Logo</h1>
|
||||
<a class="logo" href="index.html"><b>Logo</b></a>
|
||||
<div></div>
|
||||
<div class="menuitems">
|
||||
<a href="escuchando.html">Escuchando</a>
|
||||
<a href="recomendaciones.html">Recomendaciones</a>
|
||||
<a href="favoritos.html">Mis favoritos</a>
|
||||
<a href="favoritos.html">Favoritos</a>
|
||||
<a href="otros.html">Otros</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@
|
|||
<section class="siteheader">
|
||||
<header>
|
||||
<nav>
|
||||
<h1 href="index.html">Logo</h1>
|
||||
<a class="logo" href="index.html"><b>Logo</b></a>
|
||||
<div></div>
|
||||
<div class="menuitems">
|
||||
<a href="escuchando.html">Escuchando</a>
|
||||
<a href="recomendaciones.html">Recomendaciones</a>
|
||||
<a href="favoritos.html">Mis favoritos</a>
|
||||
<a href="favoritos.html">Favoritos</a>
|
||||
<a href="otros.html">Otros</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@
|
|||
<section class="siteheader">
|
||||
<header>
|
||||
<nav>
|
||||
<h1 href="index.html">Logo</h1>
|
||||
<a class="logo" href="index.html"><b>Logo</b></a>
|
||||
<div></div>
|
||||
<div class="menuitems">
|
||||
<a href="escuchando.html">Escuchando</a>
|
||||
<a href="recomendaciones.html">Recomendaciones</a>
|
||||
<a href="favoritos.html">Mis favoritos</a>
|
||||
<a href="favoritos.html">Favoritos</a>
|
||||
<a href="otros.html">Otros</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -26,13 +26,68 @@
|
|||
<!--CONTENIDO-->
|
||||
<section class="pagecontent">
|
||||
<div class="pagetext">
|
||||
<h1>Discos necesarios para cualquiera</h1>
|
||||
<p>El otro día vi un Reel que preguntaba "si tuvieras que escoger 5 álbumes necesarios, cuáles escogerías y por qué?". Así que </p>
|
||||
<h1>Discos recomendados para expandir tu gusto</h1>
|
||||
<p>El otro día vi un video que hacía la siguiente pregunta: ¿Si tuvieras que recomendar a alguien que no supiera nada de música 5 álbumes y por qué?, esta sección es mi respuesta a esa pregunta.</p>
|
||||
<p>Esto funciona así, si te gusta alguno de estos discos, lo más probable es que te interese música similar. Así que escogí lo más variado dentro de géneros </p>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<img src="TPAB poster.webp" class="image">
|
||||
<div>
|
||||
<img src="files/songs in the key of life cover.webp" class="image">
|
||||
<iframe class="ytembed" height="222px" src="https://www.youtube.com/embed/hmKshpLXnxE?si=JraxiDigDlEzz16k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Songs in The Key of Life</h2>
|
||||
<h4>Stevie Wonder - Soul - 1976</h4>
|
||||
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/TPAB Cover.webp" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/7Ks4VCY1wFebnOdJrM13t6?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>To Pimp a Butterfly</h2>
|
||||
<h4>Kendrick Lamar - Hip-Hop/Jazz - 2015</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/Discovery Cover.webp" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/3H3cOQ6LBLSvmcaV7QkZEu?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Discovery</h2>
|
||||
<h4>Daft Punk - French House - 2001</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/el jardin de los presentes cover.webp" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/4K5ZDxu6eeAXUXhbkJRXXA?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>El Jardín de Los Presentes</h2>
|
||||
<h4>Invisible (Spinneta) - Rock Progresivo - 1976</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="albumWrapper">
|
||||
<div>
|
||||
<img src="files/Clube Da Esquina Cover.jpg" class="image">
|
||||
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/4YwIblyn5m2XAJ7ljh5d79?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Clube Da Esquina</h2>
|
||||
<h4>Milton Nascimiento y Lô Borgue - MPB - 1972</h4>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, quae minus nulla similique quasi, quod maxime adipisci earum laudantium iure iusto sapiente? Alias eum molestias inventore saepe, facilis voluptatibus vero!
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
}
|
||||
|
||||
.sitecanvas {
|
||||
background-color: white;
|
||||
max-width: 1020px;
|
||||
margin:0 auto;
|
||||
box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933;
|
||||
|
|
@ -25,7 +26,6 @@ header {
|
|||
|
||||
nav {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
grid-template-columns: 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
|
|
@ -36,13 +36,18 @@ header {
|
|||
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 42px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.menuitems {
|
||||
justify-content: right;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
|
||||
nav div a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
|
@ -56,7 +61,18 @@ header {
|
|||
padding: 20px;
|
||||
color: black;
|
||||
font-size: 20px;
|
||||
h1 {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.ytembed {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.pagetext {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
|
@ -64,9 +80,11 @@ header {
|
|||
display: grid;
|
||||
grid-template-columns: 1fr 3fr;
|
||||
gap: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.image {
|
||||
width: 250px;
|
||||
width: 280px;
|
||||
box-shadow: 0 3px 3px 0 #32311933, 0 3px 6px 0 #32311933;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,104 @@
|
|||
{
|
||||
"cells": [
|
||||
{
|
||||
"cell_type": "code",
|
||||
"execution_count": 22,
|
||||
"id": "4b54e443",
|
||||
"metadata": {},
|
||||
"outputs": [
|
||||
{
|
||||
"name": "stdout",
|
||||
"output_type": "stream",
|
||||
"text": [
|
||||
"0 palabras; 1 vocal 'a'; 0 vocales 'e'; 1 vocal 'i'; 1 vocal 'o'; 1 vocal 'u'; "
|
||||
]
|
||||
}
|
||||
],
|
||||
"source": [
|
||||
"cadena = input(\"Entregame una frase\")\n",
|
||||
"conteo_palabras = 0\n",
|
||||
"\n",
|
||||
"def validacion(a):\n",
|
||||
" if len(cadena)<1000:\n",
|
||||
" if ('a' <= a <= 'z') or ('A' <= a <= 'Z') or (a in \"áéíóúÁÉÍÓÚñÑ.,; \"):\n",
|
||||
" return True\n",
|
||||
" else: \n",
|
||||
" cadena = input(\"Cadena Invalida, ingrese nuevamente\")\n",
|
||||
"\n",
|
||||
"for a in cadena:\n",
|
||||
" if a == \" \":\n",
|
||||
" conteo_palabras = conteo_palabras + 1\n",
|
||||
"\n",
|
||||
"# reparación de código para lo siguiente\n",
|
||||
"lower = cadena.lower()\n",
|
||||
"vocal_a=0\n",
|
||||
"vocal_e=0\n",
|
||||
"vocal_i=0\n",
|
||||
"vocal_o=0\n",
|
||||
"vocal_u=0\n",
|
||||
"\n",
|
||||
"for i in lower:\n",
|
||||
" if i == \"a\" or i == \"á\":\n",
|
||||
" vocal_a = vocal_a + 1\n",
|
||||
" elif i == \"e\" or i == \"é\":\n",
|
||||
" vocal_e= vocal_e + 1\n",
|
||||
" elif i == \"i\" or i == \"í\":\n",
|
||||
" vocal_i = vocal_i + 1\n",
|
||||
" elif i == \"o\" or i == \"ó\":\n",
|
||||
" vocal_o = vocal_o + 1\n",
|
||||
" elif i == \"u\" or i == \"ú\":\n",
|
||||
" vocal_u = vocal_u + 1\n",
|
||||
" \n",
|
||||
"\n",
|
||||
"\n",
|
||||
"print(conteo_palabras, \"palabras\", end=\"; \")\n",
|
||||
"\n",
|
||||
"if vocal_a != 1:\n",
|
||||
" print(vocal_a, \"vocales 'a'\", end=\"; \")\n",
|
||||
"else:\n",
|
||||
" print(vocal_a, \"vocal 'a'\", end=\"; \")\n",
|
||||
" \n",
|
||||
"if vocal_e != 1:\n",
|
||||
" print(vocal_e, \"vocales 'e'\", end=\"; \")\n",
|
||||
"else:\n",
|
||||
" print(vocal_e, \"vocal 'e'\", end=\"; \")\n",
|
||||
"\n",
|
||||
"if vocal_i != 1:\n",
|
||||
" print(vocal_i, \"vocales 'i'\", end=\"; \")\n",
|
||||
"else:\n",
|
||||
" print(vocal_i, \"vocal 'i'\", end=\"; \")\n",
|
||||
"\n",
|
||||
"if vocal_o != 1:\n",
|
||||
" print(vocal_o, \"vocales 'o'\", end=\"; \")\n",
|
||||
"else:\n",
|
||||
" print(vocal_o, \"vocal 'o'\", end=\"; \")\n",
|
||||
"\n",
|
||||
"if vocal_u != 1:\n",
|
||||
" print(vocal_u, \"vocales 'u'\", end=\"; \")\n",
|
||||
"else:\n",
|
||||
" print(vocal_u, \"vocal 'u'\", end=\"; \")"
|
||||
]
|
||||
}
|
||||
],
|
||||
"metadata": {
|
||||
"kernelspec": {
|
||||
"display_name": "Python 3 (ipykernel)",
|
||||
"language": "python",
|
||||
"name": "python3"
|
||||
},
|
||||
"language_info": {
|
||||
"codemirror_mode": {
|
||||
"name": "ipython",
|
||||
"version": 3
|
||||
},
|
||||
"file_extension": ".py",
|
||||
"mimetype": "text/x-python",
|
||||
"name": "python",
|
||||
"nbconvert_exporter": "python",
|
||||
"pygments_lexer": "ipython3",
|
||||
"version": "3.14.0"
|
||||
}
|
||||
},
|
||||
"nbformat": 4,
|
||||
"nbformat_minor": 5
|
||||
}
|
||||
Loading…
Reference in New Issue