index.html

    <meta name="description" content="The Calamity Mod Soundtrack">
    <meta name="keywords" content="Calamity, Mod, Soundtrack">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#FF5500">
    <meta property="og:type" content="Music">
    <meta property="og:title" content="Calamity Mod Soundtrack" />
    <meta property="og:description" content="The Calamity Mod Soundtrack" />
    <meta property="og:url" content="https://calamitymusicsoundtrack.github.io/Calamity-Mod-Soundtrack/" />
    <meta property="og:image" content="https://calamitymusicsoundtrack.github.io/Calamity-Mod-Soundtrack/artworks-000366417885-uvcx8e-t500x500.jpg" />

<title>Calamity Mod Soundtrack</title>
<link rel="shortcut icon" href="Favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>

<p style="position: absolute;left: 50%;top: 50%;transform: translateX(-50%);z-index: -3000;">If you can read this you may not be able to view <a href="https://soundcloud.com/">https://soundcloud.com/</a></p>

<iframe width="100%" height="98%" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/329845803&color=%23ff5500&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/dm-dokuro" title="DM DOKURO" target="_blank" style="color: #cccccc; text-decoration: none;">DM DOKURO</a> · <a href="https://soundcloud.com/dm-dokuro/sets/the-calamity-mod-ost" title="The Calamity Mod OST" target="_blank" style="color: #cccccc; text-decoration: none;">The Calamity Mod OST</a></div>

<img onclick="$('#ThatOneChatThing').slideToggle();" class="ThatOneChatThingBtn" src="ChatBtn.png">

<div id="ThatOneChatThing" class="ThatOneChatThing"><!-- begin wwww.htmlcommentbox.com -->
 <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">Comment Form</a> is loading comments...</div>
 <link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
 <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=hcb_user.PAGE || (""+window.location).replace(/'/g,"%27"), h="https://www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24W1KEwhmPfy96jJBF%2FRgp80"+"&opts=16862&num=10&ts=1593119319350");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end www.htmlcommentbox.com --></div>

<style>
body {
	margin: 0;
}

.ThatOneChatThingBtn {
	position: absolute;
	right: 9;
	bottom: 2.4%;
	height: 50px;
	cursor: pointer;
	z-index: 1000;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.ThatOneChatThing {
    background-color: rgb(128, 128, 128, 0.95);
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
</style>