-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
105 lines (102 loc) · 5.16 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
<!DOCTYPE html>
<html ng-app="Pokeweak">
<head>
<meta charset="utf-8">
<title>Pokeweak for Pokémon GO</title>
<meta name="description" content="Know all about Pokémon for Pokémon GO">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<!-- <meta name="apple-mobile-web-app-capable" content="yes" />-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">
<meta http-equiv="cleartype" content="on">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicons/manifest.json">
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
<!-- <meta name="apple-mobile-web-app-status-bar-style" content="white">-->
<!-- <meta name="apple-mobile-web-app-title" content="Pokeweak">-->
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.3/angular-route.js"></script>-->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o)
, m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-82318527-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body ng-controller="pkCardName">
<div class="preload" ng-show="false">
<img src="images/pokeball.svg" class="rotate">
</div>
<div class="wrapper-fixed">
<div class="overlay" ng-click="closeSidebar()"></div>
<div class="sidebar-inner hidden">
<ng-include class="pokemon-detail-inner hidden" src="'views/pokemon-details.html'"></ng-include>
</div>
<div class="content-side">
<ng-include class="pokemon-detail hidden" src="'views/pokemon-details.html'"></ng-include>
<ng-include class="eggs hidden" src="'views/eggs.html'"></ng-include>
<ng-include class="ranking hidden" src="'views/ranking.html'"></ng-include>
<ng-include class="about hidden" src="'views/about.html'"></ng-include>
<div class="overlay-inner"></div>
</div>
</div>
<div class="navbar">
<div class="searchbar-container"> <img class="logo" src="images/logo.svg">
<h1>Pokeweak</h1>
<div class="menu-container">
<ul>
<li><img src="images/ranking.svg" ng-click="showRanking()"></li>
<li><img src="images/egg.svg" ng-click="showEggs()"></li>
<li class="show-search no-desktop"><img src="images/search.svg"></li>
</ul>
</div>
<div class="searchbar"> <img class="search-icon" src="images/search_icon.svg"> <img class="close-icon" src="images/close_icon.svg">
<form id="form">
<input type="text" id="pokemon" name="pokemon" placeholder="Search by name"> </form>
</div>
</div>
</div>
<div class="scroll-content-list">
<div class="content">
<div class="card" ng-repeat="pokemon in ::pkData track by $index">
<div class="pk-container" ng-click="showPokemon(pokemon)">
<div class="pk-img"> <img ng-src="images/pk_assets/{{::pokemon.number}}.svg"> </div>
<h2 class="name">{{::pokemon.name}}</h2>
<div class="number">#{{::pokemon.number | zpad}}</div>
</div>
</div>
<div class="white-space"></div>
</div>
</div>
<div class="footer">
<span ng-click="showAbout()">About Pokeweak</span>
<div class="open-source">
<p>Open source project at:</p>
<a href="https://github.com/pokeweak/pokeweak.github.io" target="_blank">
<svg aria-hidden="true" class="github" height="24" version="1.1" viewBox="0 0 16 16" width="24">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script src="js/main.js"></script>
<script src="js/controllers.js"></script>
<!-- <script src="js/angular-vs-repeat.min.js"></script>-->
</body>
</html>