-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (112 loc) · 5.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Showdown Clash: Un juego multijugador inspirado en New Super Mario Bros">
<meta name="keywords" content="Showdown Clash, videojuego, Mario Bros, aventura">
<meta name="theme-color" content="#1fb8d8">
<title>Showdown Clash</title>
<link rel="shortcut icon" href="./recursos/logo.png" type="image/png"> <!-- Favicon del sitio -->
<link rel="stylesheet" href="./css/style.css"> <!-- Estilos CSS -->
<!--<link href="https://fonts.cdnfonts.com/css/new-super-mario-font-u" rel="stylesheet"> Fuente de Mario Bros -->
</head>
<body>
<div id="index">
<!-- Encabezado - Navegación e interactividad con un bloque -->
<header class="sombra">
<h1 class="titulo">Showdown Clash</h1>
<p>Showdown Clash es un juego plataformas multijugador basado en New Super Mario Bros</p>
<p>Si la web no carga o es muy lenta <a style="color:rgb(255, 241, 197)" href="./html/oldpc.html">prueba esta version mas simple</a></p>
</header>
<!-- Contenido principal -->
<main class="contenedor3">
<section class="contenedor4">
<div class="boton-link sombra">
<img class="logo" src="https://cdn.icon-icons.com/icons2/909/PNG/512/play-button_icon-icons.com_70891.png" alt="Logo de reproducir o jugar" title="Jugar" draggable="false">
<p><i style="color:#c5ff95">Juega</i> en esta web con una interfaz unica</p>
<a href="html/juego.html">
<button class="boton">Jugar</button>
</a>
</div>
<div class="boton-link sombra">
<img class="logo" src="https://logos-download.com/wp-content/uploads/2016/09/GitHub_logo.png" alt="Logo de GitHub" title="Repositorio" draggable="false">
<p>Ver el <i style="color:rgb(255, 211, 129)">repositorio</i> de esta web OpenSource</p>
<a href="https://www.github.com/impavloh/showdownclash" target="_blank" rel="noopener noreferrer">
<button class="boton">Repositorio</button>
</a>
</div>
<div class="boton-link sombra">
<img class="logo" src="https://webstockreview.net/images/contact-icon-png-6.png" alt="Logo de contacto" title="Contacto" draggable="false">
<p><i style="color:rgb(255, 255, 124)">Contacta conmigo</i> a traves de un formulario</p>
<a href="html/contacto.html">
<button class="boton">Contactar</button>
</a>
</div>
</section>
<hr>
<article class="contenedor4">
<section class="estado izq sombra">
<h2>Estado del juego</h2>
<table style="background-color: #fff; width: 100%;">
<caption>Estado actualizado</caption>
<colgroup>
<col style="width: 33%;">
<col style="width: 33%;">
<col style="width: 33%;">
</colgroup>
<thead>
<tr>
<th scope="col">Plataforma</th>
<th scope="col">Version</th>
<th scope="col">Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebGL</td>
<td>1.0</td>
<td style="background-color: #ffda95;">En produccion</td>
</tr>
<tr>
<td>Windows</td>
<td>1.0</td>
<td style="background-color: #c5ff95;">En desarrollo</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">Los estados pueden cambiar con futuras actualizaciones</td>
</tr>
</tfoot>
</table>
</section>
<section class="instrucciones der sombra"> <!-- Sección donde explico las instrucciones del juego -->
<h2>Instrucciones</h2>
<ol> <!-- Lista ordenada para pasos -->
<li>
<strong>Iniciar el juego</strong>
<ul> <!-- Lista no ordenada -->
<li>Haz clic en la pantalla inicial para comenzar.</li>
<li>Busca o crea una sala y comienza la partida solo o espera a que se conecte algun jugador</li>
</ul>
</li>
<li>
<strong>Configuracion del juego</strong>
<ul>
<li>Abre el menu de configuracion desde la pantalla principal.</li>
<li>Ajusta los ajustes del sonido, graficos y demas.</li>
</ul>
</li>
</ol>
</section>
</article>
</main>
<!-- Pie de página -->
<footer>
<p><b>Creado por Pavloh</b> ~ <i>Showdown Clash</i></p>
<p>Este proyecto no esta afiliado con Nintendo.</p>
</footer>
</div>
</body>
</html>