-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
114 lines (113 loc) · 4.17 KB
/
popup.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!--Import Google Icon Font-->
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<!--Import materialize.css-->
<link
type="text/css"
rel="stylesheet"
href="distro/css/materialize.min.css"
media="screen,projection"
/>
<link rel="stylesheet" href="popup.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="wrapper">
<div class="container">
<div class="row valign-wrapper">
<div class="col s2">
<img class="" src="images/transcript_summarizer32.png" />
</div>
<div class="col s10">
<h5 id="main-header">Transcript Summarizer</h5>
</div>
</div>
<!-- <hr /> -->
<div class="row">
<div class="col s12">
<!-- <h6 style="line-height: 1.5rem">
Stop searching for your passion | Terri Trespicio | TEDxKC
</h6> -->
<!-- <p>Duration: 10:24</p> -->
<p class="bigger-text">Expected Summarization Time: 1 - 4 mins</p>
</div>
<div class="col s12">
<a
id="ctaGenerateSummary"
class="waves-effect waves-light btn-small"
><i class="material-icons left"
><span class="material-icons-outlined">
closed_caption
</span></i
>Summarize</a
>
</div>
<!-- <div class="col s6">
<a
href="home.html"
target="_blank"
class="waves-effect waves-light btn-small"
><i class="material-icons left">list</i>My List</a
>
</div> -->
</div>
<div class="row">
<div id="progressHolder" class="col s12"></div>
</div>
<div class="row">
<div class="col s12">
<p class="bigger-text"><b>Video Highlights:</b></p>
<p class="smaller-text">
Summarized in <b><span id="time"></span></b>
</p>
</div>
<div class="col s12">
<p id="summaryText" class="bigger-text">
<!-- Passion is not a plan, it’s a feeling. And feelings change. You
can be passionate about a person one day, a job, and then not
passionate the next. We continue to use passion as the yardstick
to judge everything by. -->
</p>
<!-- <ol id="summaryList"> -->
<!-- <li>
Passion is not a plan, it’s a feeling. And feelings change. You
can be passionate about a person one day, a job, and then not
passionate the next. We continue to use passion as the yardstick
to judge everything by.
</li>
<li>
Passion is not a job, a sport, or a hobby. It is the full force
of your attention and energy that you give to whatever is right
in front of you. If you’re so busy looking for this passion, you
could miss opportunities that change your life. You could also
miss out on a great love.
</li>
<li>
Don't wait. Listen to my mother. Just start doing. Because to
live a life full of meaning and value you don’t follow you
passion, your passion follows you.
</li> -->
<!-- </ol> -->
</div>
</div>
<!-- <button id="ctaGenerateSummary">Summarize</button> -->
</div>
</div>
</body>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="distro/js/materialize.min.js"></script>
<script src="popup.js"></script>
</html>