-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (174 loc) · 12.3 KB
/
index.html
File metadata and controls
187 lines (174 loc) · 12.3 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="style.css">
<title>Meu portfólio</title>
</head>
<body>
<header class="container text-center">
<img src="img.mavi/avatarmavi.jpg" alt="avatar da mavi" class="rounded-circle" width="150" height="150"
srcset="">
<p class="lead">Eu sou Mavi_</p>
<h1>Eu sou trancista</h1>
<p>sou trancista e comecei esse ano ,estudo no colegio estadual marechal castelo branco e estou no ensino medio</p>
<p>Minhas habilidades</p>
<div>
<p class="badge bg-secondary">tranca nagô</p>
<p class="badge bg-secondary">cachos</p>
<p class="badge bg-secondary">make</p>
<p class="badge bg-secondary">crespo</p>
</div>
</header>
<main class="container mt-5">
<h2>Meus trabalhos</h2>
<div class="row">
<!-- Projeto 1 -->
<div class="col-md-4">
<div class="card">
<img src="img.mavi/trancaazul.jpg" class="card-img-top" alt="Imagem do trabalho de tranca virtual">
<div class="card-body">
<h5 class="card-title">Nagô lateral</h5>
<p class="card-text">A trança Nagô lateral é uma variação das tradicionais tranças africanas, que fazem parte de um estilo
de penteado com forte origem nas culturas africanas, especialmente entre os povos de origem yorubá.
</p>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#modal1">Veja
o projeto</button>
</div>
</div>
</div>
<!-- Projeto 2 -->
<div class="col-md-4">
<div class="card">
<img src="img.mavi/trancabranca.jpg" class="card-img-top" alt="Imagem do projeto de biblioteca virtual">
<div class="card-body">
<h5 class="card-title">Nagô tiara:com infeites</h5>
<p class="card-text">é um estilo de origem africana, que recebeu
esse nome em referência ao povo nagô, um grupo étnico originário da atual Nigéria.</p>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#modal2">Veja
o projeto</button>
</div>
</div>
</div>
<!-- Projeto 3 -->
<div class="col-md-4">
<div class="card">
<img src="img.mavi/boxeadora.jpg" class="card-img-top" alt="Imagem do projeto de biblioteca virtual">
<div class="card-body">
<h5 class="card-title">Boxeadora</h5>
<p class="card-text">a trança boxeadora tradicional, nada mais é,
do que a trança embutida feita dos dois lados da cabeça.
</p>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#modal3">Veja
o projeto</button>
</div>
</div>
</div>
</div>
</main>
<!-- Modal 1 -->
<div class="modal" id="modal1" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">nagô </h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>A trança nagô, também conhecida como "tranças raiz" ou "tranças rasteira" é um tipo de trança afro popular. A cabelereira Caroliny Donato explica que esse o penteado nesse estilo é feito rente a raiz dos fios. Ele tem origem na cultura africana.
"As tranças nagô eram utilizadas para desenhar rotas de fugas para os quilombos. Nagô é o dileto Jejê, assim é chamado os falante da língua Iorubá, como foi denominado pelo traficantes de escravos. As tranças são testemunhas da resistência.</p>
<p> Caroliny explica que esse tipo de penteado tem gerado discussões sobre como a indústria da moda utiliza um símbolo de resistência para gerar lucro. Ela também destaca o apagamento histórico e a apropriação cultural por trás das tranças.
"O significado é forte e íntimo para aqueles que conhecem a história. O que antes era visto como sujo e marginalizado, hoje quando utilizados por mulheres brancas é visto como novo, elegante e digno de ser copiado. Isso não significa que não pode ser usado, mas é preciso respeito a história por trás
da tranças. As tranças nagô são símbolo de exaltação da beleza do povo preto", finalizou. </p>
<img src="img.mavi/trancaazul.jpg" class="img-fluid w-100"
alt="imagem do link">
</div>
<div class="modal-footer">
<a href="https://femascheti.github.io/minhas-leituras/">Ver projeto ao vivo</a>
<a href="https://github.com/femascheti/minhas-leituras">Ver o significas</a>
</div>
</div>
</div>
</div>
<!-- Modal 2 -->
<div class="modal" id="modal2" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Nagô tiara</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Similar à história da Fulani Braids, a trança nagô é uma prática milenar dos povos africanos e
era usada como uma forma de arte, comunicação e expressão cultural. Desde as primeiras gerações, as tranças nagôs são apreciadas por sua beleza e durabilidade, além da praticidade com os cuidados do dia a dia e proteção aos fios. </p>
<p>Em média, a duração da trança nagô varia entre 1 a 3 meses. Mas fatores como: textura do cabelo, cuidados diários, rotina de lavagens, qualidade do trançado e crescimento natural dos fios, podem influenciar nessa duração.
Depois de um tempo com as tranças, você pode escolher fazer a manutenção delas, no couro cabeludo, ou retirá-las completamente. Seja qual decisão tomar, lembre-se de cuidar bem dos fios para que se mantenham fortes após retirar o trançado.</p>
<p>A trança nagô em cabelo curto fica incrível também! Esse estilo consegue pegar toda a cabeça, dando um efeito único ao visual, além de expressar toda a diversidade nas formas de usar essa técnica ancestral.
Para fazer uma trança nagô em cabelo curto, separe as mechas das tranças, já fazendo o desenho no couro cabeludo, e comece a trançar uma por uma, até chegar à base da cabeça, na nuca. Você pode optar por usar os fios soltos ou, se preferir, finalizar com um coque baixo.</p>
<p>Além de ser um visual que faz referência à ancestralidade africana, a trança nagô também é muito utilizada junto aos penteados para criar visuais diferentes e cheios de estilo.
Ou seja, há pessoas que optam por fazer penteados com a trança para eventos especiais e datas comemorativas, como aniversários, retirando-as depois para voltar aos fios soltos.
Nesses casos, também é possível adicionar miçangas, fios coloridos, acessórios e até pensar em estilos diferentes, como uma trança nagô tiara e desenhos criativos no couro cabeludo.
Para quem não tem a prática de fazer as tranças bem rentes ao couro cabeludo, o ideal é procurar por profissionais, como trancistas, para obter bons resultados e não agredir seus fios ou couro cabeludo.
</p>
<img src="img/projeto-2.png" class="img-fluid w-100"
alt="Imagem representativa do projeto de uma biblioteca online">
</div>
<div class="modal-footer">
<a href="https://femascheti.github.io/tecnicas-computacionais-refletindo-sobre-ia/">Ver projeto ao
vivo</a>
<a href="https://github.com/femascheti/tecnicas-computacionais-refletindo-sobre-ia">Ver código do
projeto</a>
</div>
</div>
</div>
</div>
<!-- Modal 3 -->
<div class="modal" id="modal3" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Minha Biblioteca: Uma Webpage Personalizada</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>O projeto é uma aplicação educativa interativa focada em ensinar conceitos básicos de
astronomia. Utiliza uma série de scripts associados a diferentes atores (sprites) e
cenários para criar uma experiência de aprendizado envolvente. O objetivo é familiarizar
os usuários com tópicos como as fases da Lua, eclipses, a visibilidade de diferentes
constelações dependendo da localização geográfica na Terra, e a forma da Terra, através
de interações e visualizações dinâmicas.</p>
<p>Cada ator no projeto possui scripts que definem seu comportamento em resposta a eventos
específicos, como o início do programa (quando a bandeira é clicada), cliques do
usuário, ou mensagens recebidas. Estes eventos desencadeiam ações como mudanças de
cenário, movimentos de atores, exibição ou ocultação de atores, e a apresentação de
diálogos informativos. Por exemplo, ao clicar em determinados atores, os usuários podem
"receber" uma prova, o que leva a uma mudança de cenário e a exibição de informações
relevantes ou a visualização de uma constelação específica.</p>
<p>A importância das ferramentas utilizadas, como os blocos de código visual do Scratch,
reside na sua acessibilidade e na capacidade de engajar aprendizes de diferentes idades
no pensamento computacional e na exploração de conceitos científicos de forma
interativa. O uso de cenários, movimentos, e diálogos dinâmicos ajuda a criar uma
experiência de aprendizado mais rica e memorável, encorajando os usuários a explorar e
interagir com o conteúdo de maneira ativa, em vez de passivamente.</p>
<img src="img/projeto-3.png" alt="Projeto 3" class="img-fluid w-100">
</div>
<div class="modal-footer">
<a href="https://scratch.mit.edu/projects/951732825/">Ver projeto ao vivo</a>
</div>
</div>
</div>
</div>
<footer class="container py-5">
<h2>Entre em contato</h2>
<div>
<i class="bi bi-github"></i>
<a href="https://github.com/femascheti">GitHub</a>
</div>
<p class="my-5 text-center">© Copyright 2024. Produzido por Fernanda Mascheti</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>