-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (95 loc) · 6.19 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<!-- Meta settings -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Tecnario é um dicionário de tecnologia acessível e inclusivo, que simplifica termos técnicos complexos e oferece suporte para pessoas com deficiência auditiva e de fala. Aprenda mais sobre tecnologia de forma clara e fácil!" />
<meta name="keywords" content="dicionário de tecnologia, termos técnicos de TI, tecnologia acessível, inclusão digital, suporte para deficientes auditivos, acessibilidade, dicionário tech, aprendizado de tecnologia, Tecnario, simplificação de termos técnicos, deficiência auditiva, aprendizado acessível, glossário de TI, segurança cibernética, inteligência artificial, machine learning, blockchain, big data, cloud computing, programação, desenvolvimento web, UX design, software, hardware, inovação tecnológica, termos de tecnologia, linguagem de programação, Python, JavaScript, HTML, CSS, React, desenvolvimento de software, banco de dados, cibersegurança, IA, aprendizagem de máquina, tecnologia inclusiva, acessibilidade digital, inclusão tecnológica, transformação digital, educação digital, acessibilidade para surdos, suporte a deficientes de fala, comunicação inclusiva, dicionário técnico, termos de informática, robótica, automação, computação em nuvem, internet das coisas, IoT, aprendizado online, ferramentas de desenvolvimento, acessibilidade para deficientes, suporte tecnológico inclusivo, interface amigável, tecnologia assistiva, engenharia de software, plataformas digitais, inovação acessível, inclusão digital, acessibilidade web, API, DevOps, sistemas operacionais, aprendizado autodidata, inclusão social, inclusão digital na tecnologia, acessibilidade para cegos, tecnologia para todos, educação inclusiva, inclusão no mercado de trabalho, transformação digital inclusiva, inclusão na tecnologia, glossário online, acessibilidade em apps, dispositivos acessíveis, suporte educacional, tecnologia para iniciantes, cursos de tecnologia, soluções acessíveis, integração de sistemas, web inclusiva, experiência do usuário, automação de processos, desenvolvimento acessível, inclusão de minorias, soluções de TI acessíveis" />
<meta name="author" content="Tecnario - Dicionário de Tecnologia" />
<meta property="og:title" content="Tecnario - Dicionário de Tecnologia Acessível" />
<meta property="og:description" content="Tecnario é um dicionário tech que simplifica termos complexos e oferece suporte inclusivo para deficientes auditivos e de fala. Aprenda de forma clara!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tecnario.netlify.app" />
<meta property="og:image" content="https://tecnario.netlify.app/assets/img/cover.png" />
<meta name="robots" content="index, follow" />
<!-- Favicon -->
<link rel="shortcut icon" href="/assets/img/fav.png" type="image/x-icon" />
<!-- CSS Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/cookies.css">
<link rel="stylesheet" href="assets/css/dark_mode.css">
<!-- Phosphor Icons -->
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<!-- Analytics -->
<!-- <script data-goatcounter="https://levxyca.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script> -->
<title>Dicionário de Tecnologia</title>
</head>
<body>
<header class="header">
<h1 class="header__title">
<!-- <img src="/assets/img/brand/logo/colored.png" width="480" height="148" alt="Diciotech" /> -->
</h1>
<br>
<h2 class="header__subtitle">
Um dicionário que simplifíca termos tecnológicos. 📖
</h2>
<a href="https://www.paypal.com/paypalme/joaomarcosjova" target="_blank" class="button-donate">
<p>Donate</p>
</a>
<button id="dark-mode-toggle" class="button-dark-mode" title="Mudar tema">
<i class="ph ph-moon"></i>
<i class="ph ph-sun"></i>
</button>
<!-- language options -->
<select id="language-switcher">
<option value="pt">Português</option>
<option value="en">English</option>
</select>
</header>
<main class="main">
<div class="search">
<div class="searchbar">
<svg xmlns="http://www.w3.org/2000/svg" class="searchbar__icon" viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
<input id="search-input" type="text" name="search-input" placeholder="Pesquisar..." class="searchbar__input" />
</div>
<div class="filter">
<label for="tags-filter" class="filter_label">Filtrar por categoria:</label>
<select id="tags-filter">
<option value="Todos" selected>Todos/All</option>
</select>
</div>
</div>
<section class="cards" id="cards"></section>
<div class="cookies-container">
<div class="cookies-content">
<p class="cookies-message">O Diciotech usa cookies para garantir que você obtenha uma melhor experiência.
<a href="https://cookie-consent.app.forthe.top/why-websites-use-cookies/" target="_blank">Ler mais</a></p>
<div class="cookies-buttons">
<button class="cookies-accept-button">Concordar e fechar</button>
</div>
</div>
</div>
</main>
<!-- vlibras -->
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
<!-- vlibras fim -->
<script src="assets/js/script.js" type="module"></script>
<script src="assets/js/cookies.js" type="module"></script>
</body>
</html>