-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (88 loc) · 6.14 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style_desafio.css">
<link rel="shortcut icon" href="other sources/imagens/favicon.ico" type="image/x-icon">
<title>Android</title>
</head>
<body>
<header>
<h1>CURIOSIDADES DA TECNOLOGIA</h1>
<p>Tudo aquilo que você sempre quis saber sobre o mundo Tech, em um único lugar.</p>
</header>
<div class="navbar">
<nav>
<a href="#">Home</a>
<a href="#">Notícias</a>
<a href="#">Curiosidades</a>
<a href="#">Fale Conosco</a>
</nav>
</div>
<main>
<article id="conteudo">
<h1>HISTÓRIA DO MASCOTE DO ANDROID</h1> <!-- mudar o h1 dentro da section (deixar maior)-->
<p>Provavelmente você sabe que o sistema operacional <strong>Android</strong>, mantido pelo <strong>Google</strong> é um dos mais utilizados para dispositivos móveis em todo o mundo. Mas tavez você não saiba que o seu simpático mascote tem um nome e uma história muito curiosa? Pois acompanhe esse artigo para aprender muita coisa sobre esse robozinho.
</p>
<h2>A PRIMEIRA VERSÃO</h2> <!-- mudar o h2 dentro da section (deixar menor)-->
<p>A primeira tentativa de criar um mascote surgiu em 2007 e veio de um desenvolvedor chamado <a href="#" class="linq">Dan Morrill</a>. Ele conta que abriu o <a href="#" class="linq">Inkscape</a> (software livre para vetorização de imagens) e criou sua própria versão de robô. O objetivo era apenas personificar o sistema apenas para a a sua equipe, não existia nenhuma solicitação da empresa para a criação de um mascote.
</p>
<picture>
<source media="(max-width: 600px)" srcset="other sources/imagens/dan-droids-pq.png" type="image/png"/>
<img src="other sources/imagens/dan-droids.png" alt="imagem dan droids grande"/>
<figcaption><p>Essa primeira versão bizarra até foi batizada em homenagem ao seu criador: seriam os <strong>Dandroids</strong>.</p>
</figcaption>
</picture>
<h2>SURGE UM NOVO MASCOTE</h2>
<p>A ideia de ter um mascote foi amadurecendo e a missão foi passada para uma profissional da área. A ilustradora Russa <a href="#" class="linq">Irina Blok</a>, também funcionária do Google, ficou com a missão de representar o pequeno robô de uma maneira mais agradável.
</p>
<picture>
<source media="(max-width: 600px)" srcset="other sources/imagens/irina-blok-pq.jpg" type="image/jpeg"/>
<img src="other sources/imagens/irina-blok.jpg" alt="imagem irina grande"/>
</picture>
<p>A ideia principal da Irina era representar tudo graficamente com poucos traços e de forma mais chapada. O desenho também deveria gerar identificação rápida com quem o olha. Surgiu então o <strong>Bugdroid</strong>, o novo mascote do Android.
</p>
<img src="other sources/imagens/bugdroid.png" class="pq" alt="bug droid">
<p>A principal inspiração para os traços do novo Bugdroid veio daqueles bonequinhos que ilustram portas de banheiro para indicar o gênero de cada porta. Conta a lenda que a artista estava criando em sua mesa no escritório do Google e olhou para o lado dos banheiros e a identificação foi imediata: simples, limpo, objetivo.
</p>
<div id="video">
<figure>
<iframe width="770" height="400" src="https://www.youtube.com/embed/l2UDgpLz20M?si=AaoARgHggrjdE9jy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</figure>
</div>
<aside id="extra">
<h1>Quer aprender mais?</h1>
<p>Outro assunto curioso em relação ao Android é que cada versão sempre foi nomeada em homenagem a um doce, em ordem alfabética a partir da versão 1.5 até a 9.0.
</p>
<ul>
<li>1.5 - <abbr title="Bolinho">Cupcake</abbr></li>
<li>1.6 - <abbr title="Rosquinha">Donut</abbr></li>
<li>3.0 - <abbr title="Bomba (doce)">Eclair</abbr></li>
<li>2.2 - <abbr title="Iorgute congelado">Froyo</abbr></li>
<li>2.3 - <abbr title="Biscoito de gengibre">Gingerbread</abbr></li>
<li>3.0 - <abbr title="Favo de mel">Honeycomb</abbr></li>
<li>4.0 - <abbr title="Sanduíche de sorvete">Ice Cream Sandwich</abbr></li>
<li>4.1 - <abbr title="Jujuba">Jelly Bean</abbr></li>
<li>4.4 - <abbr title="Chocolate KitKat">KitKat</abbr></li>
<li>5.0 - <abbr title="Pirulito">Lolipop</abbr></li>
<li>6.0 - <abbr title="Marshmallow">Marshmallow</abbr></li>
<li>7.0 - <abbr title="Torrone">Nougat</abbr></li>
<li>8.0 - <abbr title="Biscoito Oreo">Oreo</abbr></li>
<li>9.0 - <abbr title="Torta">Pie</abbr></li>
</ul>
<p>
Infelizmente, o Android Q não existiu, pois o Google resolveu pôr fim a essa divertida prática e começou a usar numerações, o que deu origem ao Android 10.
</p>
<p>Acesse aqui o site <a href="#" class="linq">Android History</a> para conhecer a sequência das versões "adocicadas" e o que cada uma trouxe para o sistema Android.
</p>
</aside>
<p class="maior">Então é isso! Espero que você tenha gostado do nosso artigo com essa curiosidade sobre o sistema <strong>Android</strong> e seu simpático mascote.
</p>
</article>
</main>
<footer>
<p>Site criado por <a href="#" target="_blank" rel="external">Raphael Ichiro</a> para o <a href="#" target="_blank" rel="external">CursoemVideo</a></p>
</footer>
</body>
</html>