-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (108 loc) · 5.09 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>YouTube Statistics</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://vjs.zencdn.net/5-unsafe/video-js.css'><link rel="stylesheet" href="./style.css">
<script src="api.js"></script>
<script src="function.js"></script>
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
<div class="sidebar">
<span class="logo">S</span>
<a class="logo-expand" href="#">YouTube Statistics</a>
<div class="side-wrapper">
<div class="side-title">MENU</div>
<div class="side-menu">
<a class="sidebar-link discover is-active" href="#">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M9.135 20.773v-3.057c0-.78.637-1.414 1.423-1.414h2.875c.377 0 .74.15 1.006.414.267.265.417.625.417 1v3.057c-.002.325.126.637.356.867.23.23.544.36.87.36h1.962a3.46 3.46 0 002.443-1 3.41 3.41 0 001.013-2.422V9.867c0-.735-.328-1.431-.895-1.902l-6.671-5.29a3.097 3.097 0 00-3.949.072L3.467 7.965A2.474 2.474 0 002.5 9.867v8.702C2.5 20.464 4.047 22 5.956 22h1.916c.68 0 1.231-.544 1.236-1.218l.027-.009z" />
</svg>
My Uploads
</a>
<a class="sidebar-link trending" href="#">
<svg viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.835 12.007l.002.354c.012 1.404.096 2.657.242 3.451 0 .015.16.802.261 1.064.16.38.447.701.809.905a2 2 0 00.91.219c.249-.012.66-.137.954-.242l.244-.094c1.617-.642 4.707-2.74 5.891-4.024l.087-.09.39-.42c.245-.322.375-.715.375-1.138 0-.379-.116-.758-.347-1.064-.07-.099-.18-.226-.28-.334l-.379-.397c-1.305-1.321-4.129-3.175-5.593-3.79 0-.013-.91-.393-1.343-.407h-.057c-.665 0-1.286.379-1.603.991-.087.168-.17.496-.233.784l-.114.544c-.13.874-.216 2.216-.216 3.688zm-6.332-1.525C3.673 10.482 3 11.162 3 12a1.51 1.51 0 001.503 1.518l3.7-.328c.65 0 1.179-.532 1.179-1.19 0-.658-.528-1.191-1.18-1.191l-3.699-.327z" />
</svg>
Channels
</a>
<a class="sidebar-link userChannels" href="#">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M11.23 7.29V3.283c0-.427.34-.782.77-.782.385 0 .711.298.763.677l.007.104v4.01h4.78c2.38 0 4.335 1.949 4.445 4.38l.005.215v5.04c0 2.447-1.887 4.456-4.232 4.569l-.208.005H6.44c-2.38 0-4.326-1.94-4.435-4.379L2 16.905v-5.03c0-2.447 1.878-4.466 4.222-4.58l.208-.004h4.8v6.402l-1.6-1.652a.755.755 0 00-1.09 0 .81.81 0 00-.22.568c0 .157.045.32.14.459l.08.099 2.91 3.015c.14.155.34.237.55.237a.735.735 0 00.465-.166l.075-.071 2.91-3.015c.3-.31.3-.816 0-1.126a.755.755 0 00-1.004-.077l-.086.077-1.59 1.652V7.291h-1.54z" />
</svg>
Videos
</a>
</div>
</div>
</div>
<div class="wrapper">
<div class="main-container">
<div class="small-header anim sec1" style="--delay: .3s">My Uploads</div>
<div class="videos userVideos sec1" id="userVideos">
<script>
</script>
</div>
<!-- start -->
<!-- end -->
<div class="sec2" id="sec2" >
<div class="row">
<div class="column">
<div class="small-header anim" style="--delay: .3s">Channels</div>
</div>
<div class="column">
<!-- Channel link input box -->
<!-- ID = channelLink -->
<!-- function -> channelLink() -->
<button class="button"><a href="#popup1">Add new Channel</a></button>
<div id="popup1" class="overlay">
<div class="popup">
<h2>Add new Channel</h2>
<a class="close" href="#">×</a>
<div class="content">
Paste the Channel link here
</div>
<input type="text" name="videoUrl" id="channelLink">
<button class="button" onclick="channelLink()">Add</a></button>
</div>
</div>
<!-- <div class="box">
</div> -->
</div>
</div>
</div>
<div class="sec3" id="sec3" >
<div class="row" >
<div class="column">
<div class="small-header anim" style="--delay: .3s">Public Videos</div>
</div>
<div class="column">
<!-- ID = videoLink -->
<!-- Video link input -->
<!-- function -> videoLink() -->
<button class="button"><a href="#popup2">Add new Video</a></button>
<div id="popup2" class="overlay">
<div class="popup">
<h2>Add new Video</h2>
<a class="close" href="#">×</a>
<div class="content">
Paste the video link here
</div>
<input type="text" name="videoUrl" id="videoLink">
<button class="button" onclick="videoLink()">Add</a></button>
</div>
</div>
</div>
</div>
<div id="publicVideos" class="videos"></div>
</div>
</div>
</div>
</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://vjs.zencdn.net/5-unsafe/video.js'></script><script src="./script.js"></script>
</body>
</html>