Skip to content

Commit 5cc103c

Browse files
committed
D3 methodology
1 parent da4fb9f commit 5cc103c

File tree

3 files changed

+3575
-5
lines changed

3 files changed

+3575
-5
lines changed

img/met/met2-3.png

3.15 KB
Loading

methodology -old.html

+103
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!doctype html>
2+
3+
4+
<html lang="en">
5+
<head>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=1024" />
8+
<meta name="apple-mobile-web-app-capable" content="yes" />
9+
<title>FWC prediction methodology</title>
10+
11+
<meta name="description" content="Methodology utilized to develop the 2014 Fifa World Cup prediction - http://andrewyuan.github.io/EDAV-project.html" />
12+
<meta name="author" content="Andrew Yuan" />
13+
14+
<link href="style/methodology.css" rel="stylesheet" />
15+
16+
</head>
17+
18+
<body class="impress-not-supported">
19+
20+
<div class="fallback-message">
21+
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
22+
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
23+
</div>
24+
25+
26+
<div id="impress">
27+
28+
29+
<div id="init" class="step" data-x="0" data-y="-1100" data-scale="8" data-rotate-x="90">
30+
<center><img src="img\met\overview.png"></center>
31+
</div>
32+
33+
<div id="init2" class="step" data-x="0" data-y="-800" data-scale="8" data-rotate-x="0">
34+
<center><img src="img\met\overview.png"></center>
35+
</div>
36+
37+
<div id="methodology1" class="step" data-x="-2300" data-y="1000" data-scale="4">
38+
<center><img src="img\met\met1.png"></center>
39+
</div>
40+
41+
<div id="methodology2" class="step" data-x="0" data-y="5500" data-scale="4" data-rotate="-90" data-rotate-y="40">
42+
<center><img src="img\met\met2-frame.png"></center>
43+
</div>
44+
45+
<div id="methodology2-1" class="step" data-x="-1000" data-y="7100" data-scale="2" data-rotate="-90" data-rotate-y="40">
46+
<center><img src="img\met\met2-1.png"></center>
47+
</div>
48+
49+
<div id="methodology2-2" class="step" data-x="-1000" data-y="5100" data-scale="2" data-rotate="-90" data-rotate-y="40">
50+
<center><img src="img\met\met2-2.png"></center>
51+
</div>
52+
53+
<div id="methodology2-3" class="step" data-x="-1000" data-y="3100" data-scale="2" data-rotate="-90" data-rotate-y="40">
54+
<center><img src="img\met\met2-3.png"></center>
55+
</div>
56+
57+
<div id="methodology2-4" class="step" data-x="850" data-y="6800" data-scale="2" data-rotate="-90" data-rotate-y="40">
58+
<center><img src="img\met\met2-4.png"></center>
59+
</div>
60+
61+
<div id="methodology2-5" class="step" data-x="750" data-y="4900" data-scale="2" data-rotate="-90" data-rotate-y="40">
62+
<center><img src="img\met\met2-5.png"></center>
63+
</div>
64+
65+
<div id="methodology2-6" class="step" data-x="750" data-y="3600" data-scale="2" data-rotate="-90" data-rotate-y="40">
66+
<center><img src="img\met\met2-6.png"></center>
67+
</div>
68+
69+
<div id="methodology2" class="step" data-x="0" data-y="5500" data-scale="4" data-rotate="-90" data-rotate-y="40">
70+
<center><img src="img\met\met2-frame.png"></center>
71+
</div>
72+
73+
<div id="methodology3" class="step" data-x="2800" data-y="1000" data-scale="4">
74+
<center><img src="img\met\met3.png"></center>
75+
</div>
76+
77+
</div>
78+
79+
80+
<div class="hint">
81+
<p>Use a spacebar or arrow keys to navigate</p>
82+
</div>
83+
<script>
84+
if ("ontouchstart" in document.documentElement) {
85+
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
86+
}
87+
</script>
88+
89+
<script src="lib/impress.js"></script>
90+
<script>impress().init();</script>
91+
92+
</body>
93+
<script>
94+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
95+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
96+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
97+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
98+
99+
ga('create', 'UA-50045474-1', 'andrewyuan.github.io');
100+
ga('send', 'pageview');
101+
102+
</script>
103+
</html>

0 commit comments

Comments
 (0)