-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (95 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tweeo</title>
<!-- Add links to stylesheets here -->
<link rel="stylesheet" href="stylesheets/basic.css">
<link rel="stylesheet" href="stylesheets/navbar.css">
<link rel="stylesheet" href="stylesheets/previewprofile.css">
<link rel="stylesheet" href="stylesheets/register.css">
</head>
<body class="followers">
<div class="navbar">
<div class="logo">
<div class="logo_bg gradient-swtich"></div>
<svg>
<defs>
<clipPath id="logo_shape">
<path d="M1.3,0.1h23.2c0.9,0,1.3,0.3,1.3,1v8.1c0,0.7-0.4,1-1.3,1h-5.2c-0.6,0-0.9,0.4-0.9,1.1V33c0,0.7-0.4,1.1-1.1,1.1H8.6
c-0.7,0-1.1-0.4-1.1-1.1V11.3c0-0.7-0.3-1.1-0.9-1.1H1.3c-0.9,0-1.3-0.3-1.3-1V1.1C0,0.4,0.4,0.1,1.3,0.1z"/>
<path d="M45.5,32.4l-4-9.2c-0.2-0.4-0.4-0.4-0.5,0l-3.9,9.2c-0.5,1.1-1.2,1.7-2.2,1.7s-1.8-0.6-2.2-1.7l-13.2-31
c-0.1-0.2-0.1-0.4-0.1-0.6c0-0.5,0.4-0.7,1.3-0.7c1.5,0,2.9,0,4.3,0c1.5,0,3,0,4.3,0c0.7,0,1.2,0.5,1.6,1.3L32.4,5
c0.4,1,1,2.2,1.7,3.6c0.2,0.4,0.4,0.6,0.6,0.6c0.2,0,0.4-0.2,0.6-0.5l5.2-7.6c0.3-0.5,0.6-0.7,1-0.7s0.7,0.2,1,0.7
c0.1,0.2,1,1.4,2.5,3.7c0.4,0.7,1.3,1.9,2.5,3.7c0.3,0.4,0.5,0.6,0.8,0.6c0.2,0,0.5-0.2,0.7-0.6l3.3-7.1c0.2-0.3,0.4-0.7,0.6-1
c0.2-0.2,0.6-0.4,1.3-0.3c1.9,0,3.2,0,4,0h4.1c0.9,0,1.3,0.3,1.3,0.8c0,0.2,0,0.3-0.1,0.6L50,32.4c-0.5,1.1-1.2,1.7-2.2,1.7
C46.8,34.1,46,33.5,45.5,32.4z"/>
<path d="M57.7,0L81,0c0.8,0,1.2,0.3,1.2,1v8.1c0,0.7-0.4,1-1.2,1H68.7c-0.8,0-1.2,0.4-1.2,1.2s0.4,1.2,1.2,1.2h11.1
c0.8,0,1.1,0.3,1.1,0.9v7.5c0,0.6-0.4,0.9-1.1,0.9H68.5c-0.7,0-1,0.4-1,1.3c0,0.8,0.3,1.2,1,1.2H81c0.8,0,1.2,0.3,1.2,1V33
c0,0.6-0.4,1-1.2,1c-2.6,0-6.5,0-11.6,0.1s-9,0.1-11.6,0.1c-0.7,0-1.1-0.4-1.1-1.1V1.1C56.7,0.4,57,0,57.7,0z"/>
<path d="M85.2,0l23.3,0c0.8,0,1.2,0.3,1.2,1v8.1c0,0.7-0.4,1-1.2,1H96.2c-0.8,0-1.2,0.4-1.2,1.2s0.4,1.2,1.2,1.2h11.1
c0.8,0,1.1,0.3,1.1,0.9v7.5c0,0.6-0.4,0.9-1.1,0.9H96c-0.7,0-1,0.4-1,1.3c0,0.8,0.3,1.2,1,1.2h12.5c0.8,0,1.2,0.3,1.2,1V33
c0,0.6-0.4,1-1.2,1c-2.6,0-6.5,0-11.6,0.1s-9,0.1-11.6,0.1c-0.7,0-1.1-0.4-1.1-1.1V1.1C84.2,0.4,84.5,0,85.2,0z"/>
<path d="M124.7,0c4.7,0,8.7,1.7,12,5c3.3,3.3,5,7.3,5,12c0,4.7-1.7,8.7-5,12c-3.3,3.3-7.3,5-12,5c-4.7,0-8.7-1.6-12-4.9
s-4.9-7.3-4.9-12c0-4.7,1.7-8.7,5-12C115.9,1.7,120,0,124.7,0z M124.7,10.3c-1.9,0-3.4,0.7-4.8,2c-1.3,1.3-2,2.9-2,4.8
c0,1.9,0.7,3.5,2,4.8c1.3,1.3,2.9,2,4.8,2c1.9,0,3.4-0.7,4.8-2c1.3-1.3,2-2.9,2-4.8s-0.7-3.4-2-4.8
C128.1,10.9,126.5,10.3,124.7,10.3z"/>
</clipPath>
</defs>
</svg>
</div>
<div class="spacer"></div>
<div class="colorful-switch">
<input type="checkbox" class="colorful-switch__checkbox" id="switch"/>
<label class="colorful-switch__label" for="switch">
<span class="colorful-switch__bg gradient-swtich"></span>
<span class="colorful-switch__dot"></span>
<span class="colorful-switch__on">
<span class="colorful-switch__on__inner"></span>
</span>
<span class="colorful-switch__off"></span>
</label>
</div>
<div class="navbar_pseudo-twitter" id="username">@mumudesbois</div>
<div class="navbar_pp-twitter">
<span class="navbar_pp-twitter_bg gradient-swtich"></span>
<img id="profile-picture" class="navbar_pp-twitter-inner" src="" alt="picture"/>
</div>
</div>
<div class="register">
<div class="register__bg">
</div>
<div class="register__text">
<form class ="register__form" action="#">
<span class="salut">Salut</span>
<input type="text" class="form_visitor-name" placeholder="Quel est ton prénom ?" />
<button type="submit" class="form_btn" href="#">OK</button>
</form>
<div class ="presentation">
<p class="presentation_text">Salut <span class="presentation_text_visitor-name"></span>, <br> connecte-toi avec ton compte Twitter pour découvrir <br> où tes followers et tes followings <br>se trouvent dans le monde.</p>
<button id="log-with-twitter">Connexion</button>
</div>
</div>
</div>
<div id="map-container"></div>
</body>
<!--
Load JS Scripts
-->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<!-- google maps -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFO6THo29ll-W20yu1KmK--gpddIYJxFs"></script>
<!-- infobull -->
<script src="https://googlemaps.github.io/js-info-bubble/src/infobubble-compiled.js"></script>
<!-- spiderfier -->
<script src="http://jawj.github.io/OverlappingMarkerSpiderfier/bin/oms.min.js"></script>
<!-- map -->
<script src="scripts/map.js"></script>
<!-- app -->
<script src="scripts/app.js"></script>
<!-- switch animation -->
<script src="scripts/switch.js"></script>
<!-- register page -->
<script src="scripts/register.js"></script>
<script>if (window.module) module = window.module;</script>
</html>