UTFSM/LabSO/HTML/TareaHTML JP Parra/recomendaciones.html

94 lines
7.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recomendaciones</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="sitecanvas">
<!--HEADER-->
<section class="siteheader">
<header>
<nav>
<a class="logo" href="index.html"><b>Música</b></a>
<div></div>
<div class="menuitems">
<a href="escuchando.html">Escuchando</a>
<a href="recomendaciones.html">Recomendaciones</a>
<a href="favoritos.html">Favoritos</a>
<a href="otros.html">Otros</a>
</div>
</nav>
</header>
</section>
<!--CONTENIDO-->
<section class="pagecontent">
<div class="pagetext">
<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">
<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>Probablemente el disco más importante de la historia, esta es una oda a la música tan inspiradora que redefinió cómo se esta misma se hacía completamente, llevando a creaciones como "What's Going On" de Marvin Gaye a que pudieran ser creadas.</p>
<p>Una verdadera obra maestra con un poco de todo, muy feliz, muy funky y con casualmente uno de los mejores temas de Jazz Fusión creados. Cuna de hits como "Sir Duke", "Isn't She Lovely", y permitiendo que "Pastime Paradise" fuera a ser sampleada, dejando que Coolio creara el clásico "Gangsta's Paradise".</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>Este es un disco lleno de dolor y es una crítica directa al racismo de Estados Unidos en 2015, el cuál no solo se quedó ahí, sino que Kendrick divulgó el pensamiento al cómo es que la misma gente debe mejorar entre si para poder avanzar como sociedad, como el mismo puede permitirse ser esta persona que entrega este conocimiento siendo que el está lleno de problemas, y cómo es que al fin y al cabo todo es para que todos colaboremos como sociedad para un mundo mejor, el cuál no se consigue sin dolor ni esfuerzo.</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/7v9Q0dAb9t7h8gJOkcJHay?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>Este disco revolucionó la electrónica utilizando el House como base para poder profundizar en musicalización nunca antes puesta en el género, aparte contando una historia de inicio a fin, la cuál se puede ver en la película muda "Interstella 5555", un animé animado por Toei (El estudio de Dragon Ball y mucho más) donde la música es la que habla, no los personajes de por si. Una apuesta muy arriesgada que funcionó perfectamente y revolucionó por completo su género.</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>Uno de los discos más sorprendentes del Rock Progresivo que no tiene absolutamente nada que envidiar a grupos como Pink Floyd</p>
<p>El Jardín de Los Presentes narra la historia del Capitán Beto, un Argentino común y corriente que por sorpresa de la nación Argentina construyó una nave espacial y fue en la busqueda de respuestas sobre la vida, descubriendo en su viaje que todo lo que buscaba ya estaba donde el siempre estuvo en primer momento.</p>
</div>
</div>
<div class="albumWrapper">
<div>
<img src="files/Toxicity Cover.jpg" class="image">
<iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/0snQkGI5qnAmohLE7jTsTn?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>Toxicity</h2>
<h4>System Of A Down - Alternative Metal - 2001</h4>
<p>Uno de los discos más intensos del Metal, System of a Down aprovechó hasta el último segundo para explotar tu cabeza con riffs descontrolados, baterías que causan terremotos, bajos de otro mundo y la increíble voz y letra de Serj Tankian, elevando a este disco como un clásico del Metal y transformando completamente la escena del Metal moderno.</p>
</div>
</div>
</section>
</div>
</body>
</html>