-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (112 loc) · 9.48 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PandemiaEmFoco</title>
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="img/logoCovidPaint.png" type="image/x-icon" />
</head>
<body>
<h1>Coronavírus: conhecendo o "desconhecido".</h1>
<section class="section-principal">
<nav class="principal">
<ul>
<li>
<a href="#protecao">PROTEÇÃO</a>
</li>
<li>
<a href="#coletividade">CONSCIÊNCIA COLETIVA</a>
</li>
<li>
<a href="#inovacoes">INOVAÇÕES</a>
</li>
</ul>
</nav>
<img id="img-covidMundo" src="img/covidMundo.png" alt="Desenho do vírus covid com bandeiras de países de todo mundo.">
</section>
<section>
<h2>Coronavírus e COVID-19</h2>
<p>O nome coronavírus pertence a uma família de vírus (CoV), já conhecida entre pesquisadores. Dependendo do vírus da família, pode causar desde resfriados comuns a doenças mais graves, como a Síndrome Aguda Respiratória Severa (SARS) e a Síndrome Respiratória do Oriente Médio (MERS).
Os vírus desta família podem sofrer mutações e apresentar algumas características diferentes um dos outros, assim, o Novo Coronavírus, que não era conhecido pelos pesquisadores anteriormente, recebeu a denominação SARS-CoV-2 pela Organização Mundial da Saúde (OMS) e a doença que ele provoca é chamada de COVID-19.</p>
<p>Até o momento, não se tem certeza de como o novo Coronavírus infectou as pessoas na China. Uma hipótese suspeita, por exemplo, é de que o vírus que vive no trato respiratório de morcegos tenha passado por um processo de mutação para conseguir se instalar no corpo humano.</p>
<img id="img-covidCapa" src="img/covidCapa.png" alt="Fotografia de um vírus da família coronavírus e com uma mulher com máscara no rosto de fundo.">
<section id="protecao">
<h3 class="titulo-protecao">Medidas de Proteção</h3>
<p>A pandemia mudou a rotina da pessoas. Nesse momento, é necessário se adaptar a essas novas mudanças para evitar a contaminação e disseminação do vírus.</p>
<p>O novo Coronavírus se espalha de maneira muito rápida e fácil. O objetivo do isolamento social ou distânciamento social é diminuir a proliferação do vírus e, para que isso ocorra, evitar o contato físico e aglomerações é muito importante. </p>
<p>Caso seja necessário sair de casa, por exemplo, em casos de pessoas que precisam trabalhar fora e/ou precisam pegar transporte público, adote medidas de autocuidado:</p>
<ul>
<li>- utilize máscaras;</li>
<li>- use álcool em gel 70% ao tocar em qualquer superfície;</li>
<li>- lave as mãos com água e sabão, sempre que possível.</li>
</ul>
<p>Ao entrar em elvadores, tente entrar sozinho (se possível) ou entre com pessoas do seu grupo de convivência e que esteja se cuidando também. De qualquer maneira, durante o uso, evite encostar nas paredes e espelhos. Tente tocar as superfícies com o cotovelo, pois se esquecer e levar a mão nos olhos e na boca, terá menos chances de tê-las contaminado e se contaminar depois.</p>
<p>Além destas medidas, também é interessante:</p>
<ul>
<li>- limpar superfícies e objetos com frequência;</li>
<li>- tossir cobrindo a boca com o antebraço;</li>
<li>- evitar beijos e abraços;</li>
<li>- não dividir objetos de uso pessoal como talheres, copos ou aparelhos eletrônicos.</li>
</ul>
<p> Por último, dicas de alguns produtos que podem matar o Coronavírus e que podem ser usados para a higienização de ambientes e alguns objetos, são:</p>
<ul>
<li>- desinfetantes;</li>
<li>- detergente líquido;</li>
<li>- álcool líquido 70%;</li>
<li>- sabão.</li>
</ul>
<img id="img-prevencao" src="img/prevencaoCovid.png" alt="Desenho preto e branco de várias situações de prevenção contra covid: higienização das mãos, uso de máscara, distanciamento social.">
</section>
<section id="coletividade">
<h3 class="titulo-coletividade">Consciência Coletiva</h3>
<p>"A sociedade que o força a seguir determinados padrões, é a mesma que o protege e o faz sentir-se como parte de um todo estruturado e coeso."(Fonte: wikipedia)</p>
<p>Quando pensamos em sociedade e coletividade, existem as imposições, mas também existem padrões que protegerão toda ela. É aqui que temos que nos atentar: a pandêmia está aí e temos que cuidar um dos outros, assim, neste contexto de ajudar o próximo e também a si mesmo:</p>
<p>não se arrisque e coloque o outro em perigo também, caso não seja extritamente necessário.</p>
<p>Cuide de si e do próximo...pois:</p>
<p>você pode ter contato com alguém com coronavírus, se infectar e ficar assintomático (sem sintomas), achar que está bem e encontrar outras pessoas e ter os sintomas só alguns dias depois, mas, neste durante este período, o que pode ter acontecido? Você pode ter contaminado pessoas queridas que podem não ter tanta sorte e ficar muito doente, ou, infectar pessoas desconhecidas que também importam... afinal #todasasvidasimportam</p>
<img id="img-juntos" src="img/todosJuntosCovid.png" alt="Desenho preto e branco de várias pessoas distantes uma da outra, mas ligadas pelo amor.">
</section>
<section id="inovacoes">
<h3 class="titulo-inovacoes">Inovações, Vacinas e o Novo Normal</h3>
<p>Com conhecimento, evolução e interesse em resolver a situação na qual vivemos, várias áreas vem sendo estudadas e desenvolvidas para ajudar nesta pandemia. Algumas soluções podem ser citadas aqui:</p>
<p>- ventiladores mecânicos de baixo custo, desenvolvido junto com USP.</p>
<p>- material de proteção para profissionais de saúde, que estão na linha de frente, desenvolvidos por impressora 3D.</p>
<p>- aplicativos de reconhecimento da tosse característica do Covid, desenvolvido em associação com a Fiocruz.</p>
<p>- vacinas de diferentes origens sendo testadas ao redor do mundo, incluindo vacinas desenvolvidas por chineses, britânicos, alemães e russos, além de tantas outras, que estão em fases diferentes de desenvolvimento.</p>
</section>
</section>
<section class="nav-banner">
<h3>Conheça alguns destes estudos e suas aplicabilidades:</h3>
<nav>
<ul class="banner">
<li>
<a href="https://www.poli.usp.br/noticias/destaque-home/20115-pesquisadores-da-poli-usp-desenvolvem-ventilador-pulmonar-para-enfrentar-crise-do-covid-19.html" target="_blank"><button id="item-banner" >VENTILADOR MECÂNICO DE BAIXO CUSTO</button></a>
</li>
<li>
<a href="https://www.uol.com.br/tilt/noticias/redacao/2020/04/08/aplicativo-tosse-coronavirus.htm#:~:text=Pesquisadores%20testam%20aplicativos%20que%20identificam%20coronav%C3%ADrus%20pela%20tosse&text=As%20universidades%20de%20Cambridge%2C%20no,do%20som%20de%20suas%20tosses." target="_blank"><button id="item-banner">APLICAÇÃO PARA RECONHECIMENTO DE TOSSE CARACTERÍSTICA DO COVID</button></a>
</li>
<li>
<a href="https://pesquisaparainovacao.fapesp.br/aplicativo_usa_inteligencia_artificial_e_radiografias_para_combate_ao_novo_coronavirus/1449" target="_blank"><button id="item-banner" >INTELIGÊNCIA ARTIFICIAL APLICADIA A DIAGNÓSTICO DE IMAGEM POR RADIOGRAFIA</button></a>
</li>
</ul>
</nav>
</section>
<img id="img-inovacoes" src="img/inovacoes.png" alt="Pintura da Ada jovem ao lado de uma tabela com algoritmos.">
<p class="p-banner">Independente de seu conhecimento ou crença, faça a sua parte, se proteja e proteja o próximo!</p>
<p class="p-banner">O nosso NORMAL já é o NOVO NORMAL, até que um próximo normal chegue e venha com a carinha do nosso antigo normal!</p>
<p class="p-form">Deixe seu contato caso queira saber mais! Saúde a todas(os) nós! :) </p>
<form>
<label for="nome">Nome:</label>
<input id="nome" type="text">
<label for="email">Email:</label>
<input id="email" type="e-mail">
<label for="telefone">Telefone:</label>
<input id="telefone" type="number">
<button id="botao-enviar">Enviar</button>
</form>
<footer>
<p id="footer"> * as fontes de conteúdo utlilizadas para construção deste site foram: fapesp, usp, wikipedia, uol, g1,dasa; e, as imagens foram obtidas pelo site pixabay.com</p>
</footer>
</body>
<script type="text/javascript" src="js/script.js"></script>
</html>