-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (64 loc) · 12.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="assets/favicon.png" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Russo+One">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<title>Sakura's Pokédex</title>
</head>
<body>
<!-- Início do Header -->
<header aria-label="link para página principal">
<a href="index.html">
<svg id="hibisco" data-name="Logo Hibisco" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1125.87 1279.65"><path d="M802.5,1.5c-11.6,2.2-25.4,6.4-29.8,9.2-6.3,4-13.3,11.6-22.6,24.9-4.6,6.5-10.4,14.2-12.8,17.1-5.2,6.2-11.9,9.8-16.7,8.9-4.6-.9-11.5-5.7-15.6-11-7.6-9.7-26.3-14.3-41.8-10.2-29.4,7.9-61.4,43.7-77.7,87.1-9.6,25.5-13.8,51-13.8,83.5-.1,40.7,6.9,77.6,23.8,127.2,2.2,6.5,3.2,8.1,6.2,9.9,3.5,2.2,3.6,2.2,5,.3,1.6-2.2,1.5-3.6-3.4-25.9-2.4-11.4-3.3-17.6-3-21.5.6-7.8,4.3-32.6,6.7-45.4,6.5-34.2,19.5-54.3,37-57,3.5-.6,3.5-.5,6.8,6.3,6.5,13.3,18.6,23.3,26.3,21.6,4.9-1.1,10.4-6.7,12.9-13.3,5.3-14,9.6-19.2,19.9-24.1,4.7-2.2,7-2.6,14.1-2.6s9.5.5,14.8,2.9c11.4,5.2,18.3,15.7,16.9,25.7-1,7.6-4.9,12.6-30.3,38.7-37.1,38.1-45.3,47.4-56.1,64-10,15.2-16.9,33.3-18.6,49l-.6,5.2,2.7-.6c11.1-2.7,22.7-11.7,43.1-33.7,21.3-23,30.8-31.1,44.1-37.6,3-1.5,9.3-5.3,14-8.3,12.2-8,33.1-18.7,71.1-36.3,31.8-14.8,51.3-24.8,59.1-30.4,33.9-24.6,43.6-70.5,21.4-101.5-4.9-6.8-13.3-14.4-19.7-17.6l-3.7-1.9-.6-8.8c-2-27.5-6-45.3-13.6-60.8-7.2-14.7-15.1-23.4-26.4-29.2C831.7.3,816.9-1.2,802.5,1.5Z" transform="translate(-0.13 -0.17)"/><path d="M364.3,11c-27.3,4.9-50.4,25.5-56.8,50.5-2.2,8.6-1.9,16.3.7,22.1,1.8,3.8,2.3,6.6,2.2,12.9-.1,10.7-3.1,16.8-16.9,34.5-6,7.7-12.4,17.1-14.8,21.9-3.8,7.6-4.2,9.3-4.5,17.1-.4,9.5,1.2,15.4,8.8,33.3,25.3,58.9,87.7,104.2,171.7,124.6,17.4,4.2,36.7,7.3,41.1,6.5,9.5-1.7,12-5.7,7.9-12.7-3.2-5.5-8.6-10.5-27.2-25.2-18.4-14.5-27.1-22.7-29.7-28-1.2-2.2-7.7-13.3-14.5-24.7-19.1-31.9-22.8-41.6-22.1-57.1.4-9.6,2.1-14.2,7.5-21.4,3.1-4.1,10-5.7,21-5.1,21,1.2,37.8,17.7,57.8,56.9,4.3,8.5,8.8,16.6,10,18,3.4,4.2,10,17.4,18.1,36.6,11.2,26.6,18.5,37.5,27,40.3,3,1,10.4.7,10.4-.5,0-.2-1.3-4.1-2.9-8.7-13-36.7-19-67-19.8-99.3-.4-17.6-.2-22.3,2.1-39.5,6.1-46.8,5.8-64.3-1.4-86.2-3.8-11.4-14.5-27.2-26.6-39.5-10.3-10.4-19.8-11.7-41.9-5.7-32.8,8.8-41.1,8-55.3-5.1-7.5-7-15.9-12-24.1-14.5C384.6,10.6,371.6,9.7,364.3,11Z" transform="translate(-0.13 -0.17)"/><path d="M869.5,267c-27,1.4-50.5,7.6-72.4,19.1-32.6,17.2-67,44.3-98.2,77.4-13.4,14.2-30.9,34.4-30.9,35.7s7.3,2.8,13.1,2.8c11.1,0,19.3-3.7,41.5-18.6,25.9-17.5,39-20.7,52.8-13.1,5.7,3.1,6.5,6.1,6.5,24.7.1,17.6,1.2,20.9,7.6,23.6,4.4,1.8,15.5,1.8,22.5-.1,20.3-5.5,39.8,5.3,47.1,26,3,8.5,2.4,20.8-1.4,28.1-5.1,9.9-14.6,15.9-29.3,18.5-9.3,1.6-17.3.7-36.4-4.1-18.5-4.7-26-5.4-28.7-2.7-2.4,2.4-2.1,8.6.7,16.2,4.3,11.5,5.1,15.8,4.7,23.1-.9,15.9-11.6,24.4-30.5,24.4A63.22,63.22,0,0,1,697,532.3c-7.1-6.5-9.8-10.4-12.9-18.8a73.91,73.91,0,0,0-15.4-24.2c-9-9.6-15.8-13-22.3-10.9-5.3,1.7-9,16-7.3,28.3,4.4,31.1,19.1,64.5,44.9,101.5,14.2,20.3,40.5,46.1,61.5,60,22.9,15.1,50.7,23.9,71.2,22.5,18.2-1.3,38.2-10.9,53.3-25.7,13.6-13.3,22.6-27.2,29.5-45.4,3.6-9.7,7.5-26.9,7.5-33s7.7-16.4,17.5-23.6c7.4-5.4,14.4-9.1,29.7-15.9,38.9-17.1,44.2-21.7,61.5-51.6,8.8-15.1,13.2-31.3,14-51,.4-10.9.2-16-1.1-23-5-26.5-17.1-45.6-37.1-58.8-6.8-4.4-13.1-12.6-29.3-38.1-7.8-12.2-17.1-25.8-20.7-30.4-11.7-14.5-25.3-23.7-39.7-26.6C893.7,265.9,892,265.9,869.5,267Z" transform="translate(-0.13 -0.17)"/><path d="M245.3,273c-8.3,1.8-14.3,8.3-14.3,15.7,0,5.7,2.1,9.6,6.7,12.4,5.7,3.5,14.3,11.9,16.4,16.1,5.8,11.4-3.2,21.8-18.9,21.8-14,0-21.4-7.2-33.9-32.7-7.7-15.9-8.7-17.5-12.3-19.3a18.84,18.84,0,0,0-6.2-2c-6.9,0-13.1,9-13.1,18.9,0,9.7,5.1,16.1,14.8,18.6,10.6,2.8,16.5,8.2,16.5,15.2,0,4.4-5.2,10-13.2,14.4-5.6,3-7.2,3.4-13.8,3.4-9.8,0-15.2-2.5-23.5-10.9A48.17,48.17,0,0,1,140,329.9c-2.2-4.6-4-8.8-4-9.4,0-1.4-4.7-5.8-7.8-7.4-9.5-4.9-22.3,4.3-22.4,16.3-.2,8.8,5.7,14.2,16.7,15.6,10.3,1.3,16.5,6.6,16.5,14,0,5.9-2.7,8.7-14,14.4-13.5,6.9-22.3,9.6-33.6,10.3-16.5,1-28.7-4.8-34-16.1-2.8-5.9-2.9-7.7-.9-13.1,2.8-7.9,1.4-16.5-3.6-21.5-2.5-2.5-3.9-3-7.7-3-4,0-5.9.8-12.2,5-11.3,7.5-12,9.1-12,28.3,0,18.9-.8,21.1-9.9,28.1-15.6,12-14.8,19.8,3.9,40,5.5,5.9,10.6,11.8,11.2,13s1.2,5.8,1.3,10.4c0,8.1.1,8.4,3.2,11.2,4.2,3.8,8.9,5,19.3,5,14.9.1,28.5,1.7,32.9,4a21.93,21.93,0,0,0,16.5.6c7.2-3,10.1-11.5,7.3-21A181,181,0,0,0,99.4,437c-5.3-11.3-5.9-13.1-5.8-19,0-8.5,2.1-11.8,13.8-22.1,17.3-15.3,29.5-21.9,40.2-21.9,9.7,0,14.4,3.3,14.4,10.1,0,4.5-2.7,8.3-11.9,16.6-9,8.3-11,12.1-9.1,17.8,1.9,5.9,11.2,12.5,17.6,12.5,4.4,0,8.3-3.1,11.2-9,2.6-5.3,2.7-6.1,2.8-22.5.1-18.6.4-20,6.6-27,9.3-10.7,26.4-16.2,36.6-11.9,3.8,1.5,9.2,6.1,9.2,7.7,0,.5-2.1,3-4.7,5.5-8.6,8.7-14.3,25.1-11.9,34.6,1,4,5.3,8.3,10.1,10.2,4.2,1.6,4.8,1.6,9,0,3.5-1.4,5.1-2.8,7.3-6.4,2.6-4.5,2.7-5.3,2.9-20.2.2-20.1.7-23.3,4.4-27.4,4.8-5.6,6.8-6,27.7-5.3,47.9,1.6,100.6,14.6,155.9,38.6,40.8,17.8,48.2,21.5,71.8,36.1,20.3,12.6,32.1,18.5,45,22.4,14.1,4.4,15.9,4.6,22.5,3.4,22.2-4.1,37.5-29.2,30-49-1.8-4.9-3.4-6.9-10.6-13.2-47.5-41.6-118.5-66.5-204.6-71.8-22.2-1.3-50.9-.1-67.3,2.9-22.9,4.2-43.5-5.1-48.6-21.9-.6-1.8-1-7.7-1-13.1.1-10.4-1.1-14.8-4.7-18.1C255.6,273.3,249.6,272.1,245.3,273Z" transform="translate(-0.13 -0.17)"/><path d="M378,441c-36.1,3.8-73.1,15.5-101.5,32-4.4,2.6-13.1,7.7-19.3,11.3-14.4,8.4-19.4,12.1-26.3,19.4q-16.65,17.55-23.8,45.3c-3.5,13.9-4.9,24.4-6,45.6l-.8,16-5.5,5.2a45.11,45.11,0,0,0-8.9,12c-3,6-3.4,7.6-3.4,15.2,0,7.8.3,9,3.4,14.8,8.8,16.2,26.4,22.2,47.8,16.1,19.3-5.4,25.5-1.3,35.9,23.4,10.8,25.8,16.2,33.1,27.1,36.3,8.2,2.4,16.7.9,28.2-5.1,17.3-8.9,32.9-23.9,47.1-45.3,8-12,26.1-47.8,40.4-80.1,12.4-27.8,18.7-38.4,29.1-48.7s16-12.8,28-12.2c5.6.3,9.3,1.1,12.3,2.6,2.3,1.3,4.2,2.5,4.2,2.8s-2,4.8-4.5,9.9c-6.6,13.7-17.8,29.9-40,57.5-42.3,52.6-54.1,77.2-52.1,108.4,2.1,33.1,19.2,56.7,46,63.6l7.7,1.9,7.7-2.5c14.9-5,26.7-3.1,36,5.9,6.3,6,10.7,13,20.3,31.7,10.7,21,13.7,25.4,25.1,37.1,10.4,10.6,17.2,14.9,28.3,17.4,6.9,1.6,20.5,2.1,27.2.9,16.8-2.9,33.8-11.5,38.7-19.7,6.4-10.8,19.2-23,45.4-43.4s36.8-31.2,44.9-45.8c2.7-4.8,2.8-5.6,2.7-17.5-.2-14.8-1.3-21.6-6-37-6.9-22.2-13.9-35.2-43.4-80-30.4-46.2-33-51-43.3-81.7-9-26.4-11-31.3-14.7-34.8s-6.2-2.3-8.8,4.8c-3.2,8.5-3.5,11.8-1.8,20.9,1.9,10.2,5.1,19.8,14.5,43.2,9,22.3,11.5,32,11.4,44.6a48.57,48.57,0,0,1-2.8,18c-2.4,7.3-3.5,9.2-8.2,13.7-12,11.6-21,10.3-33.5-4.7-2.5-3-7.3-8.8-10.6-12.8-10.9-13.1-19-18.2-29.1-18.2a34.15,34.15,0,0,0-7.8.9c-4,1.2-15.8-.4-22.4-2.8-14.5-5.5-20.1-18-16.4-36.2,2.8-14.2,9.5-29.4,24.9-57.3l6.5-11.8-1.9-3.9c-7.3-14.1-19.3-18.2-36.8-12.3-9.5,3.1-17.9,7.7-39.2,21.3-16.3,10.3-32.1,19.2-37,20.6a27.85,27.85,0,0,0-6.5,4,62.11,62.11,0,0,1-9.5,6.1c-5.1,2.7-6.3,2.9-17,2.9-10.4,0-12.1-.3-17.2-2.7-7.5-3.5-14.2-9.8-17.4-16.4-2.4-4.8-2.6-6.3-2.2-13.2.3-6.1,1.1-8.9,3.3-13,3.7-6.8,11.2-14.3,19.9-20,12.4-8.1,23-11.3,54.9-16.8,23-3.9,33-6.3,42-10,6.5-2.6,17.4-9.3,20.1-12.3,1.7-1.8,1.4-2-6.1-4.5a256.8,256.8,0,0,0-39.3-9.1C425.5,440.6,390,439.8,378,441Z" transform="translate(-0.13 -0.17)"/><path d="M946.5,662.4c-10.6,2.7-11.9,4-25.9,24.4-18.7,27.2-31.2,37-55.6,43.6-9.8,2.6-29.2,5.5-38.3,5.7-11.6.2-11.9-.6,9.5,20.4,40.8,40,56.7,46.9,131.3,56.5,25.4,3.3,49.7,8.4,60.8,12.7,14.9,5.8,23.2,17.4,19.2,26.9-2.2,5.3-4.9,8-12,11.9-20.3,11.3-58.2,15.1-88.3,8.9-20.4-4.2-41.4-13.7-64.8-29.3-32.5-21.6-65.1-53.5-90.6-88.6-3.6-5-7.3-10.5-8.4-12.3-3.5-6.1-5-4.6-9.6,9.3-1.9,5.9-1.6,30.7.6,42.9,3.7,20.7,15.1,53.5,26.4,76.1A147.8,147.8,0,0,0,910,951.8c14.9,2.4,62.3,2.3,79.5-.2,40.2-5.8,72.2-17.1,99-35.1,11.5-7.7,25.4-20.7,30.6-28.7,3.8-5.8,6.9-14.7,6.9-19.7,0-6.7-15.2-49.3-28.3-79.1-10.3-23.5-26.4-55.5-31.8-63-13.8-19.5-35.7-37.9-58.5-49.3C981.1,663.6,960.7,658.8,946.5,662.4Z" transform="translate(-0.13 -0.17)"/><path d="M713.6,871.1c-17.6,6.2-35.7,24.7-46,47-7.8,16.9-14.9,42-19,66.9-4.7,28.8-6.6,54.3-8.6,117.5-1.3,42.7-2,49.9-5.7,63.5-4.9,17.6-17.4,17.7-31.8.3-13.7-16.6-22.2-43.4-23.2-73.3-.8-22.2,1.2-40.6,7.8-70.5,4.1-18.6,5-21.7,13.1-44.5,6.4-18.1,12.4-38.7,11.5-39.6-.7-.7-11.8,2.6-19.1,5.6-16.1,6.7-33.2,20.8-44.6,36.8-7.4,10.4-17.7,31-22,44.2-13.9,42.6-12.9,94.2,2.6,135.6a203.3,203.3,0,0,0,101.8,112.5c14.4,7.1,17,7.7,24,5.8,7.5-2.1,17.6-15.8,17.6-24,0-2.6,9.9-22.4,18.5-36.9,3.8-6.3,17.1-27,29.5-46,31.2-47.3,41.5-65.6,51.3-90.5,28.8-73.8,25.5-138.3-9.5-184.9C745.3,874.6,728.6,865.8,713.6,871.1Z" transform="translate(-0.13 -0.17)"/></svg>
</a>
<h1>
<a href="index.html">
Sakura's Pokédex
</a>
</h1>
</header>
<!-- Fim do Header -->
<!-- Início do Conteúdo -->
<main>
<section>
<div class="master-ball">
<img src="assets/master_ball.jpg" alt="imagem de uma master ball" />
</div>
<input type="text" placeholder="Insira o nome ou número do Pokémon" />
<button onclick="irDetalhes()">Buscar</button>
</section>
<!-- Início dos Botões -->
<section class="botoes">
<div class="caixa-icones">
<a href="favoritos.html" aria-label="link para página de favoritos">
<svg id="star" class="icones" data-name="Estrela Favoritos" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 63.09 60"><defs><style>.f934a38c-61f7-4a8d-8194-00cbdc1d0977{fill:#fff;}.eb5ee8ad-3942-45de-888b-4a6417d5e74f{mask:url(#fceadd3a-5d65-435f-b0c5-bd7348d83ffc);}</style><mask id="fceadd3a-5d65-435f-b0c5-bd7348d83ffc" x="0" y="0" width="63.09" height="60" maskUnits="userSpaceOnUse"><g transform="translate(-0.46 -1.35)"><g id="a8adee42-72a7-4af3-96e6-1ece35a27b0c" data-name=" mask fpwkzgDVMu8i6lAjdkbR0my8T8NvuRN4"><path class="f934a38c-61f7-4a8d-8194-00cbdc1d0977" d="M63.54,24.27,47.77,39.64l3.72,21.71L32,51.1,12.51,61.35l3.72-21.71L.46,24.27,22.25,21.1,32,1.35,41.75,21.1Z"/></g></g></mask></defs><path d="M63.54,24.27,47.77,39.64l3.72,21.71L32,51.1,12.51,61.35l3.72-21.71L.46,24.27,22.25,21.1,32,1.35,41.75,21.1Z" transform="translate(-0.46 -1.35)"/><g class="eb5ee8ad-3942-45de-888b-4a6417d5e74f"><path d="M63.54,24.27,47.77,39.64l3.72,21.71L32,51.1,12.51,61.35l3.72-21.71L.46,24.27,22.25,21.1,32,1.35,41.75,21.1Z" transform="translate(-0.46 -1.35)"/></g></svg>
<h4>Favoritos</h4>
</a>
</div>
<div class="caixa-icones">
<a href="recentes.html" aria-label="link para página de Pokémons recentes">
<svg id="recent" class="icones" data-name="Recentes" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.18 19.5"><path id="a5df673e-d7ce-4367-bbd9-3f49686b758a" data-name="Shape" d="M11.25,21a.76.76,0,0,1,.75-.75,8.26,8.26,0,1,0-6.19-2.8V14.82a.75.75,0,0,1,1.5,0v4.24a.74.74,0,0,1-.75.75H2.32a.75.75,0,0,1,0-1.5H4.57A9.74,9.74,0,1,1,12,21.75a.75.75,0,0,1-.75-.75Zm2.88-4.81-2.66-2.66a.75.75,0,0,1-.22-.53V7.8a.75.75,0,0,1,1.5,0v4.89l2.43,2.43a.75.75,0,1,1-1,1.08l0,0Z" transform="translate(-1.57 -2.25)"/></svg>
<h4>Recentes</h4>
</a>
</div>
<div class="caixa-icones">
<a aria-label="link para buscar Pokémon aleatório" onclick="buscarAleatorio()">
<svg id="random" class="icones" data-name="Aleatorio" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 448"><path d="M505,359A24,24,0,0,1,505,393l-80,80c-15,15-41,4.49-41-17V416H325.21a12,12,0,0,1-8.77-3.81l-70.55-75.6,53.33-57.14L352,336h32V296c0-21.44,25.94-32,41-17ZM12,176H96l52.78,56.55,53.33-57.14-70.55-75.6A12,12,0,0,0,122.79,96H12A12,12,0,0,0,0,108v56A12,12,0,0,0,12,176Zm372,0v40c0,21.46,26,32,41,17l80-80A24,24,0,0,0,505,119l-80-80c-15-15-41-4.47-41,17V96H325.21a12,12,0,0,0-8.77,3.81L96,336H12A12,12,0,0,0,0,348v56a12,12,0,0,0,12,12H122.79a12,12,0,0,0,8.77-3.81L352,176Z" transform="translate(0 -32)"/></svg>
<h4>Pokémon Aleatório</h4>
</a>
</div>
</section>
<!-- Fim dos Botões -->
</main>
<!-- Fim do Conteúdo -->
<!-- Início do Javascript -->
<script src="scripts/scripts.js"></script>
<!-- Fim do Javascript -->
</body>
</html>