bug fixes

amagovpt · Nov 4, 2023 · 44a660d · 44a660d
1 parent 5b516d4
commit 44a660d
Show file tree

Hide file tree

Showing 10 changed files with 132 additions and 76 deletions.
diff --git a/exercicio/corrigido/index.html b/exercicio/corrigido/index.html
@@ -54,7 +54,7 @@ <h1>
                 </li>
             </ul>
         </nav>
-        
+
 
 
         <div class="button-container">
@@ -84,25 +84,28 @@ <h1>
         <div class="slider-container">
             <ul class="image-slider">
                 <li class="slide">
-                    <img src="../img/Banner- site-900x450px (1).png" alt="Slide 1">
+                    <a href="https://next-generation-eu.europa.eu/index_en"><img
+                            src="../img/Banner- site-900x450px (1).png" alt="Next Generation EU"></a>
                 </li>
                 <li class="slide">
-                    <img src="../sigmund-HE1zW44Zm_Y-unsplash.jpg" alt="Slide 2">
+                    <a href="https://recuperarportugal.gov.pt/"><img src="../sigmund-HE1zW44Zm_Y-unsplash.jpg"
+                            alt="Recuperar Portugal"></a>
                 </li>
                 <li class="slide">
-                    <img src="img/slide3.jpg" alt="Slide 3">
+                    <a href="https://www.portugal.gov.pt/"><img src="img/slide3.jpg" alt="Portal do Governo"></a>
                 </li>
             </ul>
             <div class="slider-content">
                 <h1 class="image-section__title">Bem-vindo às Jornadas de Acessibilidade e Usabilidade <br> Digital da
                     AP 2023</h1>
                 <ul class="slide-navigation">
-                    <li><button class="prev-slide"><img src="../img/216595_chevron_icon.svg" alt="Anterior"></button></li>
+                    <li><button class="prev-slide"><img src="../img/216595_chevron_icon.svg" alt="Anterior"></button>
+                    </li>
                     <li><button class="next-slide"><img src="../img/216714_right_icon.svg" alt="Próximo"></button></li>
                 </ul>
             </div>
         </div>
-        
+
 
 
         <div class="container-Mensage">
@@ -135,15 +138,15 @@ <h2>Descrição do Evento</h2>
                 <h1>Participação no Evento Anteriores</h1>
                 <figure>
                     <canvas id="myChart" width="400" height="200"
-                        alt="Gráfico com o número de participantes por profisão do último evento em 2022"></canvas>
+                        alt="Gráfico com o número de participantes por profissão do último evento em 2022"></canvas>
                     <a href="#" class="table-link" id="showTableLink">Consultar dados em tabela</a>
                 </figure>
             </div>
         </section>
 
         <div class="table-container" id="tableContainer">
             <table>
-                <caption>Tabela de Dados do Evento</caption>
+                <caption>Tabela de Dados dos participantes no Evento Anteriores</caption>
                 <tr>
                     <th class="header-cell">Categoria</th>
                     <th class="header-cell">Número de Participantes</th>
@@ -168,9 +171,9 @@ <h1>Participação no Evento Anteriores</h1>
     <footer class="footer-supporters">
         <h3>Apoios</h3>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Financiamento pela União Europeia">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="PPR-Plano de recuperação e resiliencia">
-            <img src="../img/Republica_Portuguesa.png" alt="Republica portuguesa">
+            <a href="https://next-generation-eu.europa.eu/index_en"><img src="../img/PT_Financiado_UE_WHITE.png" alt="Financiamento pela União Europeia"></a>
+            <a href="https://recuperarportugal.gov.pt/plano-de-recuperacao-e-resiliencia/"><img src="../img/PRR_Logotipos-white-hor.png" alt="PPR-Plano de recuperação e resiliencia"></a>
+            <a href="https://www.portugal.gov.pt/pt/gc23"><img src="../img/Republica_Portuguesa.png" alt="Republica portuguesa"></a>
         </div>
         <div class="policies">
             <div class="footer-text">

diff --git a/exercicio/original/contactos.html b/exercicio/original/contactos.html
@@ -91,9 +91,16 @@ <h3>Visite o nosso Site</h3>
     <footer class="footer-supporters">
         <h3>Apoios</h3>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-            <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            <a href="https://next-generation-eu.europa.eu/index_en">
+                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+            </a>
+            <a href="https://recuperarportugal.gov.pt/">
+                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+            </a>
+            <a href="https://www.portugal.gov.pt/pt/gc23">
+                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            </a>
         </div>
         <div class="footer-policies">
             <div class="footer-text">

diff --git a/exercicio/original/evento.html b/exercicio/original/evento.html
@@ -12,7 +12,7 @@
     <link
         href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;400;500;600&family=Open+Sans:wght@400;700&family=Roboto:wght@100;400;500&display=swap"
         rel="stylesheet">
-        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 
 <body>
@@ -33,7 +33,8 @@
                 <a class="submenu-toggle" href="#">Workshops &#9662;</a>
                 <div class="submenu-content">
                     <a class="submenu-link" href="videos.html">Gravações</a>
-                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático I</a>
+                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático
+                        I</a>
                 </div>
             </div>
             <a href="tabela.html">Agenda</a>
@@ -104,9 +105,16 @@ <h1 class="mt-4">Jornadas de Acessibilidade e Usabilidade Digital</h1>
     <footer class="footer-supporters">
         <h3>Apoios</h3>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-            <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            <a href="https://next-generation-eu.europa.eu/index_en">
+                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+            </a>
+            <a href="https://recuperarportugal.gov.pt/">
+                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+            </a>
+            <a href="https://www.portugal.gov.pt/pt/gc23">
+                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            </a>
         </div>
         <div class="footer-policies">
             <div class="footer-text">
@@ -142,4 +150,5 @@ <h3>Apoios</h3>
     });
 </script>
 <script src="script.js"></script>
+
 </html>
diff --git a/exercicio/original/exerciciopratico.html b/exercicio/original/exerciciopratico.html
@@ -12,7 +12,7 @@
     <link
         href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;400;500;600&family=Open+Sans:wght@400;700&family=Roboto:wght@100;400;500&display=swap"
         rel="stylesheet">
-        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 
 <body>
@@ -33,7 +33,8 @@
                 <a class="submenu-toggle" href="#">Workshops &#9662;</a>
                 <div class="submenu-content">
                     <a class="submenu-link" href="videos.html">Gravações</a>
-                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático I</a>
+                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático
+                        I</a>
                 </div>
             </div>
             <a href="tabela.html">Agenda</a>
@@ -107,18 +108,24 @@ <h3>Materiais</h3>
     <footer class="footer-supporters">
         <h3>Apoios</h3>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-            <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            <a href="https://next-generation-eu.europa.eu/index_en">
+                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+            </a>
+            <a href="https://recuperarportugal.gov.pt/">
+                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+            </a>
+            <a href="https://www.portugal.gov.pt/pt/gc23">
+                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            </a>
+        </div>"footer-policies">
+        <div class="footer-text">
+            <p>&copy; 2023 AMA - Agência para a Modernização Administrativa, I.P. Todos os direitos reservados.</p>
+        </div>
+        <div class="footer-links">
+            <a href="/acessibilidade">Acessibilidade</a>
+            <a href="/contactos">Contactos</a>
         </div>
-        <div class="footer-policies">
-            <div class="footer-text">
-                <p>&copy; 2023 AMA - Agência para a Modernização Administrativa, I.P. Todos os direitos reservados.</p>
-            </div>
-            <div class="footer-links">
-                <a href="/acessibilidade">Acessibilidade</a>
-                <a href="/contactos">Contactos</a>
-            </div>
         </div>
     </footer>
 

diff --git a/exercicio/original/index.html b/exercicio/original/index.html
@@ -33,7 +33,8 @@
                 <a class="submenu-toggle" href="#">Workshops &#9662;</a>
                 <div class="submenu-content">
                     <a class="submenu-link" href="videos.html">Gravações</a>
-                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático I</a>
+                    <a class="submenu-link" href="exerciciopratico.html" style="white-space: nowrap;">Exercício prático
+                        I</a>
                 </div>
             </div>
             <a href="tabela.html">Agenda</a>
@@ -53,7 +54,8 @@
                     <span id="language-option" class="language-option" lang="PT">PT</span>
                 </button>
                 <div class="language-dropdown">
-                    <button id="eng-button" class="language-button language-option" tabindex="0" onclick="window.location.href = 'index_en.html'">EN</button>
+                    <button id="eng-button" class="language-button language-option" tabindex="0"
+                        onclick="window.location.href = 'index_en.html'">EN</button>
                 </div>
             </div>
 
@@ -70,8 +72,6 @@
                 <div class="slide">
                     <img src="../img/sigmund-HE1zW44Zm_Y-unsplash.jpg" alt="Slide 2" style="height: 763px;">
                 </div>
-                <div class="slide">
-                </div>
             </div>
             <div class="slider-content">
                 <h1 class="image-section__title">Bem-vindo às Jornadas de Acessibilidade e Usabilidade <br> Digital da
@@ -118,9 +118,16 @@ <h1 class="py-4">Perfil dos participantes em edições anteriores</h1>
     <footer class="footer-supporters">
         <h2 class="py-2">Apoios</h2>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-            <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            <a href="https://next-generation-eu.europa.eu/index_en">
+                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+            </a>
+            <a href="https://recuperarportugal.gov.pt/">
+                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+            </a>
+            <a href="https://www.portugal.gov.pt/pt/gc23">
+                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            </a>
         </div>
         <div class="footer-policies">
             <div class="footer-text">
@@ -184,4 +191,4 @@ <h2 class="py-2">Apoios</h2>
 
 <script src="script.js"></script>
 
-</html>
+</html>
diff --git a/exercicio/original/index_en.html b/exercicio/original/index_en.html
@@ -71,13 +71,15 @@
                 <div class="slide">
                     <img src="../img/sigmund-HE1zW44Zm_Y-unsplash.jpg" alt="Slide 2" style="height: 763px;">
                 </div>
-                <div class="slide">
-                </div>
             </div>
             <div class="slider-content">
                 <h1 class="image-section__title">Welcome to the Digital Accessibility and Usability Days of AP 2023</h1>
-                <button class="prev-slide"><img src="../img/216595_chevron_icon.svg" alt="Anterior"></button>
-                <button class="next-slide"><img src="../img/216714_right_icon.svg" alt="Próximo"></button>
+                <div class="slider-button prev-slide">
+                    <img src="../img/216595_chevron_icon.svg" alt="Anterior">
+                </div>
+                <div class="slider-button next-slide">
+                    <img src="../img/216714_right_icon.svg" alt="Próximo">
+                </div>
             </div>
         </div>
 
@@ -119,9 +121,16 @@ <h1 class="py-4">Profile of previous editions' participantss</h1>
     <footer class="footer-supporters">
         <h2 class="py-2">Suppliers</h2>
         <div class="apoios-logos">
-            <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-            <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-            <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            <a href="https://next-generation-eu.europa.eu/index_en">
+                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+            </a>
+            <a href="https://recuperarportugal.gov.pt/">
+                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+            </a>
+            <a href="https://www.portugal.gov.pt/pt/gc23">
+                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+            </a>
         </div>
         <div class="footer-policies">
             <div class="footer-text">

diff --git a/exercicio/original/inscricao.html b/exercicio/original/inscricao.html
@@ -82,11 +82,8 @@
                         <h2 class="titlecenter py-3">Formulário de Inscrição</h2>
                         <form id="registration-form" action="your-server-endpoint" method="post">
                             <div class="form-group mt-2">
-                                <label>Primeiro e último nome <img src="../img/asterisco.png"
-                                        style="width: 8px; height: 8px;"></label>
-                                <input type="text" id="nome" name="nome" required aria-describedby="nome-error">
-                                <div id="nome-error" class="error-message" aria-hidden="true">Este campo é obrigatório.
-                                </div>
+                                <label for="nome">Primeiro e último nome <img src="../img/asterisco.png" style="width: 8px; height: 8px;"></label>
+                                <input type="text" id="nome" name="nome">
                             </div>
                             <div class="form-group mt-2">
                                 <label for="email">Email
@@ -100,11 +97,11 @@ <h2 class="titlecenter py-3">Formulário de Inscrição</h2>
                                 </label>
                                 <div class="radio-group mt-2">
                                     <span>
-                                        <input type="radio" id="presencial" name="modalidade" value="presencial">
+                                        <input type="radio" id="presencial" name="modalidade" value="presencial" required>
                                         <label class="mb-0" for="presencial">Presencial</label>
                                     </span>
                                     <span>
-                                        <input type="radio" id="online" name="modalidade" value="online">
+                                        <input type="radio" id="online" name="modalidade" value="online" required>
                                         <label class="mb-0">Online</label>
                                     </span>
                                 </div>
@@ -113,7 +110,7 @@ <h2 class="titlecenter py-3">Formulário de Inscrição</h2>
                                 <label>Selecione os dias em que pretende participar
                                     <span class="required">Obrigatório</span>
                                 </label>
-                                <select name="evento">
+                                <select name="evento" required>
                                     <option value="">Selecione uma opção</option>
                                     <option value="evento1">Ambos, dias 9 e 10 de novembro</option>
                                     <option value="evento2">Dia 9 de novembro</option>
@@ -155,9 +152,16 @@ <h2 class="titlecenter py-3">Formulário de Inscrição</h2>
         <footer class="footer-supporters">
             <h3>Apoios</h3>
             <div class="apoios-logos">
-                <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
-                <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
-                <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+                <a href="https://next-generation-eu.europa.eu/index_en">
+                    <img src="../img/PT_Financiado_UE_WHITE.png" alt="Logo 1">
+
+                </a>
+                <a href="https://recuperarportugal.gov.pt/">
+                    <img src="../img/PRR_Logotipos-white-hor.png" alt="Logo 2">
+                </a>
+                <a href="https://www.portugal.gov.pt/pt/gc23">
+                    <img src="../img/Republica_Portuguesa.png" alt="Logo 3">
+                </a>
             </div>
             <div class="footer-policies">
                 <div class="footer-text">