Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    message (3)

    Uploaded by

    agytisztitas

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    message (3)

    Uploaded by

    agytisztitas
    4 views4 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    4 views4 pages

    message (3)

    Uploaded by

    agytisztitas

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    You are on page 1of 4

    <html>

    <head>

    <script src="../kit.fontawesome.com/6f8abaa287.js"
    crossorigin="anonymous"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>/quh</title>

    <meta name="description" content="quh">

    <link rel="icon" type="image/x-icon"


    href="https://cdn.discordapp.com/attachments/1255692212717752513/129968708996877519
    9/furryava.png?
    ex=67220fed&is=6720be6d&hm=7ad8c6e2ba35d32772eb4e26e9feb322fffcc71bcd25799564608ae6
    cae381f6&">

    </head>
    <body>

    <a onclick="enterportal()"id="enter-portal">click to begin...</a>

    <div id="body-div">
    <div style="width:95%;">
    <div class="socials-div">
    <a id="icons" href="https://discord.dog/1300536958669291593"
    target="_blank"> <img src="./toolz/discord.png" height="65" width="65">

    </div>
    </div>
    <div class="socials-div-mobile">

    </div>
    </div>
    <script>
    function enterportal(){
    var audio = new Audio('');
    audio.play();
    document.getElementById('body-div').style.display = "inline-block"
    document.getElementById('enter-portal').style.display = "none";
    }
    </script>
    </body>
    <style>

    body{
    background: black;
    }
    #body-div{
    display: none;
    animation-name: fade;
    animation-duration: 6s;

    }
    .ray{
    color: aliceblue;
    position: absolute;
    margin-top: 350px;
    margin-bottom: 1000px;
    margin-left: 985px;
    margin-left: 1000x;
    }

    #enter-portal{
    color:white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    text-shadow: 0px 0px 10px white;
    display: inline-block;
    font-size: 20px;

    }
    #enter-portal:hover{
    cursor: pointer;
    }
    #background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    }
    .socials-div{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    background: transparent;
    box-shadow: 0px 0px 10px 10px black;
    padding: 20px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.8);
    animation: bordercolor infinite;
    animation-duration: 10s;
    }
    .socials-div-mobile{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -10%);
    text-align: center;
    z-index: 2;
    padding: 10px;
    display: none;
    background: transparent;
    box-shadow: 0px 0px 10px 10px black;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.8);
    animation: bordercolor infinite;
    animation-duration: 10s;

    }
    a{
    color:white;
    font-size: 60px;
    margin-left: 20px;
    transition: ease-out .01s;
    z-index: 2;
    background: transparent;
    }

    i:hover{
    transform: scale(1.07);
    transition: ease-in .01s;
    cursor: pointer;
    }
    @keyframes fade{
    0% {opacity: 0%;}
    100% {opacity: 100%;}
    }
    @keyframes bordercolor{
    100%{box-shadow: 0px 0px 10px 5px rgb(0, 171, 255);}
    }
    @keyframes iconcolor{
    100%{text-shadow: 0px 0px 10px rgb(84, 11, 255);}
    }

    @media (min-width: 100px) and (max-width: 924px) {


    #background-video{
    display: none;
    }
    body{
    background: black;
    }
    .socials-div-mobile{
    display: inline-block;
    box-shadow: 0px 0px 10px 10px #121212;
    }
    i{
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px red;
    animation: iconcolor infinite forwards;
    animation-duration: 10s;
    }
    .socials-div{
    display: none;
    }
    a{
    margin-left: 0px;
    }

    }
    </style>

    </html>

    You might also like