-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (224 loc) · 19.4 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- METADADOS -->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Capivara Astronauta</title>
<link rel="icon" href="img/Icone_CapivaraAstronauta.png" type="image/png"/>
<link rel="shortcut icon" href="img/Icone_CapivaraAstronauta.png" type="image/png"/>
<meta name="generator" content="Visual Studio Code"/>
<meta name="rating" content="general"/>
<!-- SEO -->
<meta name="description" content="Coletivo de artistas paraenses que tem a missão de explorar novos mundos, possibilidades e fazeres artísticos.">
<meta name="keywords" content="#">
<meta name="author" content="Coletivo Capivara Astronauta">
<meta property="og:title" content="Coletivo Capivara Astronauta">
<meta property="og:description" content="Coletivo de artistas paraenses que tem a missão de explorar novos mundos, possibilidades e fazeres artísticos.">
<meta property="og:image" content="https://teclucas98.github.io/CapivaraAstronauta/img/Icone_CapivaraAstronauta.png">
<meta property="og:url" content="https://teclucas98.github.io/CapivaraAstronauta/">
<meta name="twitter:title" content="Coletivo Capivara Astronauta">
<meta name="twitter:description" content="Coletivo de artistas paraenses que tem a missão de explorar novos mundos, possibilidades e fazeres artísticos.">
<meta name="twitter:image" content="https://teclucas98.github.io/CapivaraAstronauta/img/Icone_CapivaraAstronauta.png">
<meta name="twitter:card" content="summary">
<!--IMPORTAÇÕES CSS E OUTROS -->
<link rel="stylesheet" href="css/design.css">
</head>
<body>
<button id="btnMenu" onclick="revelarMenu()">☰</button>
<header>
<nav>
<img src="img/Icone_CapivaraAstronauta.png" id="logoCapivara" alt="Icone da Capivara Astronauta">
<li><a href="javascript:window.scrollTo(0, 0)">🏠 HOME</a></li>
<li><a href="#Sobre">📖 Sobre</a></li>
<li><a href="#QuemSomos">👩🎨 👨🎨 Quem somos?</a></li>
<li><a href="#Galeria">🎨 Galeria</a></li>
<li><a href="#Contato">📧 Contato</a></li>
<p>© 2019 - Coletivo Capivara Astronauta</p>
<li>
<nav class="redes-sociais">
<!--<li><a href="#"><img src="img/face.png" alt="Facebook"></a></li>
<li><a href="#"><img src="img/twitter.png" alt="Twitter"></a></li>-->
<li><a href="https://www.instagram.com/capivaraastronauta/"><img src="img/Insta.png" alt="Instagram"></a></li>
<!--<li><a href="#"><img src="img/whatsapp.png" alt="whatsapp"></a></li>-->
</nav>
</li>
</nav>
</header>
<!-- SOBRE -->
<section id="Sobre">
<h1>Sobre</h1>
<figure id="icone_capivara_mobile_pc">
<img src="img/Icone_CapivaraAstronauta.png" alt="Capivara"/>
</figure>
<p>Coletivo de artistas paraenses que tem a missão de explorar novos mundos, possibilidades e fazeres artísticos.</p>
</section>
<!-- QUEM SOMOS -->
<section id="QuemSomos">
<h1>Quem somos?</h1>
<h2>Escolha o seu artista</h2>
<ul id="escolhaDePersonagem">
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Fannie')"><img src="img/gifs/pxl_Fannie_Fanye.gif" alt="Fannie Fanye"> Fannie Fanye</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Monshoker')"><img src="img/gifs/pxl_Monshoker.gif" alt="Monshoker"> Monshoker</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-CDL')"><img src="img/gifs/pxl_Cavaleiro_do_Lapis.gif" alt="Cavaleiro de Lápis"> Cavaleiro de Lápis</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Paulo')"><img src="img/gifs/pxl_Paulo_Pensador.gif" alt="Paulo o pensador"> Paulo o Pensador</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-doliveiras')"><img src="img/gifs/pxl_dois_oliveiras.gif" alt="Dois Oliveiras"> Dois Oliveiras</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Elivan')"><img src="img/gifs/pxl_Elivan.gif" alt="Dois Oliveiras"> Elivan</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Sara')"><img src="img/gifs/pxl_sfail.gif" alt="Sara Failache"> sfail</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Looba')"><img src="img/gifs/pxl_looba.gif" alt="Looba"> Looba</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Renan')"><img src="img/gifs/pxl_Renan.png" alt="Renan"> Renan Gomes</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Bruna')"><img src="img/gifs/pxl_bruna.png" alt="Bruna"> Bruna</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Izabelle')"><img src="img/gifs/pxl_izabelle.gif" alt="Bruna"> Izabelle</a></li>
<li><a href="javascript:void(0)" onclick="revelarPersonagem('#char-Mai')"><img src="img/gifs/pxl_Mai.gif" alt="Bruna"> Mai</a></li>
</ul>
<div class="cartoes">
<div id="char-Fannie">
<h2><img src="img/gifs/pxl_Fannie_Fanye.gif" alt="Fannie Fanye"> Fannie Fanye</h2>
<p>Real name : Stefanie</p>
<p>Artista em fase de aprendizagem mas não me subestime :V</p>
<p>Gosto muito de pintar principalmente com aquarela.</p>
<p>Eu desenho muitas coisas fofas (por pouco tempo°^°) E por último não muito importante sou <strong>@Fanny_Fanye_</strong>.</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/fanny_fanye_/"><img src="img/Insta.png" alt="Insta"></a></li>
</nav>
</div>
<div id="char-Monshoker">
<h2><img src="img/gifs/pxl_Monshoker.gif" alt="Monshoker"> Monshoker</h2>
<p>Nasci na época errada, as coisas são muito rápidas. Parei de tentar achar sentido a vida agora eu tento aproveita-la com as coisas que eu gosto de fazer, e eu tenho muito tempo para desenha las.</p>
<p>Não custa nada me seguir no insta, sou gente boa, juro: <strong>@monshoker</strong></p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/monshoker/"><img src="img/Insta.png" alt="Insta"></a></li>
</nav>
</div>
<div id="char-CDL">
<h2><img src="img/gifs/pxl_Cavaleiro_do_Lapis.gif" alt="Cavaleiro de Lápis"> Cavaleiro de Lápis</h2>
<p>Real name : Josué</p>
<p>Hooray, saudações senhores. Eu sou aquele conhecido como Josué (@cavaleiro_do_lapis )e faço parte deste coletivo. Sou um jovem que nasceu no tempo certo para usar a maior dadiva dos homems: a internet! Minha maior paixão são animes antigos(isso será bem notório na minhas artes) e música obscura (tem muitas pérolas escondidas por ai!) Não sou muito fã de colorir meus desenhos, mas vez e outra talvez saia uma arte colorida... Enfim, esta é a minha apresentação, espero que gostem das artes que nosso humilde grupo que ainda alcançará as estrelas! Nós vemos por ai...</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/cavaleiro_do_lapis/"><img src="img/Insta.png" alt="Insta"></a></li>
</nav>
</div>
<div id="char-Paulo">
<h2><img src="img/gifs/pxl_Paulo_Pensador.gif" alt="Paulo O Pensador"> Paulo o pensador</h2>
<p>Olá... Meu nome é Paulo Roberto <strong>(@ludineio21)</strong> mais conhecido como Paulo Pensador. Eu escrevo poemas e poesias e me deram esse apelido em um blog onde eu postava meus textos. Tenho uma página no Facebook chamada Quintal das Letras, lá eu posto tudo que escrevo atualmente. Sou uma pessoas que respira arte e vivo dela desde os meus 23 anos, me sustento dela também. Sou escritor, desenhista, cenógrafo, aderecista e as vezes faço trabalhos como artista plástico.</p>
<p>Faço parte de um grupo artístico chamado Auto da Lua Crescente, lá trabalhamos com teatro, dança e canto. Já escrevi 3 espetáculos chamados: Santos e flores na quadra junina, Matumba para o dia da consciência Negra e o mais recente chamado Círios das Águas e do tempo. Também faço parte de um grupo de contação de histórias chamado Encarados de Aruanda. Agora estou aqui nos Capivaras e pretendo dar meu melhor para o coletivo</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/ludineio21/"><img src="img/Insta.png" alt="Insta"></a></li>
</nav>
</div>
<div id="char-doliveiras">
<h2><img src="img/gifs/pxl_dois_oliveiras.gif" alt="Dois Oliveiras"> Dois Oliveiras</h2>
<p>Olá, me chamo Cleyson (<strong>@dois.oliveiras</strong> e <strong>@cleyson_draw</strong>) e sou um dos mais velhos do Coletivo. Gosto de muitas coisas, pois quero sempre estar de bem com a vida. Gosto de ouvir as pessoas e se preciso ajudá-las de bom grado.</p>
<p> Sou movido a base de música, quadrinhos e artes em geral. Vamos lá, com o Coletivo Capivara Astronauta, vou te apresentar a cada novo trabalho ilustrações cheias de cor e vida. </p><p>Ahoy!!!</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/dois.oliveiras/"><img src="img/Insta.png" alt="Instagram"> @dois.oliveiras</a></li><br/>
<li><a href="https://www.instagram.com/cleyson_draw/"><img src="img/Insta.png" alt="Instagram"> @cleyson_draw</a></li>
</nav>
</div>
<div id="char-Elivan">
<h2><img src="img/gifs/pxl_Elivan.gif" alt="Dois Oliveiras"> Elivan</h2>
<p>Oi, de boa? Sou o Elivan <strong>(@elivan47)</strong>. Por muito tempo fiquei perdido sobre o que eu iria fazer da vida e que profissão seguiria.
No final o mundo das artes e dos quadrinhos foi onde eu mais me encontrei. Contar histórias, entreter, causar sentimentos e reflexões...isso tudo é incrível demais. É o que quero fazer da minha vida, e é um modo de deixar (talvez) minha marca no mundo. Uma coisa que ainda vai existir e ser lembrada depois que eu partir desse mundo.</p>
<p>O coletivo capivara astronauta é o lugar onde eu, junto das pessoas maravilhosas que integram esse grupo, espero conseguir isso.</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/elivan47/"><img src="img/Insta.png" alt="Insta"></a></li>
</nav>
</div>
<div id="char-Sara">
<h2><img src="img/gifs/pxl_sfail.gif" alt="Sara Failche"> Sfail</h2>
<p>Real name: Sara</p>
<p>Oi! Me chamo Sara ( <strong>@sarafailache</strong> / <strong>@sfail_</strong> )
Sou uma nova membro do coletivo, trabalho mais com artes digitais (faz pouco tempo que peguei uma mesa digitalizadora, antes desenhava pelo celular).
Assim como a maioria daqui amo animes (talvez um pouco demais), e sou viciada em ler, principalmente mangás e webcomics de preferência dos gêneros aventura, fantasia, seinen, BL's (Yaois/Shoune-ai) e shoujos.</p>
<p>Como a imagem mostra eu amo gatos (e animais em geral), sou amante da natureza e da calmaria.
Gosto de simplicidade, pessoas honestas e não arrogantes (mas pode debochar, claro).
Não sou muito de falar (porém depende), introvertida (tímida não).</p>
<p>Obs: amo chapéus 💛</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/sfail_/"><img src="img/Insta.png" alt="Instagram"> @sfail</a></li><br/>
<li><a href="https://www.instagram.com/sarafailache/"><img src="img/Insta.png" alt="Instagram"> @sara_failache</a></li><br/>
<li><a href="https://www.youtube.com/channel/UCBetLopuNJYbFy-yDirDNyQ"></a><img src="img/youtube.png" alt="youtube"></li>
</nav>
</div>
<div id="char-Looba">
<h2><img src="img/gifs/pxl_looba.gif" alt="Looba"> Looba</h2>
<p>Real name : Maria Luiza</p>
<p>Olá! Meu nome é Maria Luiza Baganha, mas prefiro que me chamem de Luiza ou Looba.</p>
<p>Sou ilustradora e animadora, formada em Design na UEPA e trabalhei como animadora no Estúdio Iluminuras de animação.</p>
<p>No instagram e no twitter, minha conta de desenhos é <strong>@loobaloob</strong></p>
<p>Ainda não encontrei um estilo de desenho e coloração que me deixasse 100% satisfeita, mas gosto muito de experimentar e ficar mudando. Antes parecia errado não ter um estilo único e diferentão, mas hoje em dia, já acho legal desenhar de formas variadas!</p>
<p>Meu estilo oscila bastante entre cartoon e manga e é basicamente um reflexo das minhas grandes paixões nos ramos de animação e quadrinhos. Desde que eu era criança, eu já queria ser artista e desenhar minhas próprias histórias, mas por adversidades e falta de coragem, desisti da ideia de ser quadrinista. Nesse meio tempo, encontrei minha paixão por animação e acabei revivendo essa vontade de escrever e desenhar quadrinhos! Ainda sou um pouco insegura, mas espero produzir muitas coisas legais junto com meus amigos do Capivara Astronauta!</p>
<p>Sou uma pessoa extremamente medrosa e não gosto de imagens muito fortes ou assustadoras, mas amo histórias e livros de terror... A dualidade do ser humano... Minha comida favorita é pizza e adoro comer besteira e doces (Oops)! Bichinhos são a fonte universal de serotonina e amo tanto gatos quanto cachorros! Gosto de ler sobre mitologia de civilizações antigas e escutar podcasts de true crime e histórias de terror. Meu gosto musical é uma farofa de ovo com tudo quanto é coisa e eu morro de vergonha de compartilhar com os outros!</p>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/loobaloob/"><img src="img/Insta.png" alt="Instagram"></a></li>
<li><a href="https://twitter.com/LoobaLoob"><img src="img/twitter.png" alt="Twitter"></a></li>
</nav>
</div>
<div id="char-Renan">
<h2><img src="img/gifs/pxl_Renan.png" alt="Renan Gomes"> Renan Gomes</h2>
<p>Oi, eu sou o Renan Gomes (<strong>@renan.gomes21</strong>). Gosto muito de ler. Livros são pra mim o alimento da alma. Assim como a escrita, a música. Além disso gosto de desenhar pra complementar minha veia artística. Tudo relacionado a arte me encanta. E também não dispenso uma boa e velha corrida noturna.</p>
<ul class="redes-sociais">
<li><a href="https://www.instagram.com/renan.gomes21/"><img src="img/Insta.png" alt="Instagram"></a></li>
</ul>
</div>
<div id="char-Bruna">
<h2><img src="img/gifs/pxl_bruna.png" alt="Bruna"> Bruna</h2>
<p>Oi, me chamo Bruna Mercês,faço parte desse grupo incrível de artistas.</p>
<p>Sou estudante em artes visuais com muito amor. Ainda estou em processo construtivo nesse meio artístico, estou aprendendo de tudo um pouco, hoje trabalho com biscuit arte de molda, segue aí (<strong>@b.artebiscuit</strong>)aqui vocês vão ver um pouco do meu trabalho.</p>
<p>Sou uma pessoa simples, que gosta da natureza</p>
<p>As coisas que fazem a gente se sentir verdadeiramente humanos,essas sim, valem a pena ser vivida.</p>
<ul class="redes-sociais">
<li><a href="https://www.instagram.com/b.artebiscuit/"><img src="img/Insta.png" alt="Instagram"></a></li>
</ul>
</div>
<div id="char-Izabelle">
<h2><img src="img/gifs/pxl_izabelle.gif" alt="Izabelle"> Izabelle</h2>
<p>Olá, eu sou a Izabelle eu nascida em 2002 (<strong>@_harupriart_</strong>/<Strong>@uerba_ellebazi</Strong>), gosto de artes plasticas, jogos e até umas coisa com fotografias. É a minha primeira vez em um coletivo então eu estou realmente estou animada ♡♡♡ adoro testar novos estilos e cores tanto na arte digital quanto na tradicional. obrigada por nos apoiarem ♡♡</p>
<ul class="redes-sociais">
<li><a href="https://www.instagram.com/_harupriart_/"><img src="img/Insta.png" alt="Instagram"> @_harupriart_</a></li><br/>
<li><a href="https://www.instagram.com/uerba_ellebazi/"><img src="img/Insta.png" alt="Instagram"> @uerba_ellebazi</a></li><br/>
</ul>
</div>
<div id="char-Mai">
<h2><img src="img/gifs/pxl_Mai.gif" alt="Mai"> Mai</h2>
<p>Real name : Maiara </p>
<p>A verdade é que "eu" e "minha mochila" somos parte de uma mesma entidade, assim como essa camisa xadrez vermelha que eu uso há anos e minha família vem pedindo pra eu jogar fora.</p>
<ul class="redes-sociais">
<li><a href="https://www.instagram.com/_mai.drawing/"><img src="img/Insta.png" alt="Instagram"></a></li>
</ul>
</div>
</div>
</section>
<section id="Galeria">
<h1>Galeria</h1>
<ul>
<li><img src="img/desenho1.png" alt="desenho1"></li>
<li><img src="img/desenho2.png" alt="desenho2"></li>
<li><img src="img/desenho3.png" alt="desenho3"></li>
<li><img src="img/desenho4.png" alt="desenho4"></li>
<li><img src="img/desenho5.png" alt="desenho5"></li>
</ul>
</section>
<section id="Contato">
<h1>Contato</h1>
<p><a href="https://www.instagram.com/capivaraastronauta/"><img src="img/Insta.png" alt="Instagram"> Clique aqui para ir pro contato Direto via Instagram</a></p>
<form name="formContato" id="formContato" method="post">
Nome : <input type="text" name="nome" placeholder="Quem é você" required/><br/><br/>
Email : <input type="email" name="email" placeholder="seuemail@mail.com.br" required/><br/><br/>
Assunto: <br/><textarea name="msg"></textarea><br/><br/>
<input type="submit" value="Enviar" onclick="return validarFormulárioDeContato()"/>
<input type="reset" value="Limpar" />
</form>
</section>
<footer>
<nav class="redes-sociais">
<li><a href="https://www.instagram.com/capivaraastronauta/"><img src="img/Insta.png" alt="Instagram"></a></li>
</nav>
<p>© 2019 - Capivara Astronauta</p>
<p>Sugestão de site : <strong>www.capivarastronauta.art.br</strong></p>
</footer>
<!-- JAVASCRIPT -->
<script src="js/app.js"></script>
</body>
</html>