-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
82 lines (79 loc) · 2.99 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
<!DOCTYPE html>
<html>
<head>
<meta content='width=device-width, user-scalable=0' name='viewport' />
<title>Poly-Play Clean and simple video search</title>
<!-- 1. Load platform support before any code that touches the DOM. -->
<script src="app/bower_components/platform/platform.js"></script>
<script src="app/bower_components/font-roboto/roboto.html"></script>
<script src="app/bower_components/underscore/underscore.js"></script>
<script src="app/bower_components/moment/min/moment.min.js"></script>
<!-- 2. Load the component using an HTML Import -->
<link rel="import" href="app/components/poly-play/poly-play.html">
<style>
html,body {
height: 100%;
margin: 0;
font-family: 'RobotoDraft', sans-serif;
}
.intro {
font-size: 24px;
text-align: center;
font-weight: 100;
line-height: 1.5;
}
.open-source {
font-weight: 100;
font-size: 14px;
text-align: center;
}
a {
color: #4285f4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.pby {
width: 170px;
}
.poly-play-container {
min-height: 500px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body {
width: 400px;
}
}
</style>
</head>
<body>
<p class="intro">Poly-Play is built using
<a href="http://www.polymer-project.org/" target="_blank">Polymer</a>
with the power of shadow DOM<br>
Clean and simple video search
</p>
<p class="open-source">
Poly-Play is open source. Submit Feature requests, bugs and contributions at
<a href="https://github.com/kashjs/poly-play" target="_blank">Github</a>
</p>
<p class="open-source">
<iframe src="http://ghbtns.com/github-btn.html?user=kashjs&repo=poly-play&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=kashjs&repo=poly-play&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="83" height="20"></iframe>
<a href="https://twitter.com/kashjs" class="twitter-follow-button" data-show-count="false">Follow @kashjs</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</p>
<!-- 3. Declare the element by its tag. -->
<div class="poly-play-container">
<poly-play></poly-play>
</div>
<div class="footer">
<img class="pby" src="https://developers.google.com/youtube/images/pwrdByYT-black.png">
</div>
</body>
</html>