-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (149 loc) · 6.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="icon" type="image/png" href="imgs/solace-logo.png">
<script type="text/javascript" src="jquery.fullPage.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var sections = ['home', 'about', 'features', 'team'];
$("#fullpage").fullpage({
sectionsColor: ['#fff', '#dec868', '#fff', '#dec868'],
anchors: ['home', 'about', 'features', 'team'],
menu: "#menu",
slidesNavigation: true,
scrollingSpeed: 1000,
onLeave: function(index, nextIndex, direction) {
$("li[data-menuanchor=\'" + sections[index - 1] + "\'] a").css('color', '#999');
$("li[data-menuanchor=\'" + sections[nextIndex - 1] + "\'] a").css('color', '#dec868');
}
});
});
</script>
<title>Solace</title>
</head>
<body>
<!-- Top navigation bar. -->
<ul id="menu">
<li data-menuanchor="home" id="logo"><a href="#home">Solace</a></li>
<li data-menuanchor="about"><a href="#about">About</a></li>
<li data-menuanchor="features"><a href="#features">Features</a></li>
<li data-menuanchor="team"><a href="#team">Team</a></li>
<!-- Links to Pages on Site -->
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="support.html">Support</a></li>
<li class="logo"><a href="#home"><img src="imgs/solace-logo.png"></a></li>
</ul>
<div id="fullpage">
<!-- Panel for introducing application and purpose. -->
<div class="section" id="titlesection">
<div class="intro">
<h1><span>Solace</span></h1>
<h2>An app to stay safe and keep connected.</h2>
</div>
</div>
<!-- Panel for describing the problem space and solution. -->
<div class="section" id="aboutsection">
<div class="intro">
<h2>The Problem</h2>
<p>COVID-19 and the resulting stay-at-home orders have caused reports of domestic violence to rise globally, and have made seeking help much more difficult. Existing applications that claim to mitigate domestic violence are lacking in utility and are executed in a manner that is neither functional nor accessible to survivors.</p>
<h2>Our Solution</h2>
<p>Solace is a free information technology iOS app that assists those experiencing abuse by securely connecting them to resources and their support network. It is a safe platform aiming to provide domestic violence survivors with the right information and tools to seek safety during a misinformation and health crisis.</p>
</div>
</div>
<!-- Panel for outlining key features of the solution, including supporting images. -->
<div class="section" id="featuresection">
<div class="slide">
<div class="intro">
<img src="imgs/chat2.png" class="featureimg">
<div class="right">
<h2>Private, Secure Messaging</h2>
<p>Safely and securely send private messages to trusted contacts. All communications stay in-app and are untraceable outside of Solace. Messages sent and received are deleted as a default to protect the privacy of our users.</p>
</div>
</div>
</div>
<div class="slide">
<div class="intro">
<img src="imgs/shelters.png" class="featureimg">
<div class="right">
<h2>Find Help</h2>
<p>Find services near your location, such as local shelters and hotlines, that can provide support, advice, and trusted resources.</p>
</div>
</div>
</div>
<div class="slide">
<div class="intro">
<img src="imgs/settings2.png" class="featureimg">
<div class="right">
<h2>Discreet Functionality</h2>
<p>With all your resources in a single place, quick exit and safe screen features allow you to easily cloak your communications and deter unwelcome users.</p>
</div>
</div>
</div>
<div class="slide">
<div class="intro">
<img src="imgs/home3.png" class="featureimg">
<div class="right">
<h2>Get Solace</h2>
<p>Coming soon to the iOS App Store late May for iPhone.</p>
</div>
</div>
</div>
</div>
<!-- Panel for team and iSchool information. -->
<div class="section" id="teamsection">
<div class="intro">
<h2>Our Team</h2>
<p>This project was created in cooperation with the University of Washington's Information School 2020 <a href="https://ischool.uw.edu/capstone">Capstone course</a>.</p>
<ul>
<li>
<div class="imgcircle">
<img src="imgs/salem.jpg">
</div>
<h4>Salem Gordon</h4>
<p>[email protected]</p>
<p><i>Product Manager & Designer</i></p>
</li>
<li>
<div class="imgcircle">
<img src="imgs/jennifer.jpg">
</div>
<h4>Jennifer Li</h4>
<p>[email protected]</p>
<p><i>Designer</i></p>
</li>
<li>
<div class="imgcircle">
<img src="imgs/jarod.jpg">
</div>
<h4>Jarod Wong</h4>
<p>[email protected]</p>
<p><i>Project Manager & Developer</i></p>
</li>
<li>
<div class="imgcircle">
<img src="imgs/jon.jpg">
</div>
<h4>Jonathan Cady</h4>
<p>[email protected]</p>
<p><i>Developer</i></p>
</li>
<li>
<div class="imgcircle">
<img src="imgs/christina.jpg">
</div>
<h4>Christina Stanfield</h4>
<p>[email protected]</p>
<p><i>Developer</i></p>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>