website/Sad.html at main · sophiaabolore/website · GitHub

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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html>
<head>
<! -- Link the css document to this page -->
   <link rel="stylesheet"
    href="Sad.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="navbar">
  <div class="dropdown">
    <button class="dropbtn">M e n u
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
        <a href="About.html">About</a>
        <a href="Login.html">Login</a>
        <a href="Upside.html">Home</a>
    </div>
  </div>
</div>

</div>
</head>
<div class="header">
     <h1>Upside</h1>
     <h2>S a d n e s s</h2>
</div>
<body>
<div class="div2">

<div class="box">
	<a class="button" href="#popup">Examine Sadness</a>
</div>

<div id="popup" class="overlay">
	<div class="popup">
		<h3>Examine Sadness</h3>
		<a class="close" href="#">x</a>
                  <div class="slideshow-container">
		    <div class="text">

<div class="mySlides1 fade">
<text>
"Sadness is a normal emotion that is triggered by a specific   adverse event or bad experience. In other words, we become sad about something specific. This emotional state dissipates after some time or after something good, replaces the hurtful event that triggered the initial sadness. Sadness is temporary. . ."

<p> Read More: <a href="https://www.psychologytoday.com/ca/blog/happiness-is-state-mind/201910/the-difference-between-sadness-and-depression">Psychology Today</a>
</p>

"Being sad from time to time serves some kind of purpose in helping our species to survive. Yet, while other so-called "negative emotions," like fear, anger, and disgust, seem clearly adaptive-preparing our species for flight, fight, or avoidance, respectively-the evolutionary benefits of sadness have been harder to understand. . . until recently, that is.

With the advent of fMRI imaging and the proliferation of brain research, scientists have begun to find out more about how sadness works in the brain and influences our thoughts and behavior. Though happiness is still desirable in many situations, there are others in which a mild sad mood confers important advantages."

<p> Read More: <a href="https://www.psy.unsw.edu.au/news-events/media/2017/05/5-ways-sadness-good-you">UNSW School of Psychology</a> </p>
</div>
</text>
  </div>
  <div class="mySlides1 fade">
    <!—Text here-->
<div class="mySlides">
<text>
"A negative emotion may even help you. Our world focuses on happiness and treats unhappiness as an unnecessary or useless feeling. But sadness can slow you down, and make you really think about your life, your feelings and the people around you. It can help you keep sight of your relationships and dreams. In other words, being sad doesn’t mean you are not coping with a situation. Rather, it helps you come to terms with that situation and move on. It is an important emotion that can help you adapt, accept, focus, persevere and grow."

<p> Read More: <a href="https://www.betterhealth.vic.gov.au/health/healthyliving/its-okay-to-feel-sad">Better Health</a> </p>
</text>
</div>
  </div>

  <a class="prev" onclick="plusSlides(-1, 0)"><</a>
  <a class="next" onclick="plusSlides(1, 0)">></a>
  <div style="text-align:center">
   <span class="dot" onclick="currentSlide(1,0)"></span>
   <span class="dot" onclick="currentSlide(2,0)"></span>
   </div>
</div>
</div>
		</div>

<pre>


</pre>

<div class="box">
	<a class="button" href="#popup2">Causes of Sadness</a>
</div>

<div id="popup2" class="overlay">
	<div class="popup">
		<h3>Things that could be causing your sadness</h3>
		<a class="close" href="#">x</a>
		<div class="text">
<text>
<div class="row">
  <div class="column">
    <p>There are a lot of obvious things that could be making you sad like;</p>
     <! -- Create a bullet point list -->
     <ul style="list-style-type:circle;">
       <li>A breakup</li>
       <li>Losing someone important to you.</li>
       <li>Getting into a fight with someone you care about.</li>
       <li>Failing a test.</li>
       <li>Feeling lonely</li>
       <li>..etc</li>
     </ul>
  </div>


  <div class="column">
    <p>There are also unnoticable things that could be making you sad like;</p>
     <! -- Create a bullet point list -->
     <ul style="list-style-type:circle;">
       <li>Listening to a lot of sad music.</li>
       <li>Spending too much time on social media.</li>
       <li>Spending all you time indoors.</li>
       <li>Not getting enough rest</li>
       <li>Not being active enough</li>
       <li>..etc</li>
     </ul>
  </div>

</text>
</div>
		</div>
	</div>
</div>
<pre>


</pre>
<div class="box">
	<a class="button" href="#popup3">Effects of Sadness</a>
</div>

<div id="popup3" class="overlay">
	<div class="popup">
		<h3>Effects of Sadness</h3>
		<a class="close" href="#">x</a>
		<div class="text">
                  <text>
"When a person is feeling down, they found, the communication increased between brain cells in two specific regions of the brain involved in memory and emotion.

It's unclear whether this increased brain communication is a cause or an effect of a bad mood, the researchers noted"

<p> Read More: <a href="https://www.livescience.com/64043-sadness-brain-activity.html">Live Science</a> </p>

"MRI scans have shown that people who have recently been dumped have higher than normal activity in the region of the brain that registers physical pain.

This triggers the release of stress hormones such as cortisol and adrenaline, leading to all kinds of physical symptoms, such as nausea, difficulty breathing, and also a weakening of the heart muscle that doctors call Takotsubo cardiomyopathy."

<p> Read More: <a href="https://www.sciencealert.com/this-is-what-happens-to-your-brain-when-you-get-your-heart-broken">Science Alert</a> </p>
                  </text>
		</div>
	</div>
</div>
<pre>


</pre>

<div class="box">
	<a class="button" href="#popup4">Coping with Sadness</a>
</div>

<div id="popup4" class="overlay">
	<div class="popup">
		<h3>What to do to feel better</h3>
		<a class="close" href="#">x</a>
<div class="slideshow-container2">
<div class="text">
  <div class="mySlides2 fade">
<text>
    <!—List here-->
                                 <li>Listen to some positive upbeat music.</li>
"A 2013 study in the Journal of Positive Psychology found that people who listened to upbeat music could improve their moods and boost their happiness in just two weeks. In the study, participants were instructed to try to improve their mood, but they only succeeded when they listened to the upbeat music of Copland as opposed to the sadder tunes of Stravinsky. And a happier mood brings benefits beyond feeling good. In a press release, lead study author, Yuna Ferguson, noted that happiness has been linked to better physical health, higher income, and greater relationship satisfaction."

<p> Read More: <a href="https://www.healthline.com/health-news/mental-listening-to-music-lifts-or-reinforces-mood-051713#2">Healthline</a> </p>

                                 <li>Change your scenery</li>
"While the concept of biophilia is debatable, the effects of the phenomenon are not; researchers noted that simply staring at an image of natural scenery for 40 seconds was enough to trigger the brain into a more relaxed state. The control group in this study stared at a concrete roof, while the test subjects stared at a green meadow."

<p> Read More: <a href="https://www.nbcnews.com/better/health/why-natural-scenery-improves-your-mood-makes-you-more-productive-ncna860806">Better</a> </p>
</text>
  </div>
  <div class="mySlides2 fade">
<text>
    <!—List here-->
                                 <li>Take a break from social media.</li>
"Social media use can also promote loneliness and isolation, according to a 2017 review by Duke University.3 We often use sites like Facebook for "social snacking", which gives the illusion of connection, but does not fulfil us in the same way as real life social interactions."

<p> Read More: <a href="https://www.hollandandbarrett.com/the-health-hub/conditions/mental-health/how-social-media-can-affect-your-mood/">Holland and Barrett</a> </p>

                                 <li>Treat yourself</li>
"Self-compassion is associated with better moods and positive characteristics, according to a 2007 study published in the Journal of Research in Personality. Researchers concluded that self-compassion was linked to happiness, optimism, wisdom, personal initiative, and curiosity."

<p> Read More: <a href="https://www.psychologytoday.com/us/blog/what-mentally-strong-people-dont-do/201510/6-reasons-treat-yourself-better">Psychology Today</a> </p>
</text>
</div>
</div>

  </div>
  <div class="mySlides2 fade">
<text>
    <!--Image here-->

                                 <li>Clean your room</li>
"Women who described their homes as "cluttered" or full of "unfinished projects" were more fatigued, and had higher levels of the stress hormone cortisol than women who felt their homes were "restful" and "restorative," according to a study in Personality and Social Psychology Bulletin."

<p> Read More: <a href="https://www.shape.com/lifestyle/mind-and-body/how-cleaning-and-organizing-can-improve-your-physical-and-mental-health">Shape</a> </p>

                                 <li>Be Patient</li>
"[Exercise] promotes all kinds of changes in the brain, including neural growth, reduced inflammation, and new activity patterns that promote feelings of calm and well-being. It also releases endorphins, powerful chemicals in your brain that energize your spirits and make you feel good."

<p> Read More: <a href="https://www.helpguide.org/articles/healthy-living/the-mental-health-benefits-of-exercise.htm">Help Guide</a> </p>
<text>
  </div>
  <a class="prev" onclick="plusSlides(-1, 1)"><</a>
  <a class="next" onclick="plusSlides(1, 1)">></a>
  <div style="text-align:center">
 <span class="dot" onclick="currentSlide(1,1)"></span>
 <span class="dot" onclick="currentSlide(2,1)"></span>
 <span class="dot" onclick="currentSlide(3,1)"></span>
</div>
</div>
</div>
		</div>
	</div>
</div>

<script>
var slideIndex = [1,1];
var slideId = ["mySlides1", "mySlides2"]
showSlides(1, 0);
showSlides(1, 1);
showSlides(1, 2);
showSlides(1, 3);
showSlides(1, 4);

function plusSlides(n, no) {
  showSlides(slideIndex[no] += n, no);
}
function currentSlide(n, no) {
  showSlides(slideIndex[no] = n, no);
}
function showSlides(n, no) {
  var i;
  var x = document.getElementsByClassName(slideId[no]);
  if (n > x.length) {slideIndex[no] = 1}
  if (n < 1) {slideIndex[no] = x.length}
  for (i = 0; i < x.length; i++) {
     x[i].style.display = "none";
  }
  x[slideIndex[no]-1].style.display = "block";
}
</script>
</body>
<script>
/* Toggle between adding and removing the "responsive" class to the navbar when the user clicks on the icon */
function myFunction() {
  var x = document.getElementById("myNavbar");
  if (x.className === "navbar") {
    x.className += " responsive";
  } else {
    x.className = "navbar";
  }
}
 </script>
<div class="bnavbar">
  <a href="Community.html">Community</a>
  <a href="FAQ.html">FAQ</a>
  <a href="Guidelines.html">Guidelines</a>
</div>
</html>