-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (131 loc) · 7.61 KB
/
index.html
File metadata and controls
151 lines (131 loc) · 7.61 KB
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
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>showmaniac | track your favourite tv shows</title>
<meta name="description" content="Track your favourite shows and be always up to date. It automatically saves your added tv shows in your browser - no need to sign up!">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="google-site-verification" content="EN7yJV-bRDikTCni_ZaUpBAY8CQzfeQ8C5CUSZoiPKE" />
<meta name="theme-color" content="#333333">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/favicon.ico">
<link rel="search" type="application/opensearchdescription+xml" title="showmaniac" href="/opensearch.xml" />
<link rel="stylesheet" href="/src/assets/main.css">
<!-- Preconnect hints for faster font loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="/images/logo.png" alt="showmaniac"></a>
</div>
</div>
</nav>
<div class="container">
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
<hr class="gap">
<div class="row text-center">
<div class="col-sm-4">
<i class="fa fa-4x green fa-heart"></i>
<h2>Add your<br>favourite TV shows</h2>
<p class="visible-xs-block"> </p>
</div>
<div class="col-sm-4">
<i class="fa fa-4x green fa-check-circle"></i>
<h2>Watch latest episode and mark it as seen</h2>
<p class="visible-xs-block"> </p>
</div>
<div class="col-sm-4">
<i class="fa fa-4x green fa-calendar"></i>
<h2>See when next episode is coming up</h2>
</div>
</div>
<hr class="gap">
<h1 class="text-center">Features</h1>
<p> </p>
<div class="row">
<div class="col-sm-7">
<hr class="gap hidden-xs">
<h2>Too many shows?</h2>
<h4>Use the toggle button at top, to see the shows you have to watch!</h4>
</div>
<div class="col-sm-4 text-center">
<img src="/images/seen-toggle.gif" class="img-responsive" alt="shows to watch">
</div>
</div>
<p> </p>
<div class="row">
<div class="col-sm-7">
<p> </p>
<h2>Change last seen episode</h2>
<h4>Marking the latest episode as seen is one thing. The other thing is catching up to the latest one!</h4>
</div>
<div class="col-sm-5 col-md-4 col-xs-8">
<br><br>
<img src="/images/catch-up.png" class="img-responsive" alt="Catch up to the latest episode">
</div>
</div>
<p> </p>
<div class="row">
<div class="col-sm-7">
<p> </p><p> </p>
<h2>Find new shows</h2>
<h4>
Browse <a href="/popular">popular shows</a> or recommendations based on your added shows!<br>
If you login with Facebook, you can also choose TV shows you liked.
</h4>
<!-- or shows that are aired today in different countries. -->
</div>
<div class="col-sm-5 col-md-4 col-xs-8">
<p> </p>
<img src="/images/find-shows.png" class="img-responsive" alt="Recommendations">
</div>
</div>
<!-- <ol class="text-muted">
<li>Tracks the <b>PREVIOUS and NEXT air dates</b><br>of your added shows.</li>
<li><b>Syncs automatically</b><br>the next time you open showmaniac.</li>
<li>Just <b>create an account</b><br>if you want to sync your added shows between different browsers or devices.</li>
</ol> -->
</div>
<hr class="gap">
<footer class="footer">
<div class="container">
<p class="pull-right text-right">
<a href="https://www.facebook.com/showmaniac/" target="_blank" rel="noopener" aria-label="Go to Facebook page">
<i class="fa fa-fw fa-facebook"></i>
</a>
</p>
<p>
© showmaniac. All rights reserved.
<a href="http://bettysteger.com" target="_blank" rel="noopener">bettysteger.com</a><br>
<small><a href="https://github.com/bettysteger/showmaniac" target="_blank" rel="noopener">Open Source</a></small>
<small><a href="/disclaimer">Disclaimer</a></small>
<small><a href="/privacy-policy">Privacy Policy</a></small>
</p>
</div>
</footer>
<!-- Move font loading here -->
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<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-25710155-1');
(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("90d8529893d933aa8f75b2f5ae186ddc");
</script>
</body>
</html>