Add files via upload

ed-morais · Apr 5, 2021 · 325efa2 · 325efa2
1 parent a2941d0
commit 325efa2
Show file tree

Hide file tree

Showing 5 changed files with 447 additions and 0 deletions.
diff --git a/app.js b/app.js
@@ -0,0 +1,29 @@
+const hamburger = document.querySelector(".hamburger");
+const navLinks = document.querySelector(".nav-links");
+const links = document.querySelectorAll(".nav-links li");
+const anchor = document.querySelectorAll(".nav-links li a");
+
+hamburger.addEventListener("click", () => {
+  navLinks.classList.toggle("open");
+  links.forEach(link => {
+    link.classList.toggle("fade");
+  });
+});
+
+anchor.addEventListener("click", () => {
+    anchor.classList.toggle("open");
+  });
+
+// links.addEventListener("click", () => {
+//     links.forEach(link => {
+//         link.classList.toggle("close");
+//       });
+//   });
+
+// $('.hamburger').on('click', function () {
+//     $('.nav-links').addClass('open');
+//   });
+
+// $( '.nav-links a' ).on("click", function(){
+//     $('.nav-links').removeClass('open');
+//   });
diff --git a/dicionario.pdf b/dicionario.pdf
diff --git a/index.html b/index.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/styles.css" type="text/css">
+    <title>Dicionario</title>
+</head>
+<body>
+
+    <nav>
+
+        <!-- <div class="hamburger">
+            <div class="line"></div>
+            <div class="line"></div>
+            <div class="line"></div>
+        </div>
+        <ul class="nav-links">
+            <li><a href="#intro">Introdução</a></li>
+            <li><a href="#videos">Vídeos</a></li>
+            <li><a href="#dictionary">Dicionário</a></li>
+            <li><a href="#about-us">Quem somos</a></li>
+        </ul> -->
+
+    </nav>
+
+    <div id="wrap" class="main">
+
+        <div class="container-intro" id="intro">
+            <section class="intro">
+                <h1>Introdução</h1>
+                <img src="styles/medicine.svg" alt="">
+                <p>
+                    Conforme as orientações do Prof. Augusto César Beltrão da Silva e da Prof.ª Renata Paula Lima Beltrão, da disciplina de Habilidades e Atitudes Médicas I, procuramos confeccionar este dicionário de termos regionais/populares que tem como objetivo a facilitação da comunicação entre profissionais da saúde e pacientes.
+                </p>
+                <p>
+                    Estamos muito felizes por poder cumprir o nosso dever, como acadêmicos de medicina, previsto no artigo 30, eixo 3, do Código de Ética do Estudante de Medicina. Dever esse que é o de reduzir os problemas de comunicação com pacientes causados por regionalismo da língua, baixa acuidade auditiva, nível de escolaridade e doenças incapacitantes. Porém, além de cumprir com o nosso dever, também temos como objetivo, através desse dicionário, estimular na área da saúde, uma comunicação baseada em sensibilidade, interesse, compreensão, empatia e em uma linguagem compreensível, entre os profissionais e os pacientes.
+                </p>
+                <p>
+                    Gostaríamos de agradecer a todos os profissionais e usuários dos sistemas de saúde que nos ajudaram na formação do nosso conteúdo. Sem vocês esta confecção não seria possível. 
+                </p>
+                <p>
+                    Esperamos que este dicionário de termos regionais/populares feito com toda nossa dedicação e amor possa auxiliar a todos vocês consultantes da melhor forma possível. E não esqueçam de dar uma olhadinha nos diversos conteúdos e ferramentas digitais que o dicionário possui. Certeza que irão gostar bastante.
+                </p>
+                <p id="thanks" style="font-style: italic;">
+                    Atenciosamente,
+                    Grupo 1 de HAM I
+                </p>
+
+            </section>
+        </div>
+
+        <div class="red-background">
+            <div class="container-red">
+                <section class="videos">
+                    <h1>Vídeos</h1>
+                    <iframe  src="https://www.youtube.com/embed/-ROQXsMYXDI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                    <iframe id="videoyoutube" src="https://www.youtube.com/embed/ekICSyPoDbw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </section>
+            </div>
+        </div>
+
+
+
+        <div class="container">
+            <section class="dicionario">
+                <h1>Dicionário</h1>
+                <iframe  frameborder="0" src="dicionario.pdf"></iframe>
+            </section>
+        </div>
+
+        <div class="red-background">
+            <div class="container-red" id="about-us">
+                <section class="about-us">
+                    <h1>Quem somos</h1>
+                    <p>aynnara soares barbosa</p>
+                    <p>cláudia lorena ribeiro lopes</p>
+                    <p>débora patrícia feitosa medeiros eufrásio</p>
+                    <p>francisco plawthyney da silva nogueira</p>
+                    <p>isabela francisca monteiro de araújo</p>
+                    <p>jordana maria monte torres</p>
+                    <p>josé de simas lima júnior</p>
+                    <p>karlo heytor portela garcia</p>
+                    <p>leonel marques rodrigues</p>
+                    <p>levi amorim de carvalho rodrigues</p>
+                    <p>maria clara sales borges de souza</p>
+                    <p>maria eduarda santos castelo branco furtado</p>
+                    <p>maria vitoria de araújo figueredo</p>
+                    <p>natércia falcão ferraz de sousa guimarães</p>
+                    <p>vitoria regina silva miranda</p>
+                </section>
+            </div>
+        </div>
+    </div>
+
+    <script src="app.js"></script>
+</body>
+</html>
diff --git a/styles/medicine.svg b/styles/medicine.svg