forked from swetakum/HackHealth
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (155 loc) · 6.56 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
<!DOCTYPE HTML>
<html>
<head>
<title>Welcome to Solace</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<a href="index.html" class="logo"><strong>Solace</strong> <span> by Lit</span></a>
</header>
<!-- Banner -->
<section id="banner" class="major">
<div class="inner">
<header class="major">
<h1>Hi, my name is Solace</h1>
</header>
<div class="content">
<p>I am your buddy. Always there to help you through your thick and thin.</br>Or Maybe, just to talk to you !!</p>
<ul class="actions">
<li><a href="#widget" class="button next scrolly">Let's Talk</a></li>
<li><a href="#one" class="button next scrolly">How do you feel today?</a></li>
</ul>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<section id="widgetsec">
</section>
<!--One-->
<!-- </br> -->
<section id="one" class="tiles">
<article>
<span class="image">
<img src="images/pic01.jpg" alt="" />
</span>
<header class="major">
<h3><a href="https://www.youtube.com/watch?v=yjj7zIWO88s" target="_blank" class="link">Feeling Stressed?</a></h3>
<p>Why don't you try some stress relieving music</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic02.jpg" alt="" />
</span>
<header class="major">
<h3><a href="Angry.html" class="link">Angry?</a></h3>
<p>Don't let the anger consume you? Try me.</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic03.jpg" alt="" />
</span>
<header class="major">
<h3><a href="lonely.html" class="link">Feeling Lonely?</a></h3>
<p>Hey buddy, I am with you. Let's go on a ride.</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic04.jpg" alt="" />
</span>
<header class="major">
<h3><a href="lonely.html" class="link">Negativity?</a></h3>
<p>Let me tell you a story</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic05.jpg" alt="" />
</span>
<header class="major">
<h3><a class="link">Bored?</a></h3>
<p>Let's watch some <a href="https://www.youtube.com/watch?v=jlNvOWDfMYo">cat videos</a> together or let's play a <a href = "game.html">game?</a></p>
</header>
</article>
<article>
<span class="image">
<img src="images/pic06.jpg" alt="" />
</span>
<header class="major">
<h3><a href="landing.html">Sad?</a></h3>
<p>Being Sad is just waste of time. Let's watch some <a href="https://www.reddit.com/r/funnygifs/">funny gifs</a> or read some <a href="https://thoughtcatalog.com/colleen-george/2016/03/read-this-when-youre-feeling-sad-and-dont-know-why/">amazing stuff.</a></p>
</header>
</article>
</section>
<!--Two-->
</br>
<h2 style="text-align:center;color:white">Did this help you?</h2>
<!-- </header> -->
<div style="font-family:FontAwesome; padding: 0 150px;text-align:center">
<p style="font-family:FontAwesome; padding: 0 10px;text-align:center">We understand that sometimes, you need someone to talk, someone who will listen to you.
Someone who is always there to discuss how was your day. We are and will always be there, friend.
Maybe you can help us help you by filling out how your experience was?</p>
<div class="field half" style="color:white">
<label for="feeling" style="padding: 0 10px">What were you feeling when you came here for help?</label>
<select id= "feeling" name="feeling" style="margin: 0 10px 0 10px;text-align:center">
<option value="sad">Sad</option>
<option value="stressed">Stressed</option>
<option value="angry">Angry</option>
<option value="lonely">lonely</option>
<option value="other">Just weird</option>
</select>
</div>
<div class="field half" style="color:white">
<label for="solution" style="padding: 0 10px">What suggestion helped you or you think would have helped you?</label>
<select id="solution" name="solution" style="margin: 0 10px 0 10px" >
<option value="music">Good music</option>
<option value="humour">Humour</option>
<option value="Exercise">Exercise</option>
<option value="mediate">Meditate</option>
<option value="None">None of these would help me</option>
</select>
</div>
</br>
<div>
<ul class="actions">
<li><a href="#reinforce" class="button next scrolly" style="justify-content: center;">Submit</a></li>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="copyright">
<li>© LiT As Fire</li><li>Made with love at HackHealth 2018 @SBU</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script src="solace-chatbot/widget/chat-widget.js"></script>
<script>
var Concierge = new Concierge({
url:"https://openwhisk.ng.bluemix.net/api/v1/web/[email protected]_dev/concierge/chat",
workspace_id:"1f9b9e37-37ab-4853-b293-b1701e0036c1"
});
</script>
</body>
</html>