diff --git a/app.js b/app.js new file mode 100644 index 0000000..01a61c4 --- /dev/null +++ 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'); +// }); \ No newline at end of file diff --git a/dicionario.pdf b/dicionario.pdf new file mode 100644 index 0000000..fd26cc9 Binary files /dev/null and b/dicionario.pdf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6562a49 --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + + + + Dicionario + + + + + +
+ +
+
+

Introdução

+ +

+ 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. +

+

+ 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. +

+

+ 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. +

+

+ 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. +

+

+ Atenciosamente, + Grupo 1 de HAM I +

+ +
+
+ +
+
+
+

Vídeos

+ + +
+
+
+ + + +
+
+

Dicionário

+ +
+
+ +
+
+
+

Quem somos

+

aynnara soares barbosa

+

cláudia lorena ribeiro lopes

+

débora patrícia feitosa medeiros eufrásio

+

francisco plawthyney da silva nogueira

+

isabela francisca monteiro de araújo

+

jordana maria monte torres

+

josé de simas lima júnior

+

karlo heytor portela garcia

+

leonel marques rodrigues

+

levi amorim de carvalho rodrigues

+

maria clara sales borges de souza

+

maria eduarda santos castelo branco furtado

+

maria vitoria de araújo figueredo

+

natércia falcão ferraz de sousa guimarães

+

vitoria regina silva miranda

+
+
+
+
+ + + + \ No newline at end of file diff --git a/styles/medicine.svg b/styles/medicine.svg new file mode 100644 index 0000000..c657ca3 --- /dev/null +++ b/styles/medicine.svg @@ -0,0 +1 @@ +medicine \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 0000000..e122e64 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,318 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: sans-serif; + min-width: 320px; +} + +nav { + height: 10vh; + background-color: #1976D2; +} + +.nav-links { + display: flex; + list-style: none; + width: 50%; + height: 100%; + justify-content: space-around; + align-items: center; + margin-left: auto; +} + +.nav-links li a { + color: white; + text-decoration: none; + font-size: 1rem; +} + + +/* CONTENT */ + + +#page-wrap { + width: 800px; + margin: 0 auto; +} + +.main { + display:flex; + flex-direction: column; + justify-content:center; + align-items:center; + text-align: center; +} + + +.container h1 { + color: rgb(43, 43, 43); + padding: 2rem; +} + +.container p { + color: #6b6b6b; + padding-bottom: 3rem; + text-align: justify; +} + +.container-red h1 { + color: white; + padding: 2rem; +} + +.container-red p { + color: white; + padding-bottom: 3rem; + text-align: justify; + +} + +#about-us { + + height: fit-content; + +} + +#about-us p { + text-align: center; + padding-bottom: 1rem; + +} +.about-us p { + text-transform: capitalize; +} + +#video1 { + width: 100%; + height: auto; + padding-bottom: 20px; +} +/* INTRO */ + +.container-intro h1 { + color: rgb(43, 43, 43); + padding: 2rem; +} + +.container-intro p { + color: #6b6b6b; + padding-bottom: 1rem; + text-align: justify; + width: 90%; + max-width: 960px; + margin: 0 auto; + text-indent: 1rem; +} + +#thanks { + margin-bottom: 50px; +} + +.intro img { + width: 75%; + height: auto; + max-width: 800px; + align-self: center; + vertical-align: middle; + padding-bottom: 2rem; +} + +/* TOUR */ +.dicionario { + height: fit-content; +} +/* VIDEOS */ +.videos iframe { + width: 90vw; + height: 40vh; + margin: 0 auto; + max-width: 800px; + +} +#videoyoutube { + position: relative; + top: 3vh; +} +@media screen and (max-width: 3000px) { + .container { + height: 100vh; + margin: 0 auto; + } + + .red-background { + width: 100vw; + background: #319ffe; + } + + .container-red { + background: #319ffe; + height: 100vh; + width: 800px; + margin: 0 auto; + } + + .dicionario iframe { + width: 90vw; + height: 85vh; + margin: 0 auto; + max-width: 800px; + } +} + + + + +@media screen and (max-width: 1800px) { + .container { + height: 100vh; + width: 800px; + margin: 0 auto; + } + + .red-background { + width: 100vw; + background:#319ffe; + } + + .container-red { + background: #319ffe; + height: 100vh; + width: 800px; + margin: 0 auto; + } + + #dicionario { + width: 100vw; + height: 100vh; + background: #6b6b6b; + } + + #dicionario iframe{ + width: 100vw; + height: 100vh; + margin: 0 auto; + } +} + +@media screen and (max-width: 800px){ + + .line { + width: 30px; + height: 3px; + background: white; + margin: 5px; + } + + nav { + position: relative; + } + + .hamburger { + position: absolute; + cursor: pointer; + right: 5%; + top: 50%; + transform: translate(-5%, -50%); + z-index: 2; + } + + .nav-links { + position: fixed; + background: #1976D2; + height: 100vh; + width: 100%; + flex-direction: column; + clip-path: circle(100px at 90% -20%); + -webkit-clip-path: circle(100px at 90% -20%); + transition: all 1s ease-out; + pointer-events: none; + } + + .nav-links.open { + clip-path: circle(1500px at 90% -10%); + -webkit-clip-path: circle(1500px at 90% -10%); + pointer-events: all; + } + + .nav-links.close { + position: fixed; + background: #1976D2; + height: 100vh; + width: 100%; + flex-direction: column; + clip-path: circle(100px at 90% -20%); + -webkit-clip-path: circle(100px at 90% -20%); + transition: all 1s ease-out; + pointer-events: none; + } + + .container { + height: 100vh; + width: 90%; + margin: 0 auto; + } + + .red-background { + width: 100vw; + background: #319ffe; + } + + .container-red { + background: #319ffe; + height: 100vh; + min-height: 100vh; + width: 90%; + margin: 0 auto; + } + + .tour img { + width: 100%; + } + + + .intro img { + width: 100%; + height: auto; + margin: 0 auto; + } + + #dicionario { + width: 100%; + height: 100%; + background: #6b6b6b; + } + + #dicionario iframe{ + width: 100vw; + height: 100vh; + margin: 0 auto; + } + .nav-links li { + opacity: 0; + } + .nav-links li a { + font-size: 25px; + } + .nav-links li:nth-child(1) { + transition: all 0.5s ease 0.2s; + } + .nav-links li:nth-child(2) { + transition: all 0.5s ease 0.4s; + } + .nav-links li:nth-child(3) { + transition: all 0.5s ease 0.6s; + } + li.fade { + opacity: 1; + } + +} + + + + +