<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<title>Coding Your Feelings</title>
</head>
<body>
<p style="font-size: 30px;">Your mental health matters.</p>
<p style="font-size: 15px;">Its okay to reach out for help. Use the resources below to find whats fit for you.</p>
<img src="https://www.spacecounseling.com/storage/app/media/chart.png">
<div>
<ul>
<li>Feeling Anxious ? reach out to a trusted person, professional or write down your thoughts. </li>
<li>Feeling Depressed ? reach out reach out to a trusted person, professional or try small steps and establish reminders to take care of your physical self, and slowly expanding its frequency and extremity </li>
<li>Feeling Stressed ? reach out to a trsuted person, write out your goals and form a routine with breaks </li>
</ul>
<p2 class="under">Need help immediantly?</p2> <p2>Do not hesitate to call a number below and use the linked website</p2>
<ol>
<li> 800 656-4673 - <a href="https://www.rainn.org/about-national-sexual-assault-telephone-hotline">Sexual Assault Hotline</a> </li>
<li> 800-422-4453 - <a href="https://ocfs.ny.gov/programs/cps/">National Child Abuse Hotline</a> </li>
<li> 988 - <a href="https://www.nyc.gov/site/doh/health/health-topics/crisis-emergency-services.page">Mental Health Crisis Hotline</a> </li>
</ol>
<p2 class="thick"> Seeking help is okay, safe and normal.</p2>
<p2> Finding the right therapist can be difficult, but beneficial. Below are some tips to getting started.</p2>
<ul>
<li>Trial and error! Dont get discouraged if the first doctor is not your match.</li>
<li> Being a active and respectful listener is just as important as relivant, helpful and respectful advice</li>
<li> Not all converstaions may be pleasant or comfortable, but its in your best interest. However, they should respect your boundaries</li>
<li> Progress takes time, everyone recovers at different speeds and opens up differently</li>
<li> There is no shame or judgement, being honest helps you best</li>
<li> Having bad days while in therapy is normal, its not a magical cure, but it will help you cope.</li>
<li> Your therapist can refer you for professional help, diagnosis or medication</li>
<li> Statistically proven that 3 months of talk therapy can be sucessful before needing medication.</li>
</ul>
</div>
<!-- Beyond MVP-> if statement for when clicked -->
<button type="button" class="button" >Click Me!</button>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |