<!doctype html>
<html>

<head>
	<!--should use the same as the default extension favicon-->
	<link id="gsFavicon" rel="icon" href="img/icon128-suspendy.png" />
	<link rel="stylesheet" type="text/css" href="css/suspended.css">
	<script type="text/javascript" src="js/suspended.js"></script>
	<title id="gsTitle" data-i18n="">Account Suspended</title>
	
	<style>
	    /*

                - - /|_/|      .-------------------.
  - _______________| @.@|     /      Styles by      )
-- (______         >\_C/< ---/       John4peace    /
  -  -   / ______  _/____)  (     @iamjohn4peace  /
 -  -   / /\ \   \ \         `-------------------'
   - (_/  \_) - \_)

*/
html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-size: 10px;
}
html {
    box-sizing: border-box;
    height: 100vh;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
body {
    min-height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
    font-size: 1.5rem;
    line-height: 1.5em;
    background: #fafafa;
    font-weight: 300;
    color: #444;
}
h1 {
    font-size: 26px;
    margin-bottom: 20px;
}
p {
    margin: 0 0 15px;
}
a {
    color: #3477db;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
a.active {
    cursor: default;
    color: #444;
    pointer-events: none;
}
body.suspended-page:not(.img-preview-mode) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.watermark {
    display: none; /* show only if not image preview mode */
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-weight: bold;
    color: #b6b6b6;
    cursor: pointer;
}
.suspended-page:not(.img-preview-mode) .watermark {
    display: block;
}
.gsTopBar {
    position: fixed;
    background: #fafafa;
    top: 0;
    padding: 30px 40px 20px;
    width: 100%;
    text-align: center;
}
.faviconWrap {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -1px;
    margin-right: 10px;
}
.dark .faviconWrapLowContrast {
    filter: invert(1) grayscale(1);
}
.gsTopBarImg {
    height: 16px;
    width: 16px;
}
.gsTopBarTitle {
    color: #444;
    font-size: 20px;
    cursor: default;
}
.gsTopBarUrl {
    color: #444;
    cursor: pointer;
}
.gsTopBarUrl,
.gsTopBarTitleWrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 8px;
}
.hideOverflow {
    overflow: hidden;
}
.gsPreview {
    width: 90%;
    margin: 30px auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.2s ease;
}
.gsPreview:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.dark .gsPreview {
    filter: brightness(70%);
    opacity: 0.7;
}
.dark .gsPreview:hover {
    opacity: 1;
}
.gsPreviewImg {
    display: block;
    max-width: 100%;
    margin: 0;
}
body.img-preview-mode .gsTopBar {
    position: relative;
}
.suspended-page {
    cursor: pointer;
}
.suspendedMsg {
    width: 100vw;
    height: 100vh;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.suspendedMsg img {
    margin: 0 0 30px 120px;
}
.suspendedMsg-instr {
    font-size: 20px;
}
.suspendedMsg-shortcut {
    font-size: 15px;
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #3477db;
    animation: spinner 0.6s linear infinite;
    z-index: 100;
}
#snoozySpinner.spinner:before {
    border: 2px solid transparent;
    border-right-color: #4a4a4a;
    border-top-color: #4a4a4a;
    animation: spinner 0.6s linear infinite;
    margin: 0;
    position: absolute;
    top: 49px;
    right: 7px;
    left: auto;
    width: 12px;
    height: 12px;
}
.suspendedTextWrap {
    height: 60px; /* stops slight jump when suspending */
}
.waking .suspendedTextWrap {
    opacity: 0;
}
@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

/* dark theme for night lurkers */
.dark,
.dark .gsTopBar,
.dark .suspendedMsg {
    background: #222;
}
.dark .suspendedMsg img {
    filter: brightness(150%);
}
.dark .gsTopBar,
.dark .gsTopBarTitle,
.dark .gsTopBar a,
.dark .suspendedMsg,
.dark .watermark {
    color: #b8b8b8;
}
.dark #setKeyboardShortcut {
    text-decoration: underline;
    color: #b8b8b8;
}

/* end suspended tab styles */

.toast-wrapper {
    display: none;
    text-align: center;
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fadeinout 4s linear forwards;
}
.toast-content {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fefefe;
    margin: auto;
    padding: 10px 20px 20px 20px;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.toast-content p {
    font-size: 16px;
}

@keyframes fadeinout {
    0%,
    100% {
        opacity: 0;
        visibility: hidden;
    }
    5%,
    90% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

	</style>
</head>

<body class="suspended-page">

	<!--<script type="text/html" id="previewTemplate">-->
	<!--	<div id="gsPreview" class="gsPreview">-->
	<!--		<img id="gsPreviewImg" class="gsPreviewImg" />-->
	<!--	</div>-->
	<!--</script>-->

	<!--<script type="text/html" id="donateTemplate">-->
	<!--	<link rel="stylesheet" type="text/css" href="css/donate.css">-->
	<!--	<img id="dudePopup" src="img/suspendy-guy.png">-->
	<!--	<div id="donateBubble" class="donateBubble">-->
	<!--		<p class="donate-text" data-i18n="__MSG_html_suspended_donation_question__"></p>-->
	<!--		<div id="donateButtons" class="donateButtons" />-->
	<!--	</div>-->
	<!--</script>-->

	<!--<script type="text/html" id="toastTemplate">-->
	<!--	<div class="toast-content">-->
	<!--		<h1 data-i18n="__MSG_html_suspended_toast_not_connected__"></h1>-->
	<!--		<p data-i18n="__MSG_html_suspended_toast_reload_disabled__"></p>-->
	<!--	</div>-->
	<!--</script>-->

	<!--<div id="gsTopBar" class="gsTopBar">-->
	<!--	<div id="gsTopBarTitleWrap" class="hideOverflow gsTopBarTitleWrap">-->
	<!--		<div id="faviconWrap" class="faviconWrap">-->
	<!--			<img id="gsTopBarImg" class="gsTopBarImg" />-->
	<!--		</div>-->
	<!--		<span id="gsTopBarTitle" class="gsTopBarTitle"></span>-->
	<!--	</div>-->
	<!--	<div class="hideOverflow">-->
	<!--		<a id="gsTopBarUrl" class="gsTopBarUrl"></a>-->
	<!--	</div>-->
	<!--</div>-->

	<div id="suspendedMsg" class="suspendedMsg">
		<div style="position: relative; padding-left: 120px;">
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="300"
     height="300"
     viewBox="0 0 300 300"
>
    <style type="text/css">
        #snoozy {
            fill: none;
        }

        #snoozy path, #snoozy rect, #mouth {
            stroke: #4a4a4a;
            stroke-width: 3;
            stroke-linecap: round;
        }

        #snoozy circle, #open-mouth {
            fill: #4a4a4a;
        }

        #mouth {
            transform: translate(0px,150px);
            fill: none;
            animation: mouth 6s linear infinite;
        }

        #zee1, #zee2, #zee3 {
            fill: #4a4a4a;
            stroke: #4a4a4a;
            stroke-width: 0;
            opacity: 0;
        }

        #zee1 {
            animation: snore1 6s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        }

        #zee2 {
            animation: snore2 6s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        }

        #zee3 {
            animation: snore3 6s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        }

        @keyframes mouth {
            0% {
                fill: #4a4a4a;
            }
            20% {
                fill: none;
            }
        }

        @keyframes snore1 {
            0% {
                transform: translate(100px,215px);
                opacity: 1;
            }
            80% {
                transform: translate(240px,145px) scale(6) rotate(13deg);
                stroke-width: 3;
                opacity: 0;
            }
        }

        @keyframes snore2 {
            0% {
                opacity: 0;
            }
            3% {
                transform: translate(100px,215px);
                opacity: 0;
            }
            4% {
                opacity: 1;
            }
            85% {
                transform: translate(235px,140px) scale(6) rotate(15deg);
                stroke-width: 3;
                opacity: 0;
            }
        }

        @keyframes snore3 {
            0% {
                opacity: 0;
            }
            7% {
                transform: translate(100px,215px);
                opacity: 0;
            }
            8% {
                opacity: 1;
            }
            90% {
                transform: translate(230px,135px) scale(6) rotate(17deg);
                stroke-width: 3;
                opacity: 0;
            }
        }
    </style>
    <defs>
        <path id="zee" opacity="inherit" stroke-width="inherit" d="m-3.43884,-4.09562c-0.76424,0 -1.31116,-0.41883 -1.31116,-1.20191c0,-0.69257 0.65617,-1.20247 1.31116,-1.20247l7.15856,0c0.96575,0 1.53028,0.5463 1.53028,1.31178c0,0.3642 -0.12748,0.7284 -0.3642,1.0562l-5.86502,8.1965l4.78997,0c0.72902,0 1.27476,0.41882 1.27476,1.1655c0,0.69201 -0.58276,1.23831 -1.27476,1.23831l-6.66684,0c-1.05564,0 -1.52909,-0.67378 -1.52909,-1.31116c0,-0.40065 0.16388,-0.85588 0.40003,-1.1655l5.82919,-8.08725l-5.28288,0z"/>
        <g id="snoozy">
            <rect rx="4" height="127" width="177" x="1.5" y="1.5" />
            <path d="m39.75007,57.0001c1.41334,4.02187 5.37168,6.03281 11.87504,6.03281c6.50335,0 10.4617,-2.01094 11.87504,-6.03281"/>
            <path d="m125.75001,57.0001c1.35383,4.02187 5.14551,6.03281 11.37505,6.03281c6.22954,0 10.02122,-2.01094 11.37505,-6.03281"/>
<!--
            <path d="m89.25006,67.25009c0.83312,3.33333 3.16645,5 7,5c3.83355,0 6.16688,-1.66667 7,-5" fill="#4a4a4a"/>
-->
            <path d="m1.5,23.25l177,0" stroke-linecap="square"/>
            <circle cx="38.5" cy="12.5" r="3.5"/>
            <circle cx="25.5" cy="12.5" r="3.5"/>
            <circle cx="12.5" cy="12.5" r="3.5"/>
        </g>
    </defs>
    <use xlink:href="#snoozy" x="0" y="150" />
    <path id="mouth" d="m89.25006,67.25009c0.83312,3.33333 3.16645,5 7,5c3.83355,0 6.16688,-1.66667 7,-5" />
<!--
    <path id="open-mouth" d="m104.0437,105.56258l-15.58758,0c-0.80417,0 -1.45612,0.5885 -1.45612,1.31439l0,1.40709c0,4.60404 4.14934,8.3497 9.25,8.3497c5.10028,0 9.25,-3.74566 9.25,-8.3497l0,-1.40709c0,-0.7259 -0.65195,-1.31439 -1.45631,-1.31439l0.00001,0z" />
-->
    <path id="zee1" d="m-3.43884,-4.09562c-0.76424,0 -1.31116,-0.41883 -1.31116,-1.20191c0,-0.69257 0.65617,-1.20247 1.31116,-1.20247l7.15856,0c0.96575,0 1.53028,0.5463 1.53028,1.31178c0,0.3642 -0.12748,0.7284 -0.3642,1.0562l-5.86502,8.1965l4.78997,0c0.72902,0 1.27476,0.41882 1.27476,1.1655c0,0.69201 -0.58276,1.23831 -1.27476,1.23831l-6.66684,0c-1.05564,0 -1.52909,-0.67378 -1.52909,-1.31116c0,-0.40065 0.16388,-0.85588 0.40003,-1.1655l5.82919,-8.08725l-5.28288,0z"/>
    <path id="zee2" d="m-3.43884,-4.09562c-0.76424,0 -1.31116,-0.41883 -1.31116,-1.20191c0,-0.69257 0.65617,-1.20247 1.31116,-1.20247l7.15856,0c0.96575,0 1.53028,0.5463 1.53028,1.31178c0,0.3642 -0.12748,0.7284 -0.3642,1.0562l-5.86502,8.1965l4.78997,0c0.72902,0 1.27476,0.41882 1.27476,1.1655c0,0.69201 -0.58276,1.23831 -1.27476,1.23831l-6.66684,0c-1.05564,0 -1.52909,-0.67378 -1.52909,-1.31116c0,-0.40065 0.16388,-0.85588 0.40003,-1.1655l5.82919,-8.08725l-5.28288,0z"/>
    <path id="zee3" d="m-3.43884,-4.09562c-0.76424,0 -1.31116,-0.41883 -1.31116,-1.20191c0,-0.69257 0.65617,-1.20247 1.31116,-1.20247l7.15856,0c0.96575,0 1.53028,0.5463 1.53028,1.31178c0,0.3642 -0.12748,0.7284 -0.3642,1.0562l-5.86502,8.1965l4.78997,0c0.72902,0 1.27476,0.41882 1.27476,1.1655c0,0.69201 -0.58276,1.23831 -1.27476,1.23831l-6.66684,0c-1.05564,0 -1.52909,-0.67378 -1.52909,-1.31116c0,-0.40065 0.16388,-0.85588 0.40003,-1.1655l5.82919,-8.08725l-5.28288,0z"/>
<!--
    <use xlink:href="#zee" id="zee1" />
    <use xlink:href="#zee" class="zee1" x="100" y="215" />
    <use xlink:href="#zee" id="zee2" x="100" y="215" />
-->
    <!--<use xlink:href="#zee" x="120" y="205" />-->
<!--
    <animate
        xlink:href="#zee2"
        attributeName="opacity"
        attributeType="css"
        dur="6s"
        repeatCount="indefinite"
        values="1; 0"
        keyTimes="0; 1"
        calcMode="spline"
        keySplines="0.165 0.84 0.44 1;"
    />
    <animateTransform
        xlink:href="#zee2"
        attributeName="transform"
        attributeType="XML"
        type="translate"
        from="0 0"
        to="140 -40"
        dur="6s"
        repeatCount="indefinite"
        values="1; 0"
        keyTimes="0; 1"
        calcMode="spline"
        keySplines="0.165 0.84 0.44 1;"
    />
-->
</svg>
      <div id="snoozySpinner"></div>
		</div>
		<div class="suspendedTextWrap">
			<div class="suspendedMsg-instr">
				<span data-i18n="__MSG_html_suspended_click_to_reload__">The web hosting account associated with this website has been suspended.</span>
			</div>
			<div class="suspendedMsg-shortcut">
				<span id="hotkeyCommand"></span>
			</div>
		</div>
	</div>
	<div class="watermark">
	Powered by GoltStudios
	</div>

	<div id="refreshSpinner"></div>

</body>

</html>