forked from Zualemo-xo/Suicide-HelpLine-Predictor-Analyzer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
depression_test.html
167 lines (157 loc) · 6.95 KB
/
depression_test.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<title>Depression Test</title>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</head>
<style>
.container1 { color:black;}
.dark { background: black; color:white;}
.carousel-inner img {
width: 100%;
height: 100%;
}
#h2
{
color:red;
}
input, textarea{
width: 20%;
border: none;
border-radius: 20px;
outline: none;
padding: 10px;
font-family: 'Sniglet', cursive;
font-size: 1em;
color: #676767;
transition: border 0.5s;
-webkit-transition: border 0.5s;
-moz-transition: border 0.5s;
-o-transition: border 0.5s;
border: solid 3px #98d4f3;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input:focus, textarea:focus{
border: solid 3px #77bde0;
}
.footer
{ color:white;
}
</style>
<body class="dark body">
<div class="jumbotron mb-0 pt-4 pb-4" style="background-color:rgb(127,197,174)">
<div class="container1">
<center><h1 class="display mb-0 pb-0">DEPRESSION TEST</h1></center>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Suicide Analysis</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="Suicide Analysis.html">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link active" href="About.html" >About</a>
<a class="nav-item nav-link active" href="index.html" >Speak</a>
<a class="nav-item nav-link active" href="depression_test.html" >Depression Test</a>
<a class="nav-item nav-link active" href="Helpline.html">Helpline</a>
</div>
</div>
</nav>
<div class="container">
<!-- <style type="text/css">
</style> -->
<br>
<p>This depression test is based on the nine-item Patient Health Questionnaire (PHQ9), one of the most commonly-used tools used to measure symptoms and severity of depression.
A machine learning model is being used to predict the results based on the input obtained.</p>
<p>Completing the test can help you get a better idea of whether you might need help for depression-and suicide as a whole.</p>
<p><b>Choose one answer for each of the questions below. Be sure to answer all of the questions.</b></p>
<p>We do not keep a record of the results or any identifying information.</p>
<p><span style="color: #b01313;"><b>Over the last 2 weeks, how often have you been bothered by any of the following problems?</b></span></p>
<h4>Find Your Mood Using the Options given Below</h4>
<br>
<h4>0-More Than half the days</h4>
<h4>1-Nearly everyday</h4>
<h4>2-Not at all</h4>
<h4>3-Several Days</h4>
<br>
<form action="{{ url_for('predict')}}"method="post">
<label style="color: #3366ff;">1.Little interest or pleasure in doing things</label>
<br>
<input type="text" id="cd1" name="qn1" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">2.Feeling down, depressed, or hopeless</label>
<br>
<input type="text" id="cd2" name="qn2" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">3.Trouble falling or staying asleep, or sleeping too much</label>
<br>
<input type="text" id="cd3" name="qn3" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">4.Feeling tired or having little energy</label>
<br>
<input type="text" id="cd4" name="qn4" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">5.Poor appetite or overeating</label>
<br>
<input type="text" id="cd5" name="qn6" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">6.Feeling bad about yourself – or that you are a failure or have let yourself or your family down</label>
<br>
<input type="text" id="cd6" name="qn6" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">7.Trouble concentrating on things, such as reading the newspaper or watching television</label>
<br>
<input type="text" id="cd7" name="qn7" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">8.Moving or speaking so slowly that other people could have noticed? Or the opposite –
being so fidgety or restless that you have been moving around a lot more than usual</label>
<br>
<input type="text" id="cd8" name="qn8" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">9.Thoughts that you would be better off dead or of hurting yourself in some way</label>
<br>
<input type="text" id="cd9" name="qn9" placeholder="Enter your Preference">
<br>
<br>
<label style="color: #3366ff;">10.How difficult have these problems made it for you at work</label>
<br>
<input type="text" id="cd10" name="qn10" placeholder="Enter your Preference">
<br>
<br>
<br>
<input type="submit" name="submit">
</form>
<br>
<br>
{{ prediction_text }}
<br>
<br>
<br>
<p><em><span style="color: #b01313;">This machine learning based depression test can help you identify symptoms of anxiety, their severity and to know when further assessment may be warranted. <strong>It will not provide a diagnosis</strong> – for that you need to see an appropriately qualified doctor or mental health professional. </span></em></p>
<div id="watu-loading-result" style="display:none;"><p align="center"><img src="https://www.aheadpsych.com.au/wp-c0nt3nt/plugins/watu/loading.gif" width="16" height="16" alt="Loading" title="Loading"></p></div>
</div>
<div class="footer-copyright text-center py-3 bg-white text-dark">© 2020 Copyright:
<a href="http://www.aasra.info/"> National Suicide Care.com</a>
</div>
</div>
</body>
</html>