-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (103 loc) · 7.64 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="styles/estiloMainPage.css">
<script src="https://kit.fontawesome.com/15d8dc6e81.js" crossorigin="anonymous"></script>
<link rel="icon" href="multimedia/images/logoProvisionalPokeSharp.png" type="image/png">
<title data-translate="titleHome">PokeSharp - Inicio</title>
</head>
<body>
<header>
<div id="header-container">
<div id="logo-container">
<img src="multimedia/images/logoProvisionalPokeSharp.png" alt="Logo PokeSharp" id="logoNormal" onclick="window.location.href='';">
</div>
<nav>
<ul>
<li id="descargas"><a data-translate="descargarNav" href="">Descargar</a> </li>
<li id="notasParche"><a data-translate="versionesNav" href="updates">Actualizaciones</a></li>
<li id="discord"><a data-translate="discordNav" href="https://discord.gg/FqJ6ZgYRrU" target="_blank" rel="noopener noreferrer">Discord</a> </li>
<li id="faq"><a data-translate="faqNav" href="faq">FAQ</a></li>
<li>
<img src="multimedia/images/banderaEspanya.png" alt="Español" id="spanish-flag" class="flag">
<img src="multimedia/images/banderaUnitedStates.png" alt="English" id="english-flag" class="flag">
</li>
</ul>
</div>
</nav>
</header>
<main>
<div id="rectanguloGrande">
<h2 id="versionJuego" data-translate="versionJuego">En desarrollo</h2>
<button class="button" id="btnDownload" onclick="download()">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke-width="0" id="SVGRepo_bgCarrier"></g>
<g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier">
<path fill="none" d="M12.75 6V3.75H11.25V6L9 6C6.10051 6 3.75 8.3505 3.75 11.25V17.909C3.75 19.2019 4.7981 20.25 6.09099 20.25C6.71186 20.25 7.3073 20.0034 7.74632 19.5643L10.8107 16.5H13.1893L16.2537 19.5643C16.6927 20.0034 17.2881 20.25 17.909 20.25C19.2019 20.25 20.25 19.2019 20.25 17.909V11.25C20.25 8.3505 17.8995 6 15 6L12.75 6ZM18.75 11.25C18.75 9.17893 17.0711 7.5 15 7.5L9 7.5C6.92893 7.5 5.25 9.17893 5.25 11.25V17.909C5.25 18.3735 5.62652 18.75 6.09099 18.75C6.31403 18.75 6.52794 18.6614 6.68566 18.5037L10.1893 15H13.8107L17.3143 18.5037C17.4721 18.6614 17.686 18.75 17.909 18.75C18.3735 18.75 18.75 18.3735 18.75 17.909V11.25ZM6.75 12.75V11.25H8.25V9.75H9.75V11.25H11.25V12.75H9.75V14.25H8.25V12.75H6.75ZM15 10.875C15 11.4963 14.4963 12 13.875 12C13.2537 12 12.75 11.4963 12.75 10.875C12.75 10.2537 13.2537 9.75 13.875 9.75C14.4963 9.75 15 10.2537 15 10.875ZM16.125 14.25C16.7463 14.25 17.25 13.7463 17.25 13.125C17.25 12.5037 16.7463 12 16.125 12C15.5037 12 15 12.5037 15 13.125C15 13.7463 15.5037 14.25 16.125 14.25Z" clip-rule="evenodd" fill-rule="evenodd">
</path> </g></svg><span>Play it</span></button>
</div>
<div id="segundoRectangulo">
<h2 data-translate="queEs">¿Qué es PokeSharp?</h2>
<p data-translate="queEsP1">Es un juego fangame de Pokémon con una aventura única.</p>
<p data-translate="queEsP2">Historia, pokémons únicos y NPCs nuevos. ¿A qué esperas?</p>
<p><i>(Este vídeo es de prueba)</i></p>
<div class="video">
<!-- AQUI TIENE QUE IR EL TRAILER DEL JUEGO, EL VIDEO QUE SE MUESTRA ES DE PRUEBA -->
<iframe width="650" height="315" src="https://www.youtube.com/embed/UlSvYxlFUqU?si=jMBAI5pb2cuKcgvv" 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 class="content-section">
<div class="content-text">
<h3 data-translate="minigames" class="content-title">Minijuegos</h3>
<p data-translate="text1Minigames">En medio del juego encontrarás minijuegos conocidos y entretenidos, con los que podrás ganar recompensas o pasar un buen rato.</p>
</div>
<img src="multimedia/images/imagenMinijuegos.png" alt="Minijuegos in-game">
</div>
<hr class="separateCategories">
<div class="content-section reves">
<img src="multimedia/images/imagenNPCs.png" alt="NPCs únicos" class="content-image">
<div class="content-text">
<h3 data-translate="uniqueNpcs" class="content-title">NPCs nuevos</h3>
<p data-translate="textNpcs">Encontrarás NPCs a lo largo de tu aventura, completamente originales, personas reales con guiños a cosas relacionadas con esa persona en la vida real.</p>
</div>
</div>
<!-- pokemons unicos? -->
<hr class="separateCategories">
<h3 data-translate="hechoCon" class="retroFont">Hecho con</h3>
<div id="hechoConDiv" class="image-container">
<div class="image-item">
<img src="multimedia/images/logoCSharp.png" alt="CSharp Logo" class="image">
<div class="tooltip">C#</div>
</div>
<div class="image-item">
<img src="multimedia/images/logoGodotEngine.png" alt="Godot Engine Logo" class="image">
<div class="tooltip">Godot Engine</div>
</div>
<div class="image-item">
<img src="multimedia/images/logoSupabase.png" alt="Supabase Logo" class="image">
<div class="tooltip">Supabase</div>
</div>
</div>
</div>
</main>
<footer>
<div id="divFooter">
<img src="multimedia/images/logoProvisionalPokeSharp.png" alt="Logo PokeSharp" id="logoNormalFooter">
<span id="CopyrightTextoFooter">© 2025 PokeSharp</span>
<p data-translate="pPropiedadFooter">Todas las texturas, imágenes y otros activos utilizados pertenecen a sus respectivos propietarios.</p>
<p data-translate="pAfiliadoFooter">PokeSharp no está afiliado ni a Nintendo, Game Freak, ni a The Pokémon Company.</p>
<hr>
<div id="redesSocialesFooter">
<a href="https://discord.gg/FqJ6ZgYRrU" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-discord"></i></a>
<a href="https://x.com" target="_blank" rel="noopener noreferrer"> <i class="fa-brands fa-x-twitter"></i></a>
<a href="https://youtube.es" target="_blank" rel="noopener noreferrer"> <i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="scripts/scriptTraducciones.js" defer></script>
<script src="scripts/scriptsHome.js" defer></script>
</body>
</html>