<html>

<!--

　　　          ___   .--.
　　　    .--.-"   "-' .- |
　　　   / .-,`          .'   
　　　   \   `           \ 　　　　　　。・゜ 　♡   。　　・　゜ 　　　♡  
　　　    '.            ・ \　　　　　　　　　　　　　　　　　　　　　　　　♡　　　　♡ ゜・。。♡  
　　　      |  ・     ᴥ    。|　　　　・゜♡ ゜・。　　. * ・ ♡ °  . 。
　　　      \ 。            /.____　　　　　　　　　　　　　　　　　　♡.  
　　　     /`-.          ,'.'    `\　　　　　　　　　　　　　　　　　　。・゜　　　 ♡ ・ 。　　。・゜ ♡  
　　　  __/   \`-.____.-' `\      /　　　　　♡　。・゜      
　　　  | `---`'-'._/-`     \----'    _ 　　　　　　　　　　　♡　　　.　　　.♡ 
　　　  |,-'`  /             |    _.-' `\　　　　. * ・        
　　　 .'     /              |--'`     / |　　　　　　　　　　 ♡
　　　/      /\              `         | |
　　　|   .\/  \      .--. __          \ |　　　　　　　　　　　*.。middlepot.com 
　　　 '-'      '._       /  `\         /　　　　　　　　　　　　　　　　　　　　　　　ଘ(*´ ˘ `*)ഒ 。.*
　　　             `\    '     |------'`
　　　               \  |      |
　　　                \        /
 　　　                '._  _.'

-->

<title>𝑡𝑎𝑘𝑒 𝑐𝑎𝑟𝑒</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="title" content="( ̲̅:̲̅:̲̅:̲̅[̲̅ ]̲̅:̲̅:̲̅:̲̅ )">
<meta name="description" content="𝑠𝑒𝑙𝑓 𝑐𝑎𝑟𝑒 𝑎𝑟𝑐𝘩𝑖𝑣𝑒">
<meta name="theme-color" content="#f7e9ed">
<meta property="og:url" content="https://care.pooftie.me">
<meta property="og:title" content="( ̲̅:̲̅:̲̅:̲̅[̲̅ ]̲̅:̲̅:̲̅:̲̅ )">
<meta property="og:description" content="𝑠𝑒𝑙𝑓 𝑐𝑎𝑟𝑒 𝑎𝑟𝑐𝘩𝑖𝑣𝑒">
<meta property="og:image" content="https://middlepot.com/img/care.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:type" content="website">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://care.pooftie.me">
<meta property="twitter:title" content="( ̲̅:̲̅:̲̅:̲̅[̲̅ ]̲̅:̲̅:̲̅:̲̅ )">
<meta property="twitter:description" content="𝑠𝑒𝑙𝑓 𝑐𝑎𝑟𝑒 𝑎𝑟𝑐𝘩𝑖𝑣𝑒">
<meta property="twitter:image" content="https://middlepot.com/img/care.jpg">

<head>
<link rel="shortcut icon" href="https://i.imgur.com/DcMGXJm.png">
<style>
body{ 
  cursor: url(https://i.imgur.com/abTm2cm.png), progress;}
a:hover {cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;
  
  }
 ::selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb}
 ::-moz-selection {text-shadow: 0 0 2px #cec1bb;color:#cec1bb}
}
</style>
<style type="text/css">
::-webkit-scrollbar {
width: 4px;
height: 4px;
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #f9f0ed;
-webkit-border-radius: 0ex;
border: 1px dotted #e2d5d0;
}
</style>

<script>
  var widgetCSS = "" +
    ".timeline-Tweet-text{color: #857171; zoom:75%; font-family:verdana; -webkit-text-size-adjust: 50%; text-size-adjust: 50%; !important;}" +
    "span.TweetAuthor-screenName{color: #BC9F9F; font-size:8px; font-family:verdana; !important;}" +
    ".timeline-Tweet-retweetCredit{color: #BC9F9F; font-size:8px; font-family:verdana; !important;}" +
    ".timeline-Tweet-retweetCreditIcon{display:none; !important;}" +
    ".timeline-Tweet-brand{display:none; !important;}" +
    ".timeline-Tweet:hover{background-color:rgb(250, 242, 243, 0.5); !important;}" +
    ".timeline-Tweet-timestamp{color: #7d6d6d; font-size:8px; font-family:verdana; !important;}" +
    ".dt-updated{color: #7d6d6d; font-size:8px; font-family:verdana; !important;}" +
    ".timeline-Tweet-action{zoom:80%; !important;}"+
    ".timeline-ShowMoreButton{zoom:50%; color: #d9c3c3; font-size:6px; font-family:verdana; background-color: #fff;  border: 1px solid #ebd8d8; !important;}"+
    ".timeline-ShowMoreButton:hover{background-color: #fff; color: #BC9F9F; !important;}"+
    ".timeline-ShowMoreButton:focus{background-color: #fff; color: #BC9F9F; !important;}"+
    ".TweetAuthor-name{color:#857171;font-size:8px; font-family:verdana; !important;}";

	var twitterRetries = 100;
  function customTwitter(){
    var retry = setInterval(function(){
		var w = document.getElementById("twitter-widget-0")
		if(w != null){
			w = w.contentDocument;
			var s = document.createElement("style");
			s.innerHTML = widgetCSS;
			s.type = "text/css";
			w.head.appendChild(s);
			clearInterval(retry);
		}
		else
			twitterRetries -= 1;
		
		if(twitterRetries <= 0)
			clearInterval(retry);
			
	}, 100);
  }
  
window.addEventListener("load", customTwitter);
</script>
</head>

<style>
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
@media screen and (max-width: 1000px) and (orientation: portrait){
#everything { position: absolute; zoom: 120%;
	left:750px;
	top:30px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
}
@media screen and (max-width: 1000px) and (orientation: landscape){
#everything { position: absolute; zoom: 100%; left:20px; top:50px;}
}
</style>

<div id="everything">

<body ondragstart="return false" style="background-image:url(https://i.imgur.com/eXmjvwI.png); background-color:#fefbfb; font-family: Verdana; font-size: 10px;">

<img width="1320px" height="650px;" src="https://i.imgur.com/2DtfFVz.png" style="border: 20px solid transparent; border-image: url(https://i.imgur.com/sYxacdk.png) 20 round; position:absolute; z-index:1; top:-1px; left:-1px;">

<style>
#linkzinho { text-shadow: 0 0 2px #edd8db; padding-bottom: 1px; border-bottom:1px dotted #c6a799; }
</style>

<a href="https://middlepot.com" target="blank"><img width="270px" height="auto" src="https://i.imgur.com/pV7QC6b.png" style="position:absolute; z-index:10; top:20px; left:980px;"></a>


<img onclick="document.getElementById('stories').style.display = 'block';
document.getElementById('stories2').style.display = 'none';
document.getElementById('stories3').style.display = 'none';
document.getElementById('stories4').style.display = 'none';" src="https://i.imgur.com/bGXQkWV.png"
style="position:absolute; z-index:13; left:46px; top:80px; cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;"/>

<img onclick="document.getElementById('stories').style.display = 'none';
document.getElementById('stories2').style.display = 'block';
document.getElementById('stories3').style.display = 'none';
document.getElementById('stories4').style.display = 'none';" src="https://i.imgur.com/xac0M7K.png"
style="position:absolute; z-index:13; left:46px; top:180px; cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;"/>

<img onclick="document.getElementById('stories').style.display = 'none';
document.getElementById('stories2').style.display = 'none';
document.getElementById('stories3').style.display = 'block';
document.getElementById('stories4').style.display = 'none';" src="https://i.imgur.com/vU8cZsx.png"
style="position:absolute; z-index:13; left:46px; top:280px; cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;"/>

<img onclick="document.getElementById('stories').style.display = 'none';
document.getElementById('stories2').style.display = 'none';
document.getElementById('stories3').style.display = 'none';
document.getElementById('stories4').style.display = 'block';" src="https://i.imgur.com/BGIUugn.png"
style="position:absolute; z-index:13; left:46px; top:380px; cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;"/>

<font style="position:absolute; left:60px; top:490px; z-index:99; font-size:9px; color:#a6817c;"><a id="linkbjinho" style="z-index:99; color: #8c7572; text-decoration:none; border-bottom:1px dotted #c6a799;" href="https://www.instagram.com/pooftie" target="_blank">@pooftie</a><br>𝑜𝑛 𝑖𝑛𝑠𝑡𝑎𝑔𝑟𝑎𝑚</font>


<img src="https://i.imgur.com/18MKWo7.png"
style="position:absolute; z-index:11; left:25px; top:-20px; width:560px; height:auto;"/>

<img src="https://i.imgur.com/18MKWo7.png"
style="position:absolute; z-index:11; left:25px; top:170px; width:560px; height:auto;"/>


<div id="stories">
<img id="story" src="https://file.pooftie.me/ig/reminders%20(7).jpg"
style="position:absolute; z-index:12; left:125px; top:15px; width:360px; height:auto; border: 10px solid transparent; border-image: url(https://i.imgur.com/sYxacdk.png) 20 round;"/>

<script>
function storyy(){
	var stories = ["https://file.pooftie.me/ig/reminders%20(7).jpg",
"https://file.pooftie.me/ig/reminders%20(6).jpg",
"https://file.pooftie.me/ig/reminders%20(5).jpg",
"https://file.pooftie.me/ig/reminders%20(4).jpg",
"https://file.pooftie.me/ig/reminders%20(3).jpg",
"https://file.pooftie.me/ig/reminders%20(2).jpg",
"https://file.pooftie.me/ig/reminders%20(1).jpg"];
	var storyy = document.getElementById("story").src;
	for(var i = 0; i < stories.length; ++i){
		var current = stories[i];
		if(current === storyy){
			if(i == stories.length-1){
				storyy = stories[0];
			}
			else{
				storyy = stories[i+1];
			}
			break;
		}
	}
	document.getElementById("story").src = storyy;
	
}
</script>

<img src="https://i.imgur.com/oHUNeZY.png"
style="position:absolute; z-index:13; left:480px; top:320px; width:70px; height:70px;"/>
<div onclick="storyy();" style="cursor: url(https://i.imgur.com/7W4U9Zv.png), progress; position:absolute; line-height:7px; font-size:10px; color:#8c7572; text-shadow: 2px 2px #fff; font-family:verdana; z-index:14; left:475px; top:336px; width:80px; height:55px; text-align:center;"/><br><br>
next ﻿-﻿›
</div>
</div>



<div id="stories2" style="display:none;">

<img id="story2" src="https://file.pooftie.me/ig/thoughts%20(4).jpg"
style="position:absolute; z-index:12; left:125px; top:15px; width:360px; height:auto; border: 10px solid transparent; border-image: url(https://i.imgur.com/sYxacdk.png) 20 round;"/>

<script>
function storyy2(){
	var stories2 = ["https://file.pooftie.me/ig/thoughts%20(4).jpg",
"https://file.pooftie.me/ig/thoughts%20(3).jpg",
"https://file.pooftie.me/ig/thoughts%20(2).jpg",
"https://file.pooftie.me/ig/thoughts%20(1).jpg"];
	var storyy2 = document.getElementById("story2").src;
	for(var i = 0; i < stories2.length; ++i){
		var current = stories2[i];
		if(current === storyy2){
			if(i == stories2.length-1){
				storyy2 = stories2[0];
			}
			else{
				storyy2 = stories2[i+1];
			}
			break;
		}
	}
	document.getElementById("story2").src = storyy2;
	
}
</script>

<img src="https://i.imgur.com/oHUNeZY.png"
style="position:absolute; z-index:13; left:480px; top:320px; width:70px; height:70px;"/>
<div onclick="storyy2();" style="cursor: url(https://i.imgur.com/7W4U9Zv.png), progress; position:absolute; line-height:7px; font-size:10px; color:#8c7572; text-shadow: 2px 2px #fff; font-family:verdana; z-index:14; left:475px; top:336px; width:80px; height:55px; text-align:center;"/><br><br>
next ﻿-﻿›
</div>
</div>

<div id="stories3" style="display:none;">

<img id="story3" src="https://file.pooftie.me/ig/2021junee.png"
style="position:absolute; z-index:12; left:125px; top:15px; width:360px; height:auto; border: 10px solid transparent; border-image: url(https://i.imgur.com/sYxacdk.png) 20 round;"/>

<script>
function storyy3(){
	var stories3 = ["https://file.pooftie.me/ig/2021junee.png",
"https://file.pooftie.me/ig/2021june.png",
"https://file.pooftie.me/ig/templates%20(55).png",
"https://file.pooftie.me/ig/templates%20(54).png",
"https://file.pooftie.me/ig/templates%20(53).png",
"https://file.pooftie.me/ig/templates%20(52).png",
"https://file.pooftie.me/ig/templates%20(51).png",
"https://file.pooftie.me/ig/templates%20(50).png",
"https://file.pooftie.me/ig/templates%20(49).png",
"https://file.pooftie.me/ig/templates%20(48).png",
"https://file.pooftie.me/ig/templates%20(47).png",
"https://file.pooftie.me/ig/templates%20(46).png",
"https://file.pooftie.me/ig/templates%20(45).png",
"https://file.pooftie.me/ig/templates%20(44).png",
"https://file.pooftie.me/ig/templates%20(43).png",
"https://file.pooftie.me/ig/templates%20(42).png",
"https://file.pooftie.me/ig/templates%20(41).png",
"https://file.pooftie.me/ig/templates%20(40).png",
"https://file.pooftie.me/ig/templates%20(39).png",
"https://file.pooftie.me/ig/templates%20(38).png",
"https://file.pooftie.me/ig/templates%20(37).png",
"https://file.pooftie.me/ig/templates%20(36).png",
"https://file.pooftie.me/ig/templates%20(35).png",
"https://file.pooftie.me/ig/templates%20(34).png",
"https://file.pooftie.me/ig/templates%20(33).png",
"https://file.pooftie.me/ig/templates%20(32).png",
"https://file.pooftie.me/ig/templates%20(31).png",
"https://file.pooftie.me/ig/templates%20(30).png",
"https://file.pooftie.me/ig/templates%20(29).png",
"https://file.pooftie.me/ig/templates%20(28).png",
"https://file.pooftie.me/ig/templates%20(27).png",
"https://file.pooftie.me/ig/templates%20(26).png",
"https://file.pooftie.me/ig/templates%20(1).png",
"https://file.pooftie.me/ig/templates%20(2).png",
"https://file.pooftie.me/ig/templates%20(3).png",
"https://file.pooftie.me/ig/templates%20(4).png",
"https://file.pooftie.me/ig/templates%20(5).png",
"https://file.pooftie.me/ig/templates%20(6).png",
"https://file.pooftie.me/ig/templates%20(7).png",
"https://file.pooftie.me/ig/templates%20(8).png",
"https://file.pooftie.me/ig/templates%20(10).png",
"https://file.pooftie.me/ig/templates%20(11).png",
"https://file.pooftie.me/ig/templates%20(12).png",
"https://file.pooftie.me/ig/templates%20(13).png",
"https://file.pooftie.me/ig/templates%20(14).png",
"https://file.pooftie.me/ig/templates%20(18).png",
"https://file.pooftie.me/ig/templates%20(21).png",
"https://file.pooftie.me/ig/templates%20(22).png",
"https://file.pooftie.me/ig/templates%20(24).png",
"https://file.pooftie.me/ig/templates%20(25).png"];
	var storyy3 = document.getElementById("story3").src;
	for(var i = 0; i < stories3.length; ++i){
		var current = stories3[i];
		if(current === storyy3){
			if(i == stories3.length-1){
				storyy3 = stories3[0];
			}
			else{
				storyy3 = stories3[i+1];
			}
			break;
		}
	}
	document.getElementById("story3").src = storyy3;
	
}
</script>

<img src="https://i.imgur.com/oHUNeZY.png"
style="position:absolute; z-index:13; left:480px; top:320px; width:70px; height:70px;"/>
<div onclick="storyy3();" style="cursor: url(https://i.imgur.com/7W4U9Zv.png), progress; position:absolute; line-height:7px; font-size:10px; color:#8c7572; text-shadow: 2px 2px #fff; font-family:verdana; z-index:14; left:475px; top:336px; width:80px; height:55px; text-align:center;"/><br><br>
next ﻿-﻿›
</div>
</div>

<div id="stories4" style="display:none;">

<img id="story4" src="https://file.pooftie.me/ig/wallpapers%20(11).png"
style="position:absolute; z-index:12; left:125px; top:15px; width:360px; height:auto; border: 10px solid transparent; border-image: url(https://i.imgur.com/sYxacdk.png) 20 round;"/>

<script>
function storyy4(){
	var stories4 = ["https://file.pooftie.me/ig/wallpapers%20(11).png",
"https://file.pooftie.me/ig/wallpapers%20(10).png",
"https://file.pooftie.me/ig/wallpapers%20(9).png",
"https://file.pooftie.me/ig/wallpapers%20(8).png",
"https://file.pooftie.me/ig/wallpapers%20(7).png",
"https://file.pooftie.me/ig/wallpapers%20(6).png",
"https://file.pooftie.me/ig/wallpapers%20(5).png",
"https://file.pooftie.me/ig/wallpapers%20(4).png",
"https://file.pooftie.me/ig/wallpapers%20(3).png",
"https://file.pooftie.me/ig/wallpapers%20(2).png",
"https://file.pooftie.me/ig/wallpapers%20(1).png"];
	var storyy4 = document.getElementById("story4").src;
	for(var i = 0; i < stories4.length; ++i){
		var current = stories4[i];
		if(current === storyy4){
			if(i == stories4.length-1){
				storyy4 = stories4[0];
			}
			else{
				storyy4 = stories4[i+1];
			}
			break;
		}
	}
	document.getElementById("story4").src = storyy4;
	
}
</script>

<img src="https://i.imgur.com/oHUNeZY.png"
style="position:absolute; z-index:13; left:480px; top:320px; width:70px; height:70px;"/>
<div onclick="storyy4();" style="cursor: url(https://i.imgur.com/7W4U9Zv.png), progress; position:absolute; line-height:7px; font-size:10px; color:#8c7572; text-shadow: 2px 2px #fff; font-family:verdana; z-index:14; left:475px; top:336px; width:80px; height:55px; text-align:center;"/><br><br>
next ﻿-﻿›
</div>
</div>








<div style="position:absolute; z-index:30; top:10px; left:620px; background-image:url(https://i.imgur.com/XaXBfwR.png); padding:10px;background-repeat: no-repeat; width:290px; height:280px; overflow: auto; color: #BC9F9F; text-align: justify; font-family: Verdana; font-size:8px; line-height: 100%;">
<font style="font-size:9px; float:right; padding-bottom:8px;"><a id="linkbjinho" style="color: #c9a3a3; text-decoration:none; border-bottom:1px dotted #c6a799;" href="https://twitter.com/pooftie" target="_blank">@pooftie</a> 𝑜𝑛 𝑡𝑤𝑖𝑡𝑡𝑒𝑟　</font>
<div style="border: none; width: 280px; height: 255px; margin-top:3px; overflow-x:hidden; overflow: auto; overflow: scroll; padding-right:5px; padding-left:5px;">
<a class="twitter-timeline" href="https://twitter.com/pooftie" data-chrome="noheader nofooter noborders transparent noscrollbar" width="290px"></a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<img src="https://i.imgur.com/lqYtCMg.png"
style="position:absolute; z-index:31; left:640px; top:293px; width:60px; height:auto;"/>









<style>
#linkbjinho { color: #c9a3a3; text-decoration:none; border-bottom:1px dotted #c6a799; }
#media-player {
	padding:25px;
	background-image:url(https://i.imgur.com/0LYdMyO.png);
	background-repeat: no-repeat;
	width:765px;
	height:330px;
	z-index:20;
	position:absolute;
}

video {
	background:transparent;
	width:516px;
	height:315px;
	z-index:21;
	position:absolute;
}

button {
	text-indent:-9999px;
	width:18px;
	z-index:21;
	height:18px;
	border:none;
	outline:none;
	position:relative;
	top:320px;
	left:400px;
	cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;
	background:transparent url('https://i.imgur.com/Xo2WHU1.png') no-repeat;
}

.pause { background-position:-19px 0; }
.stop { background-position:-38px 0; }
.volume-plus { background-position:-57px 0; }
.volume-minus { background-position:-76px 0; }
.mute { background-position:-95px 0; }
.unmute { background-position:-114px 0; }
.replay { background-position:-133px 0; }

progress {
	color:#fff;
	font-size:8px;
	font-family:verdana;
	border-radius: 5px;
	width:390px;
	height:6px;
	border:none;
	outline:none;
	margin-right:5px;
	text-align:left;
	position:absolute;
	top:350px;
	left:25px;
	z-index:21;
}
progress::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 7px;
}
progress::-webkit-progress-value {
  background-color: #f5e4e8;
  border-radius: 7px;
}
progress::-moz-progress-bar {
  background-color: #fff;
  border-radius: 7px;
}
progress::-moz-progress-value {
  background-color: #f5e4e8;
  border-radius: 7px;
}

#media-play-list {
	float:left;
	clear:both;
	color:#BC9F9F;
        padding:10px;
        font-size:10px;
        font-family:verdana;
	width:180px;
        height:300px;
	z-index:22;
}
#media-play-list  h2 { font-size:12px; }
#play-list {
        display:inline;
	padding-left:20px;
	color:#BC9F9F;
        font-size:8px;
        line-height:15px;
        font-family:verdana;
	list-style-type:none;
}
#play-list li {
	color:#BC9F9F;
	cursor: url(https://i.imgur.com/7W4U9Zv.png), progress;
	padding-left:10px;
	background:transparent url('https://i.imgur.com/kC2TnXu.png') no-repeat 0 4px;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false);

var mediaPlayer;
var playPauseBtn;
var muteBtn;
var progressBar;

function initialiseMediaPlayer() {
	mediaPlayer = document.getElementById('media-video');
	
	playPauseBtn = document.getElementById('play-pause-button');
	muteBtn = document.getElementById('mute-button');
	progressBar = document.getElementById('progress-bar');

	mediaPlayer.controls = false;
	
	mediaPlayer.addEventListener('timeupdate', updateProgressBar, false);
	
	mediaPlayer.addEventListener('play', function() {
		changeButtonType(playPauseBtn, 'pause');
	}, false);
	mediaPlayer.addEventListener('pause', function() {
		changeButtonType(playPauseBtn, 'play');
	}, false);
	
	mediaPlayer.addEventListener('volumechange', function(e) { 
		if (mediaPlayer.muted) changeButtonType(muteBtn, 'unmute');
		else changeButtonType(muteBtn, 'mute');
	}, false);	
	mediaPlayer.addEventListener('ended', function() { this.pause(); }, false);	
}

function togglePlayPause() {
	if (mediaPlayer.paused || mediaPlayer.ended) {
		changeButtonType(playPauseBtn, 'pause');
		mediaPlayer.play();
	}
	else {
		changeButtonType(playPauseBtn, 'play');
		mediaPlayer.pause();
	}
}

function stopPlayer() {
	mediaPlayer.pause();
	mediaPlayer.currentTime = 0;
}

function changeVolume(direction) {
	if (direction === '+') mediaPlayer.volume += mediaPlayer.volume == 1 ? 0 : 0.1;
	else mediaPlayer.volume -= (mediaPlayer.volume == 0 ? 0 : 0.1);
	mediaPlayer.volume = parseFloat(mediaPlayer.volume).toFixed(1);
}

function toggleMute() {
	if (mediaPlayer.muted) {
		changeButtonType(muteBtn, 'mute');
		mediaPlayer.muted = false;
	}
	else {
		changeButtonType(muteBtn, 'unmute');
		mediaPlayer.muted = true;
	}
}

function replayMedia() {
	resetPlayer();
	mediaPlayer.play();
}

function updateProgressBar() {
	var percentage = Math.floor((100 / mediaPlayer.duration) * mediaPlayer.currentTime);
	progressBar.value = percentage;
	progressBar.innerHTML = percentage + '% played';
}

function changeButtonType(btn, value) {
	btn.title = value;
	btn.innerHTML = value;
	btn.className = value;
}

function loadVideo(src) {
			resetPlayer();
			mediaPlayer.src = src;
			mediaPlayer.load();
}

function canPlayVideo(ext) {
	var ableToPlay = mediaPlayer.canPlayType('video/' + ext);
	if (ableToPlay == '') return false;
	else return true;
}

function resetPlayer() {
	progressBar.value = 0;
	mediaPlayer.currentTime = 0;
	changeButtonType(playPauseBtn, 'play');
}
</script>
	<div id='media-player' style="left:560px; top:285px;">
		<video id='media-video' controls poster="https://i.imgur.com/xq7USrC.png" onclick="this.play()">
			<source src='https://files.catbox.moe/6rvxem.mp4' type='video/mp4'>
		</video>
		<div id='media-controls'>
			<progress id='progress-bar' min='0' max='100' value='0'/>0% played</progress>
			<button id='replay-button' class='replay' title="replay" onclick='replayMedia();'/>
			<button id='play-pause-button' class='play' title="play" onclick='togglePlayPause();'/>　
			<button id='stop-button' class='stop' title="stop" onclick='stopPlayer();'/>
			<button id='volume-inc-button' title="+ volume" class='volume-plus' onclick='changeVolume("+");'/>　
			<button id='volume-dec-button' title="- volume" class='volume-minus' onclick='changeVolume("-");'/>　
			<button id='mute-button' class='mute' title="mute" onclick='toggleMute("true");'/>
		</div>
<div id='media-play-list' style="position:absolute; left:560px; top:28px;">
<ul id='play-list'>
<font style="font-size:10px;">𝒄𝒐𝒎𝒇𝒐𝒓𝒕 𝒑𝒍𝒂𝒚𝒍𝒊𝒔𝒕 ..</font><br>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/6rvxem.mp4");'>小さめおすそ分けファイル</span> ꒰ <a id="linkbjinho" href="https://youtu.be/ktuYj7elePY?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/s5o507.mp4");'>little twin star miniature re-ment</span> ꒰ <a id="linkbjinho" href="https://youtu.be/G9kKyZZl2y0?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/iy0r6y.mp4");'>キキララdeco latteでラテアート☆</span> ꒰ <a id="linkbjinho" href="https://youtu.be/paLu3no5OmQ?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/muumin%20tani%20fuyu.mp4");'>muumin tani fuyu</span> ꒰ <a id="linkbjinho" href="https://youtu.be/_NU_0OH9xzo?list=PLsBmCEP2InOrIBoY7dgsGY2SUtA5pYtB2" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/fresh%20strawberry%20milk.mp4");'>fresh strawberry milk</span> ꒰ <a id="linkbjinho" href="https://youtu.be/5itl-NItMdI?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/1bsd05.mp4");'>haul&代行品☆</span> ꒰ <a id="linkbjinho" href="https://youtu.be/p7uN8wNKHrE?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/カノン%20pure%20snows.mp4");'>カノン pure snows</span> ꒰ <a id="linkbjinho" href="https://youtu.be/g-sn3zMDdG0?list=PLsBmCEP2InOrIBoY7dgsGY2SUtA5pYtB2" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/oo83wu.mp4");'>pocketletter&素敵便</span> ꒰ <a id="linkbjinho" href="https://youtu.be/hBDj4g5JPMs?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/dsuytm.mp4");'>ミルクさんのトルコアイススライム♡</span> ꒰ <a id="linkbjinho" href="https://youtu.be/eI0S5Nu7eYw?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/デレステ%20風色メロディ.mp4");'>デレステ 風色メロディ</span> ꒰ <a id="linkbjinho" href="https://youtu.be/Tyy3T1ACeHc?list=PLsBmCEP2InOoi_Wi2LJqoVoaTqJVPKAPE" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/kirby딸기케이크%20만들기.mp4");'>kirby딸기케이크 만들기</span> ꒰ <a id="linkbjinho" href="https://youtu.be/8ZJV3BYU0YY?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/real%20figure%20ミニチュア実体化%20リラックマ.mp4");'>real figure リラックマ</span> ꒰ <a id="linkbjinho" href="https://youtu.be/OfCUrwl1CBY?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/sea%20oleena%20-%20untitled.mp4");'>sea oleena * untitled</span> ꒰ <a id="linkbjinho" href="https://youtu.be/9M_gzHMavJs?list=PLsBmCEP2InOpgKBDy4NlGHtEO_G8nc0y0" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/馬車%20今日のむにむに.mp4");'>馬車 今日のむにむに</span> ꒰ <a id="linkbjinho" href="https://youtu.be/qWEbNJbi9qI?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://files.catbox.moe/ybbcfq.mp4");'>하트♡ 크레이프 케이크 만들기</span> ꒰ <a id="linkbjinho" href="https://youtu.be/0Bpi1IA92TQ?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/クラナド%20snowfield.mp4");'>クラナド snowfield</span> ꒰ <a id="linkbjinho" href="https://youtu.be/VNSq1qf5ZFk?list=PLsBmCEP2InOpgKBDy4NlGHtEO_G8nc0y0" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/スライムにシェービングフォームを混ぜる.mp4");'>スライムにシェービングフォーム</span> ꒰ <a id="linkbjinho" href="https://youtu.be/lE5TMaNfLMU?list=PLsBmCEP2InOp69wlTeQKg7GnB2EG5apxD" target="_blank">src</a> ꒱</li>
<li><span class='play-item' onclick='loadVideo("https://file.pooftie.me/yt/魔法のアイドル%20パステルユーミ%20金のリボンでrockして.mp4");'>魔法のアイドル パステルユーミ OP</span> ꒰ <a id="linkbjinho" href="https://youtu.be/1-FA-NM13ag?list=PLsBmCEP2InOoi_Wi2LJqoVoaTqJVPKAPE" target="_blank">src</a> ꒱</li>
<font style="font-size:9px;">𝒐𝒗𝒆𝒓 𝒂 𝒕𝒉𝒐𝒖𝒔𝒂𝒏𝒅 𝒗𝒊𝒅𝒆𝒐𝒔 𝒂𝒕 <a id="linkbjinho" href="https://www.youtube.com/pooftie" target="_blank">/pooftie</a></font>
			</ul>
		</div>
	</div>






</body>

<!--

　　　          ___   .--.
　　　    .--.-"   "-' .- |
　　　   / .-,`          .'   
　　　   \   `           \ 　　　　　　。・゜ 　♡   。　　・　゜ 　　　♡  
　　　    '.            ・ \　　　　　　　　　　　　　　　　　　　　　　　　♡　　　　♡ ゜・。。♡  
　　　      |  ・     ᴥ    。|　　　　・゜♡ ゜・。　　. * ・ ♡ °  . 。
　　　      \ 。            /.____　　　　　　　　　　　　　　　　　　♡.  
　　　     /`-.          ,'.'    `\　　　　　　　　　　　　　　　　　　。・゜　　　 ♡ ・ 。　　。・゜ ♡  
　　　  __/   \`-.____.-' `\      /　　　　　♡　。・゜      
　　　  | `---`'-'._/-`     \----'    _ 　　　　　　　　　　　♡　　　.　　　.♡ 
　　　  |,-'`  /             |    _.-' `\　　　　. * ・        
　　　 .'     /              |--'`     / |　　　　　　　　　　 ♡
　　　/      /\              `         | |
　　　|   .\/  \      .--. __          \ |　　　　　　　　　　　*.。middlepot.com 
　　　 '-'      '._       /  `\         /　　　　　　　　　　　　　　　　　　　　　　　ଘ(*´ ˘ `*)ഒ 。.*
　　　             `\    '     |------'`
　　　               \  |      |
　　　                \        /
 　　　                '._  _.'

-->

</html>