-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 6.06 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
<!DOCTYPE html>
<head>
<title>Team CONTACT | Index</title>
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="./favicon.ico" />
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
<script type="text/javascript" src="./assets/javascript/FastBlur.js"></script>
<script type="text/javascript" src="./assets/javascript/js.cookie.js"></script>
<script type="text/javascript" src="./assets/javascript/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="./assets/javascript/snap.svg-min.js"></script>
<script type="text/javascript" src="./assets/javascript/Tween.min.js"></script>
<script type="text/javascript" src="./assets/javascript/base.js"></script>
<script type="text/javascript" src="./assets/javascript/index.js"></script>
</head>
<body>
<nav>
<div id='title-container'>
<img src="./assets/images/contact-logo.svg" id="contact-logo" width="60" alt="Contact logo" />
<span class="contact-title">CONTACT</span>
</div>
<ul class="nav-links">
<li><a class="nav-link active">Home</a></li>
<li><a class="nav-link" href='/research/'>Research</a></li>
<li><a class="nav-link" href='/gallery/'>Gallery</a></li>
<li><a class="nav-link" id="contact-link" href='/contact/'>Contact</a></li>
</ul>
<i class="fas fa-bars nav-mobile"></i>
</nav>
<section id="landing">
<section id="landing-focus">
<div id="focus-blurb">
<span class='small-title'>Team</span>
<span class='big-title'>CONTACT</span>
<span class='small-title'>2021</span>
<span class='contact-blurb'>The future is clear.</span>
</div>
</section>
<canvas class="background-canvas" id="fallback-background"></canvas>
<canvas class="background-canvas" id="landing-background"></canvas>
<section id="photo-info">
<span id="photo-author"></span>
<span id="photo-user"></span>
<span>Photos from <a href='https://unsplash.com/' target='_blank'>Unsplash.com</a></span>
</section>
<span class="refresh-button fas fa-sync"></span>
</section>
<section class="graphic-row" id="mission-statement">
<section id="acrostic-section">
<div>
<span class="acrostic-letter">C</span>
<span class="acrostic-body fade-blurred">reating</span>
</div>
<div>
<span class="acrostic-letter">O</span>
<span class="acrostic-body fade-blurred">ptical</span>
</div>
<div>
<span class="acrostic-letter">N</span>
<span class="acrostic-body fade-blurred">ecessities</span>
</div>
<div>
<span class="acrostic-letter">T</span>
<span class="acrostic-body fade-blurred">hrough</span>
</div>
<div>
<span class="acrostic-letter">A</span>
<span class="acrostic-body fade-blurred">ffordable</span>
</div>
<div>
<span class="acrostic-letter">C</span>
<span class="acrostic-body fade-blurred">uring</span>
</div>
<div>
<span class="acrostic-letter">T</span>
<span class="acrostic-body fade-blurred">echniques</span>
</div>
</section>
<section id="statement-section" class='fade-blurred'>
<span class='leading-header'>2.1 million people have been blinded by glaucoma.<sup>1</sup></span>
<p>
Glaucoma is a disease of the eye that can affect anyone anywhere. It has been referred to as the "silent thief of sight" -
by the time symptoms like pain and vision loss are noticed, it may already be too late. Of the 3 million Americans afflicted
by glaucoma, it is estimated that half do not know they have it.
</p>
<p>
Caught early, glaucoma can be managed. Treatments - many as simple as eye drops and minor surgeries - are able to effectively
combat it, with minor changes to an individual's quality of life. Any vision stolen by the disease, however, is forever lost.
</p>
<p>
Team CONTACT is working to improve glaucoma detection rates and lower its costs. No one should have to spend time worrying about the true meaning of a pain in their eye or wonder
if they'll wake up with lost sight. We want a cheaper, cleaner alternative to glaucoma detection.
</p>
<p><a href='/research/'>Find out more.</a></p>
<sub>Wray, Chris. "How Many People Need Glasses but Don’t Have Them?" <i>Centre for Vision in the Developing World.</i> Centre for Vision in the Developing World, 01 Aug. 2016. Web.</sub>
</section>
</section>
<section class="footer">
<section class="image-row">
<a href="http://gemstone.umd.edu/"><img src="./assets/images/g_honors_college.png" height="100" /></a>
<img src="./assets/images/contact-logo.svg" width="110" alt="Contact logo" />
<a href="http://www.honors.umd.edu"><img src="./assets/images/honors-college.png" height="100" onload="loadedFooter()" /></a>
</section>
<footer>
<p>Team CONTACT conducts its research as part of the Gemstone Honors Program, an experience by the University of Maryland Honors College.</p>
<p>Email us at <a href="mailto:teamcontact2021@gmail.com">teamcontact2021@gmail.com</a>.</p>
</footer>
</section>
</body>
</html>