<html> <head> <script type='text/javascript' src='js/jquery-1.4.1.min.js'></script> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Dabox</title> <script type='application/ld+json'> { '@context': 'http://schema.org/', '@type': 'Review', 'itemReviewed': { '@type': 'Website', 'name': 'Dabox!' }, 'author': { '@type': 'Person', 'name': 'Henrijoh' }, 'reviewRating': { '@type': 'Rating', 'ratingValue': '8', 'bestRating': '10' }, 'publisher': { '@type': 'Organization', 'name': 'Washington Times' } } </script> <link rel='icon' href='10050.ico'> <meta name='description' content='Dabox is a free social network. You can post what your doing, what you will be doing or what you've done.' /> <meta name='google-site-verification' content='fkKefCVAElSaGtNhr3Ft248yNIy8vLeP9-g8q7j_y8U' /> <script type='text/javascript'> window.addEventListener('beforeunload', function () { document.body.classList.add('animate-out'); }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TBLHQPG');</script> <!-- End Google Tag Manager --> <style> .animate-in { -webkit-animation: fadeIn .5s ease-in; animation: fadeIn .5s ease-in; } .animate-out { -webkit-transition: opacity .1s; transition: opacity .1s; opacity: 0; } @-webkit-keyframes fadeIn { from { left: 100000000;opacity: 0; } to { left: 0;opacity: 1; } } @keyframes fadeIn { from { left: 100000000;opacity: 0; } to { left: 0;opacity: 1; } } .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } @font-face { font-family: Adobe Gothic Std; src: url('AdobeGothicStd-Bold.otf'); } * { margin: 0px; padding: 0px; font-family: Adobe Gothic Std; } .headerMenu { background: linear-gradient(green, #004c00); height : 60px; margin-left : 15%; width : 100%; box-shadow: 10px 10px 5px grey; } #wrapper { background: linear-gradient(green, #004c00); margin-left : auto; margin-right : auto; width : 100%; padding-top : 0; padding-bottom : 0; height:60px; } .logo { background: linear-gradient(green, #004c00); width : 125px; height : 59px; } .logo img { background: linear-gradient(green, #004c00); height : 59px; } .logo a { background: linear-gradient(green, #004c00); } @media screen and (max-width: 50000px){ #menu { background: linear-gradient(green, #004c00); position: absolute; top : 0; right : 5px; height : 40px; padding-top : 19px; margin-right : 4%; } } @media screen and (min-width: 50000px){ #menu { background-image: url(../img/menu_bg.png); } } #menu a { color: white; text-decoration : none; font-size : 14px; background: linear-gradient(green, #004c00); background-repeat : no-repeat; padding-top : 27px; padding-bottom : 20px; padding-left : 15px; padding-right : 15px; } #menu a:hover { } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute; width: 300px; border: 3px solid #73AD21; padding: 10px; } .dropdown-content2 { display: none; position: absolute; right: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute; width: 300px; } .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropdown-content2 { display: block; } .desc { padding: 15px; text-align: center; } #youbar { background-color: green; height : 62px; border-bottom : 0; width : 100%; } .img-circle { border-radius: 50%; } .texttop h1 { vertical-align:text-top; } input[type=text] { width: 25%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; } .a { font-size: 31px; decoration: none; background: grey; } #search { height: 10px; display: inline-block; position: absolute; top: 15px; width: 15%; left: 25%; background-color: white; background-image: url('searchicon.png'); background-position: 10px 5px; background-repeat: no-repeat; } input[type=text] { width: 215px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } input[type=password] { width: 215px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .email input[type=text] { width: 433px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } input[type=submit] { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-decoration: none; display: inline-block; cursor: pointer; } input[type=submit]:hover { background: linear-gradient(#4CAF50, #003400); } .one { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.0s; animation: dot 1.3s infinite; animation-delay: 0.0s; } .two { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.2s; animation: dot 1.3s infinite; animation-delay: 0.2s; } .three { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.3s; animation: dot 1.3s infinite; animation-delay: 0.3s; } @-webkit-keyframes dot { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes dot { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } #box { height: 100%; } </style> <center> <div id="box"> <img style='padding-top:12%;' src='logo.png' width='250px'> <body> <div class='animate-in'> <h1>Dabox Is Dead!</h1> <p>The team at dabox have desided its time.</br>Press F to pay repsects</p> </div> </body> </div> <script> function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } setInterval(function() { var element = document.getElementById("box"); //generate random red, green and blue intensity var r = getRandomInt(0, 255); var g = getRandomInt(0, 255); var b = getRandomInt(0, 255); element.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")"; }, 1500); </script>