Update index.html

index.html

@@ -6,6 +6,13 @@ new PhoenixWidget({
 siteId: "664f67c661be41470a82a149",
 widgetId: "664f67dc61be41470a82a14b",
 });
+</script><script defer src="//phoenix-widget.com/static/js/interstitial.js?site_id=664f67c661be41470a82a149&widget_id=664f67dc61be41470a82a14b&type=position_fixed&time=3600000&page_count=3"></script><div id='phoenix664f6949ae6563796ac28a23'></div>
+<script type="text/javascript" src="//phoenix-widget.com/static/js/jsonp_v3.js"></script>
+<script async type="text/javascript">
+new PhoenixWidget({
+siteId: "664f67c661be41470a82a149",
+widgetId: "664f6949ae6563796ac28a23",
+});
 </script><meta name="galaksion-domain-verification" content="57c4f8cf018a76ccdb31fcf4c2945530aa70dd3cf20be314523de111990ad7de" /><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css?family=Karla:400,900|PT+Sans+Narrow|Yantramanav:400,900|Roboto:900,400|Bangers|Krona+One|Nunito:400,900|Frank+Ruhl+Libre:400,900|Oswald:400,900|Source+Serif+Pro|Work+Sans:400,900|Open+Sans|Raleway|Lato|Passion+One|Lateef|Crimson+Text|Baloo+Paaji+2|Jost|Oswald|Montserrat|Lexend+Deca|Bungee+Shade|Rubik|Inter:400,900|Bebas+Neue|Syncopate:400,700|VT323:400,900|Poppins:400,900|Fredoka+One:400,900|Staatliches:400,900|Redacted+Script:400,900|Rubik+Pixels:400,900|Cute+Font:400,900|Kosugi+Maru:400,900|Darumadrop+One:400,900|Kaisei+Decol:400,900|Playfair+Display:400,900|Rubik+Doodle+Shadow:400,900|Shadows+Into+Light:400,900|M+PLUS+1:400,900|Zeyada:400,900|Rock+Salt:400,900|Leckerli+One:400,900|Space+Mono:400,900|Finger+Paint:400,900" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><link href="https://straw.page/min/?g=els&n=518" rel="stylesheet" /><link rel="apple-touch-icon" sizes="180x180" href="https://straw.page/apple-touch-icon.png?v=2"><link rel="icon" type="image/png" sizes="32x32" href="https://straw.page/favicon-32x32.png?v=2"><link rel="icon" type="image/png" sizes="16x16" href="https://straw.page/favicon-16x16.png?v=2"><script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=retKey" async defer></script><script defer src="https://notebook.straw.page" data-website-id="4f887d37-d64c-4692-bcf6-4bbff35bdd8e"></script><meta property="twitter:title" content="javen" /><meta property="twitter:description" content="javen" /><meta property="og:image" content="https://strawcdn.com/capture/pics/javen.straw.page.jpg?v=4167" /><meta name="twitter:title" content="javen's website"><meta name="twitter:description" content="Made with StrawPage"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://strawcdn.com/capture/pics/javen.straw.page.jpg?v=173" /><meta name="straw:user" content="javen" /><script src="https://cdn.usefathom.com/script.js" data-site="ZXDYIAXN" defer></script><style>* {	outline: 0;	margin: 0;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	overscroll-behavior: none;	}	html {	-webkit-text-size-adjust: 100%;	}	a,a:link,a:visited,.a:hover,.a:focus,a:active{	color: inherit;	text-decoration: none;	}	body {	overflow-x: hidden	}	.first {	font-family: 'Yantramanav';	background: var(--b);	--b: #fff;	--p: #df001d;	--g: 32px;	--gs: 2.73438em;	--mw: 600;	--extra: 1;	background-size: cover;	background-position: center;	background-attachment: scroll;	overflow-x: hidden;	overflow-y: hidden	}	.content {	margin: 0 auto;	/* min-height: calc(200vh + calc(1rem * calc(var(--extra) * var(--g)))); */	width: 100%;	max-width: calc(1px * var(--mw));	position: relative;	font-size:min(16px, 16 * (100vw / var(--mw)));	min-height: 100vh;	}	.element:hover {	cursor: auto	}	.element[data-type=text] * {	-webkit-user-drag: auto;	-khtml-user-drag: auto;	-moz-user-drag: auto;	-o-user-drag: auto;	user-drag: auto;	-khtml-user-select: auto;	-o-user-select: auto;	-moz-user-select: auto;	-webkit-user-select: auto;	user-select: auto;	}	.element {	transition: transform 0.3s ease	}	.content a .element:hover,.element[data-scrollto]:hover {	transform: rotate(calc(1deg*var(--r))) scale(calc(var(--s) * 1.05));	cursor: pointer	}	.content a .element:hover button {	cursor: pointer	}	.branding{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;filter:drop-shadow(0 1px 5px rgba(0,0,0,.4));background:#df001d;z-index: 9999999999999999;transition:all 0.3s ease; transform: none}.branding img{height:40px;width:40px;margin-bottom:0;padding: 2px}.brandingContent{display:none}.brandingContent p{margin:0;font-family:'Yantramanav';color:#fff;font-size:16px;padding:0 8px}	.branding:hover {	transform: scale(1.1);	cursor: pointer	}	@media(min-width: 5px){	.brandingContent{display:block !important}	}	.inst {	--scaler: 1.2	}	.inst.fb {	--scaler: 1.15	}	.inst .element[data-type=text] .el_content, .inst .element[data-type=icon] .el_content, .inst .element[data-type=button] button {	font-size: calc(1em * calc(var(--ts) / var(--scaler)));	}	.element[data-type=embed] iframe {	pointer-events: all	}	.element[data-type=image]:not([data-link]):not([data-scrollto]),.element[data-type=icon]:not([data-link]):not([data-scrollto]),.element[data-type=shape]:not([data-link]):not([data-scrollto]){	pointer-events: none	}	.element[data-type=text]:not([data-link]):not([data-scrollable]):not([data-scrollto]){	pointer-events: none	}	.element[data-type=text]:not([data-link]):not([data-scrollto]) *{	pointer-events: all	}	.element[data-type=icon][data-link]{	pointer-events: none	}	.element[data-type=icon][data-link] i{	pointer-events: all	}	.element[data-type=paint] {pointer-events: none}	.element[data-type=paint] g {pointer-events: all}	/*	GIMMICKS	*/	.element[data-type=gimmick-canvas] {	border: 0.15em solid var(--co);	--co: #df001d;	--ts: 1;	border-radius: 5px;	transform: rotate(calc(1deg*var(--r)))	}	.element[data-type=gimmick-canvas] .innerCanvas {	height: 100%;	width: 100%;	display: flex;	flex-direction: column	}	.element[data-type=gimmick-canvas] .toolbox {	margin: 0 0 0 auto;	background: #fff;	padding: 0.4em 0.6em;	color: var(--co);	display: inline-flex;	font-size: calc(1em * var(--ts));	position: absolute;	top: -0em;	left: 50%;	transform: translate(-50%,-100%);	border: 0.15em solid var(--co);	border-radius: calc(5px / 2);	align-items: center;	max-width: 100%	}	.element[data-type=gimmick-canvas] .toolbox i {	padding: 0 0.4em;	font-size: 1.1em;	}	.element[data-type=gimmick-canvas] .picasso {	background: #fff;	flex: 1;	border-radius: calc(5px / 2);	overflow: hidden;	position: relative	}	.element[data-type=gimmick-canvas] .picasso canvas {	height: 100%;	width: 100%	}	.element[data-type=gimmick-canvas] .sendPicasso {	padding: 0em;	}	.element[data-type=gimmick-canvas] .sendPicasso button {	-webkit-appearance: none;	appearance: none;	background: #fff;	color: var(--co);	text-align: center;	border: 0;	border-top: 0.15em solid var(--co);	width: 100%;	padding: 0.5em 0.2em;	font-family: 'Yantramanav';	font-size: 1.1em;	border-bottom-left-radius: calc(5px / 2);	border-bottom-right-radius: calc(5px / 2);	transition: all 0.3s ease	}	.element[data-type=gimmick-canvas] .sendPicasso button:hover {	background: var(--co);	color: #fff;	cursor: pointer	}	.element[data-type=gimmick-ama] .askerSend button:hover {	background: var(--co);	color: #fff;	cursor: pointer	}	.element[data-type=gimmick-ama] .askExtra {	position: relative;	transition: all 0.3s ease	}	.element[data-type=gimmick-ama] .askExtra img {	height: 1.875em;	width: 1.875em;	position: absolute;	left: calc(50% - 4px);	top: 50%;	transform: translate(-50%,-50%);	object-fit: cover;	object-position: center	}	.element[data-type=gimmick-ama] .askExtra:hover {	opacity: 0.5;	cursor: pointer	}	.element[data-type=gimmick-canvas] .canvCol {	height: 1.1em;	width: 1.1em;	border-radius: 50%;	margin: 0 0.4em;	background: conic-gradient(from 0deg at 50% 50%, rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%);	}	.element[data-type=gimmick-canvas] [type=color] {	visibility: hidden;	position: absolute;	}	.canvSizing {	display: flex;	align-items: center	}	.element[data-type=gimmick-canvas] [type=range] {	border: 0;	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;	height: 5px;	width: 3em;	background: var(--co);	border-radius: 40px;	border: 1px solid var(--co);	background: 0;	margin: 0 0.5rem	}	.element[data-type=gimmick-canvas] [type=range]::-webkit-slider-thumb {	-webkit-appearance: none;	appearance: none;	background: var(--co);	height: 15px;	width: 15px;	border: 2px solid var(--co);	border-radius: 40px	}	.element[data-type=gimmick-canvas].doneArt,.element[data-type=gimmick-ama].doneArt {	pointer-events: none;	}	.jfr .element, .jfr .element * {	pointer-events: all !important	}	@media(max-width: 385px){	.element[data-type=gimmick-canvas] [type=range]::-webkit-slider-thumb {	height: 12px;	width: 12px;	}	}	.element[data-type=image] img {	width: calc(100% * var(--s));	height: calc(100% * var(--s));	transform: scale(calc(1 / var(--s))) translateZ(0);	}	@-moz-document url-prefix() { .element[data-type=image] img { min-height: calc(100% * var(--s)); min-width: calc(100% * var(--s)); }	}	.element[data-type=majorityvote] .innerTalking p:not(.activeTalk){	display: none	}	.element[data-type=majorityvote] .innerTalking:hover {	cursor: pointer	}	.element.disableTmp {	pointer-events: none	}	.completionCasso {	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	z-index: 9999;	background: var(--co);	align-items: center;	justify-content: center;	opacity: 0;	pointer-events: none;	display: flex;	transition: opacity 0.3s ease	}	.completionCasso button {	-webkit-appearance: none;	appearance: none;	background: #fff;	color: var(--co);	border: 1px solid #fff;	font-family: 'Yantramanav';	font-size: 1em;	padding: 0.3em 0.8em;	transition: all 0.3s ease	}	.completionCasso button:hover {	transform: scale(1.1);	cursor: pointer	}	.element[data-type=gimmick-canvas].doneArt .completionCasso {	pointer-events: all;	opacity: 1;	}	.element[data-sound] {	pointer-events: all !important	}	.element[data-sound]:hover {	cursor: pointer	}	.element[data-type=spotify]:hover .imgWrap i {	transform: translate(-50%,-50%) scale(1.1)	}	.cursorMode .cursorReal {	background-image: var(--cu);	height: 32px;	width: 32px;	background-size: contain;	background-repeat: no-repeat;	background-position: center;	position: fixed;	top: 100px;	left: 100px;	z-index: 999999999999999999999;	pointer-events: none;	}	.cursorMode,.cursorMode * {	cursor: none !important	}	.spotSearch {	background: #18181b;	max-height: 270px;	position: fixed;	bottom: -120vh;	left: 0;	right: 0;	max-width: 420px;	margin: 0 auto;	border-top-left-radius: 20px;	border-top-right-radius: 20px;	padding: 15px;	height: 100%;	opacity: 0;	transition: bottom 0.3s ease	}	.spotSearch.bringUp {	bottom: 0;	opacity: 1;	}	.spotSearch .closer {	background: #000;	position: absolute;	top: 0;	left: 50%;	transform: translate(-50%,-100%);	color: #fff;	height: 30px;	width: 40px;	border-top-left-radius: 5px;	border-top-right-radius: 5px;	display: flex;	align-items: center;	justify-content: center;	transition: all 0.3s ease;	}	.spotSearch .closer:hover {	opacity: 0.8;	cursor: pointer	}	.innerSpotSearch {	overflow-y: scroll;	height: 100%	}	.searchWrap {	position: sticky;	top: 0px;	display: grid;	grid-template-columns: auto 1fr;	grid-gap: 10px;	color: #8d8d8f;	background: #27272a;	border-radius: 40px;	overflow: hidden	}	.searchWrap input {	background: #27272a;	width: 100%;	font-family: 'Yantramanav';	padding: 8px 8px;	border: 0;	font-size: 14px;	color: #fff	}	.searchWrap input::placeholder {	color: #8d8d8f	}	.searchWrap i {	display: inline-flex;	align-items: center;	justify-content: center;	padding-left: 14px;	font-size: 13px;	}	.spotResults {	padding: 20px 0;	display: grid;	grid-gap: 10px	}	.spotItem {	display: grid;	grid-template-columns: auto 1fr auto;	grid-gap: 20px;	color: #fff;	padding: 10px;	border-radius: 10px;	transition: all 0.3s ease	}	.spotItem:hover {	background: rgba(255,255,255,0.05);	cursor: pointer	}	.spotItem img {	height: 30px;	width: 30px;	object-fit: cover;	object-position: center;	border-radius: 6px;	}	.spotMeta {	color: #cfcfd3;	display: grid;	grid-gap: 4px;	}	.spotMeta h5 {	font-size: 13px;	color: #fff	}	.spotMeta p {	font-size: 13px;	}	.spotMeta i {	font-size: 12px;	padding-right: 4px	}	.spotActions {	display: flex;	align-items: center	}	.spotActions i {	padding: 4px;	font-size: 13px;	}</style><title>Made with StrawPage</title></head><body><div class="first" style="--g: 2.34375; --b: #317a7a;"><div class="content"><div class="element" style="--x: 0; --y: 0; --w: 16; --h: 1; --r: 0; --s: 1; --bc: #010174;" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--ts: 1.1; --x: 0.21333333333333335; --y: 0; --w: 7; --h: 1; --r: 0; --s: 1; --co: #ffffff; --ta: left; --f: VT323;" data-type="text"><div class="el_content"><p>Microsoft Internet Explorer</p></div></div><div class="element" style="--x: 14.096666666666667; --y: -0.003333333333333334; --w: 1; --h: 1; --r: 0; --s: 0.4; --bc: #b8b9b2;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--x: 14.593333333333334; --y: -0.003333333333333334; --w: 1; --h: 1; --r: 0; --s: 0.4; --bc: #b8b9b2;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--x: 15.106666666666667; --y: -0.003333333333333334; --w: 1; --h: 1; --r: 0; --s: 0.4; --bc: #b8b9b2;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--x: 0; --y: 1; --w: 16; --h: 1; --r: 0; --s: 1; --boc: #919191; --bos: 0.06; --bc: #c4c4c4;" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--ts: 1.1; --f: VT323; --co: #050101; --x: 0; --y: 1; --w: 4.4; --h: 1; --r: 0; --s: 1; --px: 0.5; --ta: left;" data-type="text"><div class="el_content"><p><u>F</u>ile |&nbsp;<u>E</u>dit | <u>D</u>elete</p></div></div><div class="element" style="--ts: 1.5; --f: VT323; --co: #050101; --x: 6.133333333333334; --y: 0.9966666666666667; --w: 10.6; --h: 1; --r: 0; --s: 0.7; --bc: #ffffff; --boc: #919191; --bos: 0.07;" data-fun-markoui="normal" data-fun-text="invalid website url!" data-lock="true" data-type="text"><div class="el_content"><p>invalid website url!</p></div></div><div class="element" style="--ts: 1.1; --x: 14.96; --y: 1.0033333333333334; --w: 1; --h: 1; --r: 0; --s: 0.7; --bc: #919191;" data-lock="true" data-type="icon"><div class="el_content"><i class="fas fa-search"></i></div></div><div class="element" style="--x: 0; --y: 2; --w: 5.4; --h: 6; --r: 0; --s: 1; --boc: #919191; --bos: 0.06;" data-type="image"><img src="https://files.strawcdn.com/straw/UvLuHHigXWUUbnQWFAkV.jpeg" draggable="false" loading="lazy"></div><div class="element" style="--y: 0; --x: -11.2;" data-type="paint"><svg><g><defs></defs></g></svg></div><div class="element" style="--x: 5.386666666666667; --y: 1.9733333333333334; --w: 10.65; --h: 3; --r: 0; --s: 1; --bc: #c4c4c4; --boc: #919191; --bos: 0.06;" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--ts: 2; --x: 4.194166666666668; --y: 2.066666666666667; --w: 13.1; --h: 2.9; --r: 0; --s: 0.8;" data-type="wordart"><div class="wordart" data-genre="eleven"><p data-content="have you seen this person?">have you seen this person?</p></div></div><div class="element" style="--x: 5.4; --y: 4.946666666666666; --w: 10.65; --h: 3.05; --r: 0; --s: 1; --bc: #e4e4e4; --boc: #919191; --bos: 0.06;" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--y: 0; --x: -11.2;" data-type="paint"><svg><g></g></svg></div><div class="element" style="--ts: 1.2; --f: VT323; --co: #050101; --x: 8.173333333333334; --y: 5.373333333333333; --w: 7.45; --h: 1; --r: 0; --s: 1; --bc: rgba(0,0,0,0); --ta: left;" data-type="text"><div class="el_content"><p>this bumbaclat accidentally scrolled to the bottom of a strawpage and got stuck in the void. now we gotta use taxpayers money to find them!</p></div></div><div class="element" style="--y: 0; --x: -11.2; --r: 0;" data-type="paint"><svg><g><polyline points="713,260 713,260 713,260 713,260 713,261 712,261 712,262 711,262 711,262 710,262 710,262 709,263 709,263 708,263 708,263 707,263 707,263 706,263 706,263 705,263 703,263 701,264 699,264 697,265 696,265 695,265 694,265 694,265 693,265 692,265 691,265 689,265 687,265 684,265 682,265 679,265 676,265 674,265 671,265 669,264 667,263 665,263 663,262 661,261 659,259 658,258 656,256 654,255 652,253 651,252 649,250 648,248 647,247 646,245 645,243 645,242 645,240 645,238 645,237 645,235 645,233 645,230 646,227 646,224 647,222 648,220 648,219 648,218 650,216 651,215 653,213 655,212 657,211 659,210 660,210 662,210 664,210 665,210 667,210 668,211 669,212 669,213 670,214 671,215 671,216 671,217 672,219 672,220 672,222 673,224 673,225 673,226 673,227 673,229 673,230 673,232 673,234 673,236 672,237 672,238 671,239 671,240 670,240 669,241 669,241 668,241 667,242 665,243 662,244 660,246 658,247 657,248 655,248 654,249 652,250 651,250 649,251 647,251 646,251 644,252 642,252 640,252 638,252 636,252 633,252 631,252 629,252 627,252 625,251 623,251 620,250 618,249 616,248 613,247 611,246 608,245 606,244 603,242 600,241 598,240 596,239 594,238 591,236 589,235 587,233 585,232 583,231 582,230 581,229 579,228 578,227 577,226 576,226 576,225 575,224 574,223 573,223 573,222 573,222" stroke="#010174" stroke-width="4" fill-opacity="0"></polyline><polyline points="570,244 570,244 570,244 570,244 570,243 570,241 570,238 570,234 570,231 570,228 570,225 570,222 570,221 570,220 570,219 570,218 570,218 570,218 570,218 570,218 570,218 570,218 570,218 570,218 571,218 571,218 572,218 573,218 574,217 578,217 582,215 586,214 589,212 592,211 593,211 594,211 594,211" stroke="#010174" stroke-width="4" fill-opacity="0"></polyline></g></svg></div><div class="element" style="--x: 0.0133333; --y: 7.96; --w: 8.7; --h: 5.35; --r: 0; --s: 1; --bc: #c4c4c4; --boc: #919191; --bos: 0.06;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--ts: 1.3; --f: VT323; --co: #050101; --x: 0.12; --y: 8.106666666666667; --w: 8.55; --h: 1; --r: 0; --s: 1; --px: 0.5; --ta: left;" data-type="text"><div class="el_content"><p><u>WHAT WE KNOW</u></p></div></div><div class="element" style="--ts: 1.1; --f: VT323; --co: #050101; --x: 1.68; --y: 9.333333333333334; --w: 6.6; --h: 1; --r: 0; --s: 1; --bc: rgba(0,0,0,0); --ta: left;" data-type="text"><div class="el_content"><p>the only&nbsp; thing we know is that he is going insane and is in a mental hospital</p></div></div><div class="element" data-image="contain" style="--x: 0.29333333333333333; --y: 11.426666666666666; --w: 1; --h: 1; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" style="--x: 8.69333; --y: 7.97333; --w: 7.35; --h: 9.15; --r: 0; --s: 1; --bc: #c4c4c4; --boc: #919191; --bos: 0.06;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--ts: 1.3; --f: VT323; --co: #050101; --x: 8.746666666666666; --y: 8.066666666666666; --w: 7.1; --h: 1; --r: 0; --s: 1; --px: 0.5; --ta: right;" data-type="text"><div class="el_content"><p><u>DO NOT APPROACH</u></p></div></div><div class="element" style="--ts: 1.1; --f: VT323; --co: #050101; --x: 9.72; --y: 9.293333333333333; --w: 6.15; --h: 1; --r: 0; --s: 1; --bc: rgba(0,0,0,0); --ta: left;" data-type="text"><div class="el_content"><p>do you meet the criteria to interact with this person? no?...keep away at all costs!</p><p>(apart from a few exceptions)</p></div></div><div class="element" style="--ts: 1.3; --f: VT323; --co: #050101; --x: 8.813333333333333; --y: 12.906666666666666; --w: 7.1; --h: 1; --r: 0; --s: 1; --px: 0.5; --ta: left;" data-type="text"><div class="el_content"><p><u>BEFORE YOU FOLLOW</u></p></div></div><div class="element" style="--ts: 1.1; --f: VT323; --co: #050101; --x: 9.78667; --y: 14.0533; --w: 6.15; --h: 1; --r: 0; --s: 1; --bc: rgba(0,0,0,0); --ta: left;" data-type="text"><div class="el_content"><p>socials:</p><p>https://rb.gy/xczny9<br></p><p>https://rb.gy/w2374p<br></p><p><br></p><p><br></p></div></div><div class="element" style="--x: 0; --y: 13.2167; --w: 8.73; --h: 3.9; --r: 0; --s: 1; --boc: #919191; --bos: 0.06;" data-type="image"><img src="https://media0.giphy.com/media/ggR8oaGvhUbtndQSR4/giphy.gif?cid=446e6413xr4nwm3t40gx9tdxdy76tk16popwdkt9tv86703p&ep=v1_gifs_search&rid=giphy.gif&ct=g" draggable="false" loading="lazy"></div><div class="element" style="--ts: 1.5; --f: VT323; --co: #050101; --x: 0.008333333333333333; --y: 23.063333333333333; --w: 16; --h: 1.25; --r: 0; --s: 1; --bc: #ffffff; --boc: #919191; --bos: 0.07;" data-fun-markoui="normal" data-fun-text="before you leave!" data-type="text"><div class="el_content"><p>before you leave!</p></div></div><div class="element" style="--x: 0.0133333; --y: 24.3067; --w: 16; --h: 13.35; --r: 0; --s: 1; --bc: #c4c4c4; --boc: #919191; --bos: 0.06;" data-lock="true" data-type="shape"><div class="innerShape"><svg width="1200pt" height="1200pt" version="1.1" viewBox="109.19999694824219,121.19999694824219,970.7999877929688,970.7999877929688" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" style="--ns: 0;"><path xmlns="http://www.w3.org/2000/svg" d="m109.2 121.2h970.8v970.8h-970.8z"></path></svg></div></div><div class="element" style="--x: 4.1866666666666665; --y: 26.026666666666667; --w: 7.7; --h: 6.3; --r: 0; --s: 1; --co: #2866eb;" data-type="gimmick-canvas"><div class="innerCanvas"><div class="toolbox"><i class="fas fa-undo"></i><div class="canvSizing"><input type="range" min="2" max="12" step="2" value="4"></div><span class="canvCol"></span><input type="color" id="colpick"><label for="colpick" style="visibility: hidden; position:absolute"></label></div><div class="picasso"><canvas></canvas><div class="completionCasso"><button type="button">get your own drawings!</button></div></div><div class="sendPicasso"><button type="button">Send anonymously 🎨🤫</button></div></div></div><div class="element" style="--x: 3.3333333333333335; --y: 33.57333333333333; --w: 9.3; --h: 3; --r: 0; --s: 1; --co: #2866eb;" data-type="gimmick-ama"><div class="innerUhh"><div class="asker"><input type="text" placeholder="Ask me something!" maxlength="288"><div class="askExtra"><i class="fab fa-spotify"></i></div></div><div class="askerSend"><button type="button">Send anonymously ✍️🤫</button></div></div></div><a href="https://straw.page" target="_blank"><div class="element" style="--ts: 1.1; --f: VT323; --co: #ffffff; --x: 4.92; --y: 38.2; --w: 6.15; --h: 1; --r: 0; --s: 1; --bc: rgba(0,0,0,0); --ta: center;" data-link="https://straw.page" data-type="text"><div class="el_content"><p>Made by straw.page&nbsp;</p><p><br></p></div></div></a><div class="element" data-image="contain" style="--x: 13.04; --y: 27.706666666666667; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 0.84; --y: 25.426666666666666; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 1.52; --y: 30.746666666666666; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 12.6; --y: 30.733333333333334; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 13.466666666666667; --y: 32.666666666666664; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 13.72; --y: 33.16; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 14.106666666666667; --y: 33.733333333333334; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 14.493333333333334; --y: 34.25333333333333; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" data-image="contain" style="--x: 14.853333333333333; --y: 34.8; --w: 2; --h: 2; --r: 0; --s: 1;" data-type="image"><img src="https://media1.giphy.com/media/ihH80CKEmNG0Ady5wj/giphy.gif?cid=446e6413hm27iw9coeur4ctazj36hyxf73eltjkrprshdzb3&ep=v1_stickers_search&rid=giphy.gif&ct=s" draggable="false" loading="lazy"></div><div class="element" style="--ts: 1.1; --f: VT323; --co: #050101; --x: 4.44; --y: 0.9866666666666667; --w: 3.2; --h: 1; --r: 0; --s: 1; --px: 0.5; --ta: center;" data-type="text"><div class="el_content"><p>(｡◕‿◕｡)<br></p></div></div></div><div class="spotSearch"><i class="fas fa-times closer"></i><div class="innerSpotSearch"><div class="searchWrap"><i class="fas fa-search"></i><input type="text" placeholder="Search for a song to recommend!"></div><div class="spotResults"></div></div></div></div><a href="https://straw.page?ref=logo"><div class="branding"><img src="https://straw.page/mid-logo.png"><div class="brandingContent" style="display: none;"><p>Make your own StrawPage!</p></div></div></a><script>const debounce = (func, wait) => {	let timeout; return function executedFunction(...args) {	const later = () => { clearTimeout(timeout); func(...args);	};	clearTimeout(timeout);	timeout = setTimeout(later, wait); };	};	function formatPaint(){	var maxWindow = parseFloat($(".first").css("--mw"));	var currentWindow = $(window).width();	if(currentWindow < maxWindow){	var paintRatio = currentWindow/maxWindow;	$(".first svg,#drawing svg").each(function(){	var getOldS = parseFloat(1 - paintRatio);	$(this).css("--ns",getOldS);	});	} else {	$(".first svg,#drawing svg").css("--ns",0);	}	}	function makeGrid(){	var getSize = parseFloat($(".content").outerWidth())/16/16;	$(".first").css("--g",getSize);	gridSize = parseFloat($(".grid").css("--g"))*16;	gridDown = false;	gridSelected = false;	formatPaint();	}	makeGrid();	$(window).on("resize",function(){	makeGrid();	});	$('.spotSearch input').keyup(debounce(function(){	var getVal = $('.spotSearch input').val();	$.ajax({	url:"https://straw.page/power/spotify/search",	method:"GET",	data: {q: getVal},	success:function(data) {	$(".spotResults").empty();	for(var i=0;i<data.length;i++){	$(".spotResults").append(`<div class="spotItem"><img src="${data[i].album_image_url}"><div class="spotMeta" data-sound="${data[i].preview}"><h5>${data[i].name}</h5><p><i class="fab fa-spotify"></i>${data[i].artist_list}</p></div></div>`);	}	}	});	},500));	function calculateEditorHeight(){	var getScroll = $(document).scrollTop();	$(".content").css("height","");	var getHeight = $(".content")[0].scrollHeight;	var getWindowHeight = $(window).outerHeight();	/*$(".content").css("min-height",getHeight+((getWindowHeight/100)*75));*/	$(".content").css("height",getHeight+80);	$(document).scrollTop(getScroll);	}	calculateEditorHeight();	$(window).on('load',function(){	calculateEditorHeight();	if (typeof umami !== 'undefined') {	ok = umami;	}	});	$(document).on("mousemove touchmove",function(e){	var currentY = e.originalEvent.touches ? e.originalEvent.touches[0].pageY : e.pageY;	var currentX = e.originalEvent.touches ? e.originalEvent.touches[0].pageX : e.pageX;	$(".eyeball span").each(function(){	var standardR = parseFloat($(this).closest(".element").css("--r"));	var eye = $(this);	var eyeX = (eye.offset().left) + (eye.width() / 2);	var eyeY = (eye.offset().top) + (eye.height() / 2);	rad = Math.atan2(currentX - eyeX, currentY - eyeY);	rot = (rad * (180 / Math.PI) * -1) + 180;	rot-=standardR;	eye.css({	'-webkit-transform': 'rotate(' + rot + 'deg)',	'-moz-transform': 'rotate(' + rot + 'deg)',	'-ms-transform': 'rotate(' + rot + 'deg)',	'transform': 'rotate(' + rot + 'deg)'	});	});	});	if($(window).width() < 5){	$(".branding").mouseover(function(){$(".brandingContent").show(150)}).mouseleave(function(){$(".brandingContent").hide(150)});	}	var findr = ['Instagram','Snapchat','FB'];	function containsCheck(target, pattern){	var value = 0;	pattern.forEach(function(word){ value = value + target.includes(word);	});	return (value === 1)	}	if(containsCheck(navigator.userAgent, findr)){	$(".first").addClass("inst");	}</script><script src="https://straw.page/min/?g=main&n=34"></script><script>$(document).on("click",".element[data-type=gimmick-ama] button",function(){	var parentCanv = $(this).closest(".element");	var question = $(parentCanv).find("input").val();	var prompt = $(parentCanv).find(".asker input").attr("placeholder");	var music = {};	if(question.length < 1){	return;	}	if($(parentCanv).find(".askExtra img").length > 0){	music.album = $(parentCanv).find(".askExtra img").attr("src");	music.song = $(parentCanv).data("song");	music.artist = $(parentCanv).data("artist");	music.sound = $(parentCanv).data("sound");	}	$(parentCanv).addClass("doneArt");	$.ajax({	type: "POST",	url: "/gimmicks/ama",	data: {	q: question,	p: prompt,	m: music	},	success: function(response) {	ok.track("sent ama!");	$(parentCanv).find(".askerSend button").text("Sent! 😎");	}	});	});</script><script>var audioElements = {};	var spotEls = {};	$(document).on("click",".element[data-sound]",function(){	if($(this).data("type") == "spotify"){	$(this).toggleClass("playing");	if($(this).hasClass("playing")){	$(this).find(".imgWrap i").attr("class","fas fa-pause");	} else {	$(this).find(".imgWrap i").attr("class","fas fa-play");	}	}	var soundID = $(this).data("sound");	if (!audioElements[soundID]) {	audioElements[soundID] = new Audio(soundID);	}	var audio = audioElements[soundID];	if (audio.paused) {	audio.play();	} else {	audio.pause();	}	});	if($(".element[data-type=blog").length > 0){	$.ajax({	type: "GET",	url: "blog/fetch/posts",	success: function(data) {	if(data.length > 0){	for (item of data) {	switch(item['type']){	case "post":	$(".element[data-type=blog] .innerBlog").append(`<div class="post"><a href="${item.url}"><div class="innerPost">${item.content}<div class="meta"><p>~ ${item.published}</p></div></div></a></div>`);	break;	}	}	}	}	});	}	function isTouchDevice() { return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));	}	function startMajorityVoteTalk(){	$(".activeTalk").each(function(){	var talkCtx = this;	var getText = $(this).data("talk").trim();	$(this).text("");	$(this).closest(".element").addClass("disableTmp");	for(var i = 0; i < getText.length; i++) {	(function(index) {	setTimeout(function() {	$(talkCtx).append(getText[index]);	if (index === getText.length - 1) {	$(talkCtx).closest(".element").removeClass("disableTmp");	}	}, 20 * index);	})(i);	}	});	}	$(".element[data-type=majorityvote").each(function(){	$(this).find(".innerTalking p").eq(0).addClass("activeTalk");	startMajorityVoteTalk();	});	$(document).on("click",".innerTalking",function(){	var ctxTalk = $(this).find(".activeTalk");	var ctxScene = $(this).closest(".scene");	if($(ctxTalk).next("p").length > 0){	$(ctxTalk).empty();	$(ctxTalk).removeClass("activeTalk");	$(ctxTalk).next("p").addClass("activeTalk");	startMajorityVoteTalk();	} else {	if($(ctxScene).next(".scene").length>0){	$(ctxScene).next(".scene").addClass("active");	$(ctxScene).find(".activeTalk").removeClass("activeTalk");	$(ctxScene).removeClass("active");	$(ctxScene).next(".scene").find(".innerTalking p").eq(0).addClass("activeTalk");	startMajorityVoteTalk();	} else {	$(".activeTalk").removeClass("activeTalk");	$(this).closest(".element").find(".active").removeClass("active");	$(this).closest(".element").find(".scene").eq(0).addClass("active");	$(this).closest(".element").find(".scene.active .innerTalking p").eq(0).addClass("activeTalk");	startMajorityVoteTalk();	}	}	});	var amaCtx;	$(document).on("click",".spotItem",function(){	$(amaCtx).find("img").remove();	$(amaCtx).find(".askExtra").append(`<img src="${$(this).find("img").attr("src")}">`);	$(amaCtx).data("song",$(this).find("h5").text());	$(amaCtx).data("artist",$(this).find("p").text());	$(amaCtx).data("sound",$(this).find(".spotMeta").attr("data-sound"));	$(".spotSearch").removeClass("bringUp");	});	$(document).on("click",".askExtra",function(){	amaCtx = $(this).closest(".element");	$(".spotSearch").addClass("bringUp");	});	$(document).on("click",".spotSearch .closer",function(){	$(".spotSearch").removeClass("bringUp");	});	$(document).on("click",".element[data-scrollto]",function(e){	e.stopImmediatePropagation();	var getScrollID = $(this).data("scrollto").trim();	$('html, body').animate({	scrollTop: $(`.element[data-uid=${getScrollID}]`).offset().top	}, 400);	});</script><script type="text/javascript">
 var infolinks_pid = 3419647;
 var infolinks_wsid = 0;