(Created page with "{{Template:NCKU_Tainan/block_css}} {{Template:NCKU_Tainan/bootstrap_min_css}} {{Template:NCKU_Tainan/template_css}} {{Template:NCKU_Tainan/header}} {{Template:NCKU_Tainan/univ...") |
|||
Line 6: | Line 6: | ||
<html lang="en"> | <html lang="en"> | ||
+ | <style> | ||
+ | /*for value counting*/ | ||
+ | #shiva{ | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | background: red; | ||
+ | -moz-border-radius: 50px; | ||
+ | -webkit-border-radius: 50px; | ||
+ | border-radius: 50px; | ||
+ | float:left; | ||
+ | margin:5px; | ||
+ | } | ||
+ | .count{ | ||
+ | line-height: 100px; | ||
+ | color:white; | ||
+ | margin-left:30px; | ||
+ | font-size:25px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
<!--Sidebar css--> | <!--Sidebar css--> | ||
Line 42: | Line 62: | ||
<section> | <section> | ||
<h2 id ="Subtitle1">Background</h2> | <h2 id ="Subtitle1">Background</h2> | ||
+ | <div id="shiva"><span class="count">200</span></div> | ||
<p> Exposure to prolonged chronic stress induces heightened vulnerability to anxiety, depression, and a lot of mood disorders. Dysfunction of the medial prefrontal cortex (mPFC) in the brain has been linked to the cognitive and emotional deficiency induced by long-term stress exposure. Chronic stress-induced depression (CSID), therefore, is an imperative mental disorder. If treated improperly, upcoming psychiatric disorders, such as major depressive disorders (MDD), anxiety, and even post-traumatic stress disorder (PTSD) caused by lasting sensitivity to recurring sensors, will eventually tear the patient to shreds<sup>[<a href="#ref1">1</a>]</sup>. According to the World Health Organization (WHO), depression is already becoming the leading cause of disability around the world. It even haunts more than 264 million people worldwide<sup>[<a href="#ref2">2</a>]</sup>. However, it is only the tip of the iceberg.</p> | <p> Exposure to prolonged chronic stress induces heightened vulnerability to anxiety, depression, and a lot of mood disorders. Dysfunction of the medial prefrontal cortex (mPFC) in the brain has been linked to the cognitive and emotional deficiency induced by long-term stress exposure. Chronic stress-induced depression (CSID), therefore, is an imperative mental disorder. If treated improperly, upcoming psychiatric disorders, such as major depressive disorders (MDD), anxiety, and even post-traumatic stress disorder (PTSD) caused by lasting sensitivity to recurring sensors, will eventually tear the patient to shreds<sup>[<a href="#ref1">1</a>]</sup>. According to the World Health Organization (WHO), depression is already becoming the leading cause of disability around the world. It even haunts more than 264 million people worldwide<sup>[<a href="#ref2">2</a>]</sup>. However, it is only the tip of the iceberg.</p> | ||
<p> Depression is a complex disease. Deficits of neurotransmitters, genetic inheritance, and dysregulation of the hypothalamus-pituitary-adrenal axis (HPA axis), etc, widely account for depression. Nevertheless, the nature of this disorder has recently been reconceptualized as dysregulation of the gut-brain axis. Mounting scientific evidence indicates that gut-modifying agents could regulate intestinal function and health, which is widely composed of activated immune-inflammatory substances and oxidative stress (OS)<sup>[<a href="#ref1">3</a>]</sup>. Those pathways mentioned above will be further discussed in the following sections.</p> | <p> Depression is a complex disease. Deficits of neurotransmitters, genetic inheritance, and dysregulation of the hypothalamus-pituitary-adrenal axis (HPA axis), etc, widely account for depression. Nevertheless, the nature of this disorder has recently been reconceptualized as dysregulation of the gut-brain axis. Mounting scientific evidence indicates that gut-modifying agents could regulate intestinal function and health, which is widely composed of activated immune-inflammatory substances and oxidative stress (OS)<sup>[<a href="#ref1">3</a>]</sup>. Those pathways mentioned above will be further discussed in the following sections.</p> | ||
Line 134: | Line 155: | ||
<script src="https://2021.igem.org/Template:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | <script src="https://2021.igem.org/Template:NCKU_Tainan/js/4.3.1/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2021.igem.org/Template:NCKU_Tainan/js/Universal?action=raw&ctype=text/javascript"></script> | <script src="https://2021.igem.org/Template:NCKU_Tainan/js/Universal?action=raw&ctype=text/javascript"></script> | ||
− | + | <script> | |
+ | $('.count').each(function () { | ||
+ | $(this).prop('Counter',0).animate({ | ||
+ | Counter: $(this).text() | ||
+ | }, { | ||
+ | duration: 4000, | ||
+ | easing: 'swing', | ||
+ | step: function (now) { | ||
+ | $(this).text(Math.ceil(now)); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
{{Template:NCKU_Tainan/gotop}} | {{Template:NCKU_Tainan/gotop}} | ||
{{Template:NCKU_Tainan/footer}} | {{Template:NCKU_Tainan/footer}} |
Revision as of 04:21, 17 October 2021