-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (94 loc) · 4.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Skipper</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans" type="text/css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="popup.css">
<script src="popup.js"></script>
</head>
<body>
<div class="modal-header">
<h1 class="logo">
<img src="" alt="" class="logo-icon"> YouTube Skipper
<span class="version">Web Version</span>
</h1>
</div>
<div class="box left">
<div class="modal-content"><p>Redirect to url of video with start time</p></div>
<form>
<div class="time">
<div class="url">
<label for="startMin">YouTube URL:</label>
<input class="" id="url" type="text" >
</div>
</div>
<div class="time">
<h5>Start Time:</h5>
<div class="start">
<label for="startMin">Minutes:</label>
<input class="minute" id="startMin" type="number" min="0" max="60" value="" >
<label for="startSec"> Seconds:</label>
<input class="second" id="startSec" type="number" min="0" max="60" value="" >
</div>
</div>
<!-- <div class="time">
<h5>End Time:</h5>
<div class="end">
<label for="endMin">Minutes: </label>
<input class="minute" id="endMin" type="number" min="0" max="60" value="" >
<label for="endSec"> Seconds:</label>
<input class="second" id="endSec" type="number" min="0" max="60" value="" >
</div>
make a choice for end time or time before end
ex. end at 12:23 or end 5 minutes before end -->
<!-- </div> -->
<div class="button">
<input class="sub" type="button" value="Submit" onclick="submitData()" >
</div>
</form>
<div class="instructions left-instruct">
<h4>Instructions:</h4>
<p> Copy and paste the YouTube url that you want to use and enter the time you want the video to default start at. Press submit and you will be automatically redirected to the video with the start time you input.</p>
</div>
</div>
<div class="box">
<div class="modal-content"><p>Embed YouTube link with start and/or end time</p></div>
<form>
<div class="time">
<div class="url">
<label for="startMin">YouTube URL:</label>
<input class="" id="urlEmbed" type="text" >
</div>
</div>
<div class="time">
<h5>Start Time:</h5>
<div class="start">
<label for="startMin">Minutes:</label>
<input class="minute" id="startMinEm" type="number" min="0" max="60" value="" >
<label for="startSec"> Seconds:</label>
<input class="second" id="startSecEm" type="number" min="0" max="60" value="" >
</div>
</div>
<div class="time">
<h5>End Time:</h5>
<div class="end">
<label for="endMin">Minutes: </label>
<input class="minute" id="endMinEm" type="number" min="0" max="60" value="" >
<label for="endSec"> Seconds:</label>
<input class="second" id="endSecEm" type="number" min="0" max="60" value="" >
</div>
</div>
<div class="button">
<input class="sub" type="button" value="Submit" onclick="submitDataEmbed()" >
</div>
</form>
<div class="instructions">
<h4>Instructions:</h4>
<p> Copy and paste the YouTube url that you want to use and enter the time you want the video to default start and/or end at. Press submit and you will be automatically redirected to that link.</p>
</div>
</div>
</body>
</html>