-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·215 lines (189 loc) · 8.86 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
<title>Evolve</title>
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/templatemo-softy-pinko.css">
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Welcome Area Start ***** -->
<div class="welcome-area" id="welcome">
<!-- ***** Header Text Start ***** -->
<div class="header-text">
<div class="container">
<div class="row">
<div class="offset-xl-3 col-xl-6 offset-lg-2 col-lg-2 col-md-6 col-sm-6">
<h1><strong>Evolve</strong></h1>
<p>Using genetic algorithms for universal image compression.</p>
</div>
</div>
</div>
</div>
<!-- ***** Header Text End ***** -->
</div>
<!-- ***** Welcome Area End ***** -->
<!-- ***** Features Small Start ***** -->
<section class="section home-feature">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<!-- ***** Features Small Item Start ***** -->
<div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s">
<div class="features-small-item">
<h5 class="features-title">Motivated Design</h5>
<p>Naturally motivated genetic algorithm design from numerous testing iterations</p>
</div>
</div>
<!-- ***** Features Small Item End ***** -->
<!-- ***** Features Small Item Start ***** -->
<div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s">
<div class="features-small-item">
<h5 class="features-title">Interprability</h5>
<p>Well-defined metrics and genetic algorithms</p>
</div>
</div>
<!-- ***** Features Small Item End ***** -->
<!-- ***** Features Small Item Start ***** -->
<div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s">
<div class="features-small-item">
<h5 class="features-title">Quality Engineering</h5>
<p>We pride ourselves in the quality, sturdiness, and usability of our final product</p>
</div>
</div>
<!-- ***** Features Small Item End ***** -->
</div>
</div>
</div>
</div>
</section>
<!-- ***** Features Small End ***** -->
<!-- ***** Features Big Item End ***** -->
<!-- ***** Features Big Item Start ***** -->
<section class="section padding-bottom-100">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-bottom-fix">
<div class="left-heading">
<h2 class="section-title">Design</h2>
</div>
<div class="left-text">
<p>We break down images into codeblocks that we aim to evolve over training to obtain a set of general codeblocks - a codevector, that any given image could be represented in.</p>
<p>By stochastically crossing and mutation different codevectors based on their fitness - performance in encoding the training set of images - we evolve a general codevector that can be used to represent any given image with a constant compression rate.</p>
</div>
</div>
<div class="col-lg-1"></div>
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
<img src="assets/images/image_right.png" class="rounded img-fluid d-block mx-auto" alt="App">
</div>
</div>
</div>
</section>
<!-- ***** Features Big Item End ***** -->
<!-- ***** Counter Parallax Start ***** -->
<section class="counter">
<div class="content">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="count-item decoration-bottom">
<strong>7</strong>
<span>Team Members</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="count-item decoration-bottom">
<strong>8</strong>
<span>CSUA GPUs</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="count-item decoration-bottom">
<strong>0.9</strong>
<span>SSIM Loss</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="count-item">
<strong>1234567890</strong>
<span>Codeblocks Tested</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Counter Parallax End ***** -->
<!-- ***** Testimonials Start ***** -->
<section class="section" id="testimonials">
<div class="container">
<!-- ***** Section Title Start ***** -->
<div class="row">
<div class="col-lg-12">
<div class="center-heading">
<h2 class="section-title">Results</h2>
</div>
</div>
<div class="offset-lg-3 col-lg-6">
<div class="center-text">
<p>Take a look at some of our compression results</p>
<p>Original on the left, Compressed on the right</p>
</div>
</div>
</div>
<!-- ***** Section Title End ***** -->
<div class="col">
<div class="row-lg-12">
<div class="i">
<!-- ***** Testimonials Item Start ***** -->
<img src="assets/images/r2.png" alt="">
</div>
<div class="i">
<img src="assets/images/r3.png" alt="">
<!-- ***** Testimonials Item End ***** -->
</div>
</div>
</div>
</div>
</section>
<!-- ***** Testimonials End ***** -->
<!-- ***** Footer Start ***** -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="copyright">Cal Launchpad 2020 Spring</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="assets/js/jquery-2.1.0.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- Plugins -->
<script src="assets/js/scrollreveal.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/imgfix.min.js"></script>
<!-- Global Init -->
<script src="assets/js/custom.js"></script>
</body>
</html>