-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (77 loc) · 5.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TreeVis</title>
<link rel="icon" type="image/png" href="https://img.icons8.com/ios-filled/50/555555/deciduous-tree.png">
<link rel="stylesheet" href="site/style.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.error {
color: red;
}
</style>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega@5"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-lite@4.17.0"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-embed@6"></script>
<script src="site/js/script.js" defer></script>
<script src="site/js/raposas.js" defer></script>
<script src="site/js/sudeste.js" defer></script>
<script src="site/js/aves.js" defer></script>
</head>
<body>
<div class="icon-bar">
<div class="se">
<img width="50" height="50" src="https://img.icons8.com/ios-filled/50/deciduous-tree.png" alt="deciduous-tree"/>
<div>TreeVis
</div>
</div>
<div>
<!--a class="tablink" id="defaultOpen" onclick="openPage('Home', this, 'red')">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0,0,256,256">
<g fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(9.84615,9.84615)"><path d="M13,0c-7.17969,0 -13,5.14844 -13,11.5c0,3.25781 1.53516,6.19141 3.99609,8.28516c-0.67578,2.86328 -4.09766,4.04297 -3.875,4.85547c2.16797,1.24609 7.99219,-1.12891 9.88672,-1.96094c0.96094,0.20313 1.96094,0.32031 2.99219,0.32031c7.17969,0 13,-5.14844 13,-11.5c0,-6.35156 -5.82031,-11.5 -13,-11.5zM14.92578,17.41406c-0.48828,0.20313 -1.625,0.72656 -2.67187,0.72656c-0.96875,0 -2.28906,-0.44531 -2.28906,-1.875c0,-1.65625 1.17188,-4.01562 1.17188,-5.38281c0,-1.52344 -1.98047,-0.69922 -2.125,-0.64453l0.19922,-0.8125c0.48828,-0.19922 1.64844,-0.72656 2.67578,-0.72656c0.83203,0 2.25,0.30078 2.25,1.875c0,1.58203 -1.17187,4.11328 -1.17187,5.38281c0,0.35156 -0.04687,0.90625 1.04688,0.90625c0.42578,0 1.01172,-0.21484 1.11719,-0.26172zM13.53906,7.19531c-0.70703,0 -1.78125,-0.48437 -1.78125,-1.65625c0,-1.1875 1.14453,-1.66797 1.78125,-1.66797c0.75391,0 1.77734,0.55078 1.77734,1.66797c0,0.67578 -0.53125,1.65625 -1.77734,1.65625z"></path></g></g>
</svg>
INFO
</a-->
<div class="leg">
Árvore Taxonômica:
</div>
<a class="tablink" onclick="openPage('Aves', this, 'red')">
<img width="30" height="30" src="https://img.icons8.com/ios-filled/50/000011/top-view-bird.png" />
<div>AVES</div>
</a>
<a class="tablink" id="defaultOpen" onclick="openPage('Raposas', this, 'red')">
<img width="30" height="30" src="https://img.icons8.com/external-icongeek26-glyph-icongeek26/64/external-fox-animal-body-icongeek26-glyph-icongeek26.png" alt="external-fox-animal-body-icongeek26-glyph-icongeek26"/>
<div>RAPOSAS</div>
</a>
<div class="leg">
Árvore Divisões:
</div>
<a class="tablink" onclick="openPage('Sudeste', this, 'red')">
<img width="30" height="30" src="https://img.icons8.com/external-flatart-icons-solid-flatarticons/64/external-brazil-brazilian-carnival-flatart-icons-solid-flatarticons.png" alt="external-brazil-brazilian-carnival-flatart-icons-solid-flatarticons"/>
<div>SUDESTE</div>
</a>
</div>
<a class="se" id="github" href="https://github.com/CarCesar/TCC-Arvore-Biodiversidade">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="25" height="25" viewBox="0 0 50 50">
<path d="M17.791,46.836C18.502,46.53,19,45.823,19,45v-5.4c0-0.197,0.016-0.402,0.041-0.61C19.027,38.994,19.014,38.997,19,39 c0,0-3,0-3.6,0c-1.5,0-2.8-0.6-3.4-1.8c-0.7-1.3-1-3.5-2.8-4.7C8.9,32.3,9.1,32,9.7,32c0.6,0.1,1.9,0.9,2.7,2c0.9,1.1,1.8,2,3.4,2 c2.487,0,3.82-0.125,4.622-0.555C21.356,34.056,22.649,33,24,33v-0.025c-5.668-0.182-9.289-2.066-10.975-4.975 c-3.665,0.042-6.856,0.405-8.677,0.707c-0.058-0.327-0.108-0.656-0.151-0.987c1.797-0.296,4.843-0.647,8.345-0.714 c-0.112-0.276-0.209-0.559-0.291-0.849c-3.511-0.178-6.541-0.039-8.187,0.097c-0.02-0.332-0.047-0.663-0.051-0.999 c1.649-0.135,4.597-0.27,8.018-0.111c-0.079-0.5-0.13-1.011-0.13-1.543c0-1.7,0.6-3.5,1.7-5c-0.5-1.7-1.2-5.3,0.2-6.6 c2.7,0,4.6,1.3,5.5,2.1C21,13.4,22.9,13,25,13s4,0.4,5.6,1.1c0.9-0.8,2.8-2.1,5.5-2.1c1.5,1.4,0.7,5,0.2,6.6c1.1,1.5,1.7,3.2,1.6,5 c0,0.484-0.045,0.951-0.11,1.409c3.499-0.172,6.527-0.034,8.204,0.102c-0.002,0.337-0.033,0.666-0.051,0.999 c-1.671-0.138-4.775-0.28-8.359-0.089c-0.089,0.336-0.197,0.663-0.325,0.98c3.546,0.046,6.665,0.389,8.548,0.689 c-0.043,0.332-0.093,0.661-0.151,0.987c-1.912-0.306-5.171-0.664-8.879-0.682C35.112,30.873,31.557,32.75,26,32.969V33 c2.6,0,5,3.9,5,6.6V45c0,0.823,0.498,1.53,1.209,1.836C41.37,43.804,48,35.164,48,25C48,12.318,37.683,2,25,2S2,12.318,2,25 C2,35.164,8.63,43.804,17.791,46.836z"></path>
</svg>
</br>
GitHub
</a>
</div>
<div id='main'>
<div class="tela", id="Home">Home</div>
<div class="tela" id="Raposas">
<div id="raposas_vis"></div>
</div>
<div class="tela", id="Aves">
<div id="aves_vis"></div>
</div>
<div class="tela", id="Sudeste">
<div id="sudeste_vis"></div>
</div>
</div>
</body>
</html>