dahyunie.crd.co code

<!---


⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⡶⠿⢷⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠶⠒⠶⣶⡟⠁⠀⠀⣠⣿⣄⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣸⡏⠀⢀⣴⣾⠟⠛⠲⣾⣁⠀⠈⡇
⠀⠀⣀⣀⣀⣀⣠⣴⠾⠛⢹⣇⠀⠘⠷⣿⠀⠀⠀⣽⡼⠃⢠⡇
⢠⣾⠛⠉⠉⠉⠉⠁⠀⠀⠈⠻⣦⣤⡴⠟⠳⠶⠚⠿⢶⡶⠟⠀
⠸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠹⣧⡴⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⣦⠀⠀
⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠋⠀⠀ thank you for your interest in my code!
⠀⠀⠸⣧⠀⠀⠀⠀⢀⣤⣄⠀⠀⠀⠀⡴⠒⡆⠀⠀⠀⠀⠀⠀ please do not remove my credits,
⠀⠀⠀⣻⣤⠴⠀⠀⠈⠻⠟⠀⠀⠀⠀⢉⣩⡀⠀⠀⠀⣠⣴⡆ thank you!~ <3
⠀⠴⠟⠉⠻⣦⡴⠀⢀⡀⠀⠀⠀⢀⣴⠋⠉⢿⣤⡶⢿⡏⠉⠁
⠀⠀⠀⠀⠞⠋⠻⣶⣿⣤⣤⣤⡶⣿⡇⠀⠀⠀⢻⣦⡾⠁⣾⠃
⠀⠀⠀⠀⠀⠀⣼⠃⠀⠀⢸⡏⠀⠘⣧⣀⣀⣠⡟⠁⠀⠀⠈⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢧⣤⣤⣾⣿⠏⠉⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀


--->

<link rel="stylesheet" href="https://unpkg.com/7.css">
<link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/pop/shared-af8c1d1b.css" />


<style type="text/css">
@font-face {
font-family: hi;
src: url(https://dl.dropbox.com/s/zjeoh8bs567jb84/nine0.ttf);
}

a:hover {cursor:help;}

img::selection {
background-color: #ffdbe799;
}

::selection {
background-color: #ffdbe799;
}

.sulli {
max-width: 400px;
}

.window-body {
text-align: center;
overflow-y:scroll;
overflow-x:none;
}

.title-bar-controls button[aria-label=Close] {
background-color: #ffb2db;
}

.window-body::after {
content: "";
clear: both;
display: table;
}

.window-body::-webkit-scrollbar {
display: none;
}

._k93X {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
color: white;
font-size: 2.5em;
font-family:'PORKYS';
}

.window-body {
padding:5px;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}

.flower {
font-family: hi;
overflow-y:scroll;
overflow-x:none;
height:6em;
font-size:1.3em;
}

@font-face { src: url(https://dl.dropbox.com/s/6txnhdmxezqw9t8/ms-pgothic_bigfontsite.com.ttf);
font-family: gothic; }

#main {
text-align: left!important;
}

* {
box-sizing: border-box;
}

.column {
height:23em;
border:1px #666 solid;
background:#ffffffc7;
float: left;
width: 60%;
padding: 5px;
}

.row:after {
content: "";
display: table;
clear: both;
}

@font-face {
font-family:'PORKYS';
src: url(https://dl.dropbox.com/s/p47jjxbd1dg8st2/PORKYS_.TTF?);
}

</style>

<body>
<div class="window sulli glass" style="margin: auto;undefined">
<div class="title-bar" >
<div class="title-bar-text"> <img src="https://media.discordapp.net/attachments/995854545244667914/1002426124678221864/ezgif.com-gif-maker.png" style="width:1.6em; vertical-align:middle"> https://dahyunie.crd.co ₍⑅ᐢ..ᐢ₎
</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Restore"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body" id="sulli">

<p style="border:1px #666 solid;padding:3px;background:#ffffffc7;">
<marquee><em>dubu dubu! dub-dub dubo! dubo! dahyun dubu dubu! dub-dub dubu dahyunie~</em></marquee>
</p>
<br>
<div class="row">
<div class="column" style="border:1px #666 solid;border-right:none;">
<p>
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 <br><br>
<br>
<button onclick="newQuote()">click me for a fun fact <img src="https://media.discordapp.net/attachments/1001236817900740729/1002814409065894000/unknown.png" style="width:1.1em; vertical-align:middle "></button>
<div id="quoteDisplay">
</div>
</div>
<div class="column" style="width:40%;border:1px #666 solid;border-left:none;">

<div class="_k93X"><span class="OGmZ_">g</span><span class="OGmZ_">a</span><span class="OGmZ_">e</span><span class="OGmZ_">l</span><span class="OGmZ_">!</span> </div>

<img src="https://media.discordapp.net/attachments/1001236817900740729/1002418705893970000/Ari.png" style="border-radius:100%;border:1px #666 solid;width:100%">

<p>info info info info info info info info  </p>
</div>
</div>

</div>
<div class="status-bar">
<p class="status-bar-field">© Baeykhuns For Code</p>
<p class="status-bar-field">Slide 1</p>
<p class="status-bar-field">CPU Usage: 14%</p>
</div>
</div>

<script>
var quotes = [
'fun fact 1',
'fun fact 2',
'fun fact 3',
'fun fact 4',
'fun fact 5'
]
function newQuote() {
var randomNumber = Math.floor(Math.random() * (quotes.length));
document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
}
</script>
</body>