-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (74 loc) · 3.27 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="stylesheets/style.css" charset="utf-8">
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<meta property="og:type" content="game.achievement" />
<meta property="og:title" content="Can you click on 20 squares in 20 seconds ?" />
<meta property="og:image" content="https://gfauchart.github.io/Visited/img/share.jpg" />
</head>
<body>
<header>
<h2>Can you click on 20 squares in 20 seconds ?</h2>
<h3>Time: <span class='time'></span>s Clicked: <span class='clicked'></span></h3>
</header>
<div class="game">
<div class="play">PLAY</div>
</div>
<div class="reveal">
<div class="left">
<h5>How this works</h5>
<p>Square are link to websites, blue one are website you visited. <br> The other one are the same color as the background, so you only cliked on the one you visited.</p>
<br>
<p>
This is a static website, the list displayed on the right were not sent anywhere
<br>
<a href="https://github.com/gfauchart/Visited">View on github</a>
<a class="github-button" href="https://github.com/gfauchart/Visited" data-icon="octicon-eye" data-style="mega" data-count-href="/gfauchart/Visited/watchers" data-count-api="/repos/gfauchart/Visited#subscribers_count" data-count-aria-label="# watchers on GitHub" aria-label="Watch gfauchart/Visited on GitHub">Watch</a>
<a class="github-button" href="https://github.com/gfauchart/Visited" data-icon="octicon-star" data-style="mega" data-count-href="/gfauchart/Visited/stargazers" data-count-api="/repos/gfauchart/Visited#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star gfauchart/Visited on GitHub">Star</a>
</p>
<div class="share">
<div class="fb-share-button"
data-size='large'
data-href="https://gfauchart.github.io/Visited/"
data-layout="button">
</div>
</div>
</div>
<div class="right">
<h5>Website you visted</h5>
<div class="sites">
</div>
</div>
</div>
<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-82091855-1', 'auto');
ga('send', 'pageview');
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1789462251297992',
xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/script.js"></script>
</body>
</html>