SITIO WEB ANA
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Haikyuu!! Fan Site</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:Arial, sans-serif;
color:white;
background-size:cover;
background-position:center;
background-attachment:fixed;
transition:background-image 2s ease;
}
/* Menú */
nav{
background:rgba(0,0,0,0.8);
padding:15px;
text-align:center;
position:sticky;
top:0;
}
nav a{
color:white;
text-decoration:none;
margin:0 15px;
font-size:18px;
}
nav a:hover{
color:orange;
}
/* Secciones */
section{
background:rgba(0,0,0,0.7);
margin:20px;
padding:20px;
border-radius:10px;
}
h1,h2{
text-align:center;
margin-bottom:15px;
}
.galeria{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
margin-top:15px;
}
.galeria img{
width:250px;
height:160px;
object-fit:cover;
border-radius:10px;
}
/* Lluvia de imágenes */
.lluvia{
position:fixed;
width:50px;
z-index:999;
pointer-events:none;
}
.lluvia1{
left:20%;
animation:caer 6s linear infinite;
}
.lluvia2{
left:70%;
animation:caer 8s linear infinite;
}
@keyframes caer{
0%{
top:-100px;
transform:rotate(0deg);
}
100%{
top:110%;
transform:rotate(360deg);
}
}
</style>
</head>
<body>
<!-- Imágenes que caen -->
<img src="lluvia1.png" class="lluvia lluvia1">
<img src="lluvia2.png" class="lluvia lluvia2">
<nav>
<a href="#home">Home</a>
<a href="#creador">Creador</a>
<a href="#personajes">Personajes</a>
<a href="#serie">Serie</a>
<a href="#uniforme">Uniforme</a>
</nav>
<section id="home">
<h1>Haikyuu!!</h1>
<p>Bienvenido al sitio web de Haikyuu!!</p>
<div class="galeria">
<img src="home1.jpg">
<img src="home2.jpg">
<img src="home3.jpg">
</div>
</section>
<section id="creador">
<h2>Sobre el creador</h2>
<p>
Haruichi Furudate es el creador del manga Haikyuu!!.
El creador de la famosa serie de manga y anime sobre voleibol Haikyū!! es el mangaka japonés Haruichi Furudate.
Datos personales: Nació el 7 de marzo de 1983 en la prefectura de Iwate, Japón.
Influencias en el deporte: Aunque no se dedicó profesionalmente, fue un apasionado jugador de voleibol en su etapa de secundaria, desempeñándose como bloqueador central.
Origen de la historia: Antes de crear Haikyū!!, Furudate escribía manga de terror, lo cual es la razón por la que el autor logra plasmar expresiones faciales sumamente intensas y escalofriantes en los momentos de mayor tensión de los partidos
</p>
<div class="galeria">
<img src="creador1.jpg">
<img src="creador2.jpg">
</div>
</section>
<section id="personajes">
<h2>Personajes Karasuno </h2>
<h3>Shoyo Hinata</h3>
<h3>Tobio Kageyama</h3>
<h3>Daichi Sawamura</h3>
<h3>Kōshi Sugawara</h3>
<h3>Asahi Azumane</h3>
<h3>Yū Nishinoya</h3>
<h3>Ryūnosuke Tanaka</h3>
<h3>Kei Tsukishima</h3>
<h3>Tadashi Yamaguchi></h3>
<div class="galeria">
<img src="personaje1.jpg">
<img src="personaje2.jpg">
<img src="personaje3.jpg">
</div>
</section>
<section id="serie">
<h2>¿De qué trata la serie?</h2>
<p>
Haikyuu!! es un popular anime y manga de deportes que sigue a Shoyo Hinata, un estudiante de secundaria apasionado por el voleibol. A pesar de su baja estatura, Hinata se inspira en un jugador legendario apodado el "Pequeño Gigante". Su objetivo es llevar a su equipo del Instituto Karasuno a la cima del torneo nacional.El viaje comienza cuando Hinata logra formar un equipo y, en su primer torneo oficial, se enfrenta al prodigio Tobio Kageyama, conocido como el "Rey de la Cancha". Irónicamente, al ingresar a la preparatoria Karasuno, descubren que Kageyama se ha unido al mismo equipo. Ambos deben dejar de lado su rivalidad
</p>
<div class="galeria">
<img src="serie1.jpg">
<img src="serie2.jpg">
<img src="serie3.jpg">
</div>
</section>
<section id="uniforme">
<h2>Uniforme de los personajes</h2>
<p>
🏐 Karasuno High School
El uniforme principal de Karasuno es de color negro con detalles naranjas, colores que representan a la escuela. La camiseta lleva el número del jugador en el frente y la espalda. Este uniforme es uno de los más reconocidos del anime por su diseño sencillo y llamativo.
🏐 Aoba Johsai
Su uniforme es de color blanco con detalles verde menta y turquesa. Refleja la elegancia y organización del equipo.
🏐 Nekoma
Utiliza un uniforme rojo y negro, inspirado en la imagen de los gatos, ya que el equipo es conocido como "los gatos" de Tokio.
🏐 Fukurodani
Su uniforme combina blanco, negro y dorado, colores que representan la fortaleza y prestigio del equipo.
🏐 Shiratorizawa
Lleva un uniforme de color blanco con detalles morados. Su diseño transmite disciplina y poder.
🏐 Inarizaki
Su uniforme es principalmente negro con detalles blancos y grises, dando una apariencia seria y competitiva.
🏐 Date Tech
Utiliza colores verde oscuro y blanco. El equipo es famoso por su sólida defensa, conocida como el "Muro de Hierro".
🏐 Johzenji
Su uniforme es de color amarillo con detalles verdes, reflejando el estilo creativo y libre del equipo.
Importancia de los uniformes
Los uniformes en Haikyuu!! ayudan a identificar rápidamente a cada equipo y reflejan su personalidad, historia y estilo de juego. Además, los colores y diseños hacen que cada partido sea más emocionante y fácil de seguir para los espectadores.
</p>
<div class="galeria">
<img src="uniforme1.jpg">
<img src="uniforme2.jpg">
<img src="uniforme3.jpg">
</div>
</section>
<script>
// 5 imágenes de fondo
const fondos = [
"fondo1.jpg",
"fondo2.jpg",
"fondo3.jpg",
"fondo4.jpg",
"fondo5.jpg"
];
let actual = 0;
function cambiarFondo(){
document.body.style.backgroundImage =
`url('${fondos[actual]}')`;
actual++;
if(actual >= fondos.length){
actual = 0;
}
}
cambiarFondo();
setInterval(cambiarFondo, 5000);
</script>
</body>
</html>