-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (128 loc) · 4.75 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="canonical" href="https://alicescfernandes.github.io/random-who" />
<meta name="google-site-verification" content="LBj8sbd2xCc-s6N_PGz7LNnNQILE9VLUiYKnCfO06S4" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<meta name="AUTHOR" content="Alice Fernandes" />
<meta name="COPYRIGHT" content="Done with love by Alice Fernandes" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900" rel="stylesheet" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://alicescfernandes.github.io/random-who/images/banner.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Random Who - Random Doctor Who episode generator" />
<meta name="twitter:title" content="Random Who - Random Doctor Who episode generator" />
<!--<META name="DESCRIPTION" content="This page will give you a random doctor who episode for you to watch">
<meta property="og:description" content="This page will give you a random doctor who episode for you to watch" />
<meta name="twitter:description" content="This page will give you a random doctor who episode for you to watch">-->
<meta name="DESCRIPTION" content="Oh, brilliant!'" />
<meta property="og:description" content="Oh, brilliant!" />
<meta name="twitter:description" content="Oh, brilliant!" />
<meta name="twitter:image" content="https://alicescfernandes.github.io/random-who/images/banner.jpg" />
<link rel="manifest" href="app/manifest.json" />
<link rel="stylesheet" href="app/styles.css" />
<title>Random Who - Random Doctor Who Episode Generator</title>
<script type="text/javascript">
window.rwSettings = {
currentTheme: '9theme',
currentDoctor: 15,
regeneration: {
active: true,
content: 'Random Episode Generator', //THE CLOCK IS STRIKING TWELVE'S
theme: '9theme',
},
};
</script>
</head>
<body>
<!--<a href="#" title="Click here to mute" class="mute"></a>-->
<label for="mute">
<img src="images/sound.png" />
<input id="mute" type="checkbox" />
<div class="close">
<div class="dash"></div>
<div class="dash"></div>
</div>
</label>
<div class="background">
<video loop="" autoplay="" muted="" src="video/bg_12.mp4"></video>
</div>
<div class="align-center">
<div class="vertical-aligner"></div>
<div class="no-mobile">
<h1>Sorry, this website is not avaliable for mobile phones</h1>
<p>
I decided to not give support to mobile phones, because the screens don't have enought width to fit all the data that appears on a
normal screen resolution
</p>
<p>Please see this page on a device with a screen width bigger than 1024px</p>
</div>
<div class="generator">
<div class="mainMenu">
<div class="logo">
<img alt="Doctor Who Logo" title="Doctor Who Logo" src="images/logo.png" />
</div>
<div class="message">
<h4>Random Episode generator</h4>
</div>
<div class="btn">
<button></button>
<div></div>
</div>
<p class="credits" style="font-size: 12px; font-weight: 400; margin-top: 20px"></p>
</div>
</div>
<div class="result">
<div class="episode-picture">
<!--<img data-attr="image" src="">-->
</div>
<div class="episode-detail">
<p>
<span data-attr="season"></span>
<span data-attr="ep"></span>
</p>
</div>
<div class="episode-title">
<h3 data-attr="name"></h3>
</div>
<div class="episode-writer">
<p data-attr="writer"></p>
</div>
<div class="episode-quote">
<h4>
<span class="quote-mark">“</span>
<span class="quote" data-attr="quote"></span>
<span class="quote-mark">”</span>
</h4>
</div>
<div class="episode-arcs"></div>
<div class="btn">
<button class="regenerator"></button>
<div></div>
</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-100869248-1', 'auto');
ga('send', 'pageview');
</script>
<script class="cleanup" type="text/javascript" src="app/list.js"></script>
<script type="text/javascript" class="cleanup" src="app/app.min.js"></script>
</body>
</html>