From f21333dced9e68afbb254f0d8fedd4c62e186cb2 Mon Sep 17 00:00:00 2001
From: Pablo Cubells <pablocub@ucm.es>
Date: Tue, 16 Nov 2021 00:38:32 +0100
Subject: [PATCH] ABOUT & TRAINING pages available

---
 about.html                  |   2 +-
 assets/css/aves-style.css   |  39 ++++++++++++++++++++---
 assets/images/Tecla_E.png   | Bin 0 -> 11556 bytes
 assets/web_utils/overlay.js |  13 ++++++++
 contac-us.html              |  61 ++++++++++++++++++++++++++++++++++++
 index.html                  |   4 +--
 training.html               |  45 +++++++++++++-------------
 7 files changed, 135 insertions(+), 29 deletions(-)
 create mode 100644 assets/images/Tecla_E.png
 create mode 100644 contac-us.html

diff --git a/about.html b/about.html
index 4398480..4acc994 100644
--- a/about.html
+++ b/about.html
@@ -45,7 +45,7 @@ <h1 style="text-align: center;">Aves es un juego top down de acción y supervive
                         - Puntuación final basada en niveles completados y pájaros muertos.
                     </p>                    
                 </div>
-                <div class="image"><img src="./assets/images/cuervo.png"></div>
+                <div class="image"><a href="index.html"><img src="./assets/images/cuervo.png"></a></div>
             </div>
         </game_area>
         <!-- header section end -->
diff --git a/assets/css/aves-style.css b/assets/css/aves-style.css
index c6e24a4..2ad7bcc 100644
--- a/assets/css/aves-style.css
+++ b/assets/css/aves-style.css
@@ -100,16 +100,30 @@ game_area {
     background-color:rgba(0,0,0,0.92);
 }
 
-game_area img {
+game_area img, game_area a {
     width: 20%;
     height: 65%;
     
     margin-left: 30px;
     margin-right: 30px;
+}
+
+game_area img {
     border: 2px solid darkblue;
     border-radius: 25px;
 }
 
+game_area a {
+    background-color: unset;
+}
+
+game_area a img, .image a, .image2 a, .image3 a, .image4 a {
+    width: 100%;
+    height: 100%;
+    margin-left: 0;
+    margin-right: 0;
+}
+
 game_area object {
     width: 50%;
 }
@@ -396,8 +410,12 @@ p{
 .middle-title { grid-area: 5 / 2 / 7 / 10; }
 .desc { grid-area: 5 / 2 / 7 / 6; }
 .desc2 { grid-area: 5 / 6 / 7 / 10; }
+.desc3 { grid-area: 4 / 2 / 7 / 7; }
+.desc4 { grid-area: 1 / 6 / 4 / 10; }
 .collabs { grid-area: 1 / 5 / 4 / 9; }
 .image { grid-area: 1 / 3 / 5 / 5; }
+.image2 { grid-area: 3 / 7 / 8 / 10; }
+.image3 { grid-area: 1 / 2 / 4 / 6; }
 
 
 .collabs ol li {
@@ -407,15 +425,28 @@ p{
     list-style: none;
 }
 
-.collabs, .image {
+.collabs, .image, .image2, .image3, .image4 {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-.image img {
+.image a, .image2 a, .image3 a, .image4 a {
     width: 80%;
-    height: 95%;
+    height: 90%;
+    
+    margin-left: 30px;
+    margin-right: 30px;
+}
+
+.image img, .image2 img, .image3 img, .image4 img {
+    width: 80%;
+    height: 90%;
+}
+
+.image a img, .image2 a img, .image3 a img, .image4 a img {
+    width: 100%;
+    height: 100%;
 }
 
 /* DOWNLOAD WINDOW */
diff --git a/assets/images/Tecla_E.png b/assets/images/Tecla_E.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab8fa4ab7f6979a10da188f27d7807681b83ddff
GIT binary patch
literal 11556
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

literal 0
HcmV?d00001

diff --git a/assets/web_utils/overlay.js b/assets/web_utils/overlay.js
index daa7cf4..1e38d5a 100644
--- a/assets/web_utils/overlay.js
+++ b/assets/web_utils/overlay.js
@@ -1,6 +1,7 @@
 // Open / Close overlay navigation:
 function openNav() {
     document.getElementById("myNav").style.width = "100%";
+    close_download();
 }
     
 function closeNav() {
@@ -26,6 +27,18 @@ function toggle_download()
     
     closeNav();
 }
+
+function close_download() 
+{
+    var obj = document.getElementById("download-link");
+    var btn = document.getElementById("package-btn");
+    if(obj.style.display == "flex") {
+        obj.style.display = "none";
+        btn.style.backgroundColor = "unset";
+        btn.style.textDecorationLine = "unset";
+    }
+}
+
 function download_project()
 {
     var obj = document.getElementById("download-link");
diff --git a/contac-us.html b/contac-us.html
new file mode 100644
index 0000000..4acc994
--- /dev/null
+++ b/contac-us.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <script language="javascript" type="text/javascript" src="assets/web_utils/head-info.js"></script>
+    </head>
+    
+    <body>
+        <!--header section start -->
+        <header_area>
+            <script language="javascript" type="text/javascript" src="assets/web_utils/cabecera.js"></script>
+        </header_area>
+        <!-- header section end -->    
+        
+        <!--header section start -->
+        <game_area class="game_area">
+            <div class="container">
+                <div class="collabs">                    
+                    <ol>
+                        <h1 style="text-align: center;">Integrantes del Grupo</h1>  
+                        <br>                      
+                        <li>Pedro Pablo Cubells Talavera - pablocub@ucm.es</li>
+                        <li>Manuel Prada Mínguez - manuelpr@ucm.es</li>
+                        <li>Alejandro González Sánchez - Algonz39@ucm.es</li>
+                        <li>Jianuo Wen - Jwen@ucm.es</li>
+                        <br><hr>
+                    </ol>
+                </div>
+                <div class="middle-title">
+                    <h1 style="text-align: center;">Aves es un juego top down de acción y supervivencia</h1>
+                </div>
+                <div class="desc">
+                    <br><br>
+                    <p style="text-align: left;">
+                        Combina combate y sigilo, involucrando mecánicas de aggro y distancia a los enemigos.
+                        <br><br>
+                        El protagonista es un líder nato del pueblo, con una personalidad humanista ayudará a las gentes del pueblo a pasar la tormenta.
+                    </p>
+                </div>
+                <div class="desc2">
+                    <br><br>
+                    <p style="text-align: right;">
+                        La curva de dificultad avanza con cada nivel, las hordas de pájaros van aumentando y cada vez son más letales/agresivas.
+                    <br><br>                    
+                        - Rescatar a la gente del pueblo. Objetivo principal. <br>
+                        - Puntuación final basada en niveles completados y pájaros muertos.
+                    </p>                    
+                </div>
+                <div class="image"><a href="index.html"><img src="./assets/images/cuervo.png"></a></div>
+            </div>
+        </game_area>
+        <!-- header section end -->
+    
+        <!-- footer section start -->
+        <footer_area>
+            <script language="javascript" type="text/javascript" src="assets/web_utils/footer.js"></script>
+        </footer_area>
+        <!-- footer section end -->
+    
+        <script language="javascript" type="text/javascript" src="assets/web_utils/overlay.js"></script>
+    </body>
+</html>
diff --git a/index.html b/index.html
index cf89dfe..5fa7b63 100644
--- a/index.html
+++ b/index.html
@@ -13,12 +13,12 @@
         
         <!--header section start -->
         <game_area class="game_area">
-            <img src="./assets/images/killer-time.png">
+            <a href="training.html"><img src="./assets/images/killer-time.png"></a>
             <object class="game_container" data="./videojuego/index.html">
                 <embed src="./videojuego/index.html">
                 </embed> ERROR, No pudo mostrarse la pagina. 
             </object>
-            <img src="./assets/images/cuervo.png">
+            <a href="about.html"><img src="./assets/images/cuervo.png"></a>
         </game_area>
         <!-- header section end -->
         
diff --git a/training.html b/training.html
index 69e4326..11bbb0b 100644
--- a/training.html
+++ b/training.html
@@ -14,35 +14,32 @@
         <!--header section start -->
         <game_area class="game_area">
             <div class="container">
-                <div class="collabs">                    
-                    <ol>
-                        <h1 style="text-align: center;">Integrantes del Grupo</h1>  
-                        <br>                      
-                        <li>Pedro Pablo Cubells Talavera - pablocub@ucm.es</li>
-                        <li>Manuel Prada Mínguez - manuelpr@ucm.es</li>
-                        <li>Alejandro González Sánchez - Algonz39@ucm.es</li>
-                        <li>Jianuo Wen - Jwen@ucm.es</li>
-                        <br><hr>
-                    </ol>
-                </div>
-                <div class="middle-title">
-                    <h1 style="text-align: center;">Aves es un juego top down de acción y supervivencia</h1>
+                <div class="desc3">
+                    <br><br>
+                    <h1>Mecánicas Principales:</h1>
+                    <p>
+                        - Cada nivel consta de un tiempo límite... Pasado ese tiempo, quedas eliminado! <br>
+                        - ¡El deber te llama! Salva a todos esos ciudadanos desesperados. <br>
+                        - Podrás interactuar con los ciudadanos y con el entorno, pulsando la 'E'. <br>
+                        - Los pájaros no están muy contentos, algo les preocupa y todos sois sus enemigos. <br>
+                        - Podrás defenderte usando el ratón con 'click izquierdo'. <br>
+                        - Hacia dónde se encuentre el ratón, serán dirigidos tus ataques. <br>
+                    </p>
                 </div>
-                <div class="desc">
+                <div class="desc4">
                     <br>
-                    <p>Combina combate y sigilo, involucrando mecánicas de aggro y distancia a los enemigos.</p>           
-                    <p>El protagonista es un líder nato del pueblo, con una personalidad humanista ayudará a las gentes del pueblo a pasar la tormenta.</p>
-                </div>
-                <div class="desc2">
+                    <h1>Puedes moverte en 8 direcciones usando las teclas 'WASD'</h1>
                     <p>
+                        - Se trata de un plano horizontal con vista cenital. <br>
+                        ¡Aprovecha tu movilidad! <br>
                         <br>
-                        La curva de dificultad avanza con cada nivel, las hordas de pájaros van aumentando y cada vez son más letales/agresivas. <br>
+                        - Interactúa con la tecla 'E'. <br>
                         <br>
-                        - Rescatar a la gente del pueblo. Objetivo principal. <br>
-                        - Puntuación final basada en niveles completados y pájaros muertos.
+                        ¡¡CUIDADO!! ¡¡EL TIEMPO ES ORO!!
                     </p>
                 </div>
-                <div class="image"><img src="./assets/images/cuervo.png"></div>
+                <div class="image2"><a href="index.html"><img src="./assets/images/killer-time.png"></a></div>
+                <div class="image3"><img src="./assets/images/wasd.png"></div>
             </div>
         </game_area>
         <!-- header section end -->
@@ -54,5 +51,9 @@ <h1 style="text-align: center;">Aves es un juego top down de acción y supervive
         <!-- footer section end -->
     
         <script language="javascript" type="text/javascript" src="assets/web_utils/overlay.js"></script>
+
+        <style>
+
+        </style>
     </body>
 </html>