Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html class="sl-theme-dark">
- <link>
- <title>AeolusDeveloper</title>
- <meta name="title" content="AeolusDeveloper">
- <meta name="description" content="The home page of AeolusDev Website">
- <meta name="keywords" content="aeolusdev, aeolusdeveloper, discord, captaincool6333, autocode">
- <meta name="robots" content="index, follow">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="language" content="English">
- <meta name="revisit-after" content="7 days">
- <meta name="author" content="AeolusDeveloper">
- <meta name="msapplication-TileColor" content="#ffffff">
- <meta name="msapplication-TileImage" content="./images/ms-icon-144x144.png">
- <meta name="theme-color" content="#ffffff">
- <link rel="apple-touch-icon" sizes="57x57" href="./images/apple-icon-57x57.png">
- <link rel="apple-touch-icon" sizes="60x60" href="./images/apple-icon-60x60.png">
- <link rel="apple-touch-icon" sizes="72x72" href="./images/apple-icon-72x72.png">
- <link rel="apple-touch-icon" sizes="76x76" href="./images/apple-icon-76x76.png">
- <link rel="apple-touch-icon" sizes="114x114" href="./images/apple-icon-114x114.png">
- <link rel="apple-touch-icon" sizes="120x120" href="./images/apple-icon-120x120.png">
- <link rel="apple-touch-icon" sizes="144x144" href="./images/apple-icon-144x144.png">
- <link rel="apple-touch-icon" sizes="152x152" href="./images/apple-icon-152x152.png">
- <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-icon-180x180.png">
- <link rel="icon" type="image/png" sizes="192x192" href="./images/android-icon-192x192.png">
- <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="96x96" href="./images/favicon-96x96.png">
- <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png">
- <link rel="manifest" href="./images/manifest.json">
- <link rel="icon" href="./images/logo.png">
- <link href="./css/index.css" rel="stylesheet"></link>
- <link href="./output.css" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/themes/dark.css" />
- <style type="text/css">span.iconify, i.iconify, iconify-icon { display: inline-block; width: 1em; }</style>
- <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
- <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/shoelace-autoloader.js"></script>
- <script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
- <script src="https://code.iconify.design/iconify-icon/1.0.2/iconify-icon.min.js"></script>
- <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
- <script type="module">
- import { registerIconLibrary } from 'https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.11.2/cdn/utilities/icon-library.js';
- registerIconLibrary('aeolus-icons', {
- resolver: name => './images/autocode.svg',
- mutator: svg => svg.setAttribute('fill', 'currentColor')
- });
- </script>
- </head>
- <body>
- <script>NekoType="fancy"</script>
- <script>
- AOS.init();
- </script>
- <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
- <div class="popup-virtual-element">
- <sl-popup placement="right-start">
- <div class="circle border-indigo-950"></div>
- </sl-popup>
- </div>
- <section class="hero">
- <div class="box-border h-32 w-32 font-extrabold absolute">
- <span class="text-9xl bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500" style="z-index: 14; inset: 250px 500px 250px 350px; position: relative;">
- AeolusDev
- </span>
- <a href="https://x.com/captaincool6333" style="z-index: 17; left: 920px; top: 249px; position: relative;">
- <sl-tooltip content="Twitter/X" hoist>
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="twitter-x" style="position: relative; top: 22px;"></sl-icon>
- </div>
- </sl-tooltip>
- </a>
- <a href="https://github.com/AeolusDev" style="position: relative; left: 500px; top: 185px; z-index: 16;">
- <sl-tooltip content="Github">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="github" style="position: relative; top: 22px;"></sl-icon>
- </div>
- </sl-tooltip>
- </a>
- <a href="https://anilist.co/user/demonkingofweebs/" style="z-index: 17; left: 640px; top: 120px; position: relative;">
- <sl-tooltip content="Anilist">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <iconify-icon icon="simple-icons:anilist" style="size: 16px; position: relative; top: 22px;"></iconify-icon>
- </div>
- </sl-tooltip>
- </a>
- <a href="https://discord.com/users/596293027627270155" style="z-index: 16; left: 780px; top: 56px; position: relative;">
- <sl-tooltip content="Discord">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="discord" style="size: 16px; position: relative; top: 22px;"></sl-icon>
- </div>
- </sl-tooltip>
- </a>
- <a href="https://autocode.com/captaincool6333" style="position: relative; z-index: 16; left: 360px; top: -8px;">
- <sl-tooltip content="Autocode">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <img src="./images/autocode.png" style="size: 5px; position: relative; top: 25px; width: 20px; height: 16px; left: 22px;">
- </div>
- </sl-tooltip>
- </a>
- </div>
- <div class="navbar" style="width: fit-content; z-index:16; height: 250px; top: 240px; left: 10px; position: absolute;">
- <a href="#" >
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="house" style="font-size: 25px; position: relative; top: 20px; left: 0px;"></sl-icon>
- </div>
- </a>
- <a href="#about" style="top: 70px; position:absolute;">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="person-fill" style="font-size: 25px; position: relative; top: 20px; left: 0px;"></sl-icon>
- </div>
- </a>
- <a href="#projects" style="top: 140px; position:absolute;">
- <div class="size-16 text-center rounded-full shadow-2xl backdrop-blur-xl bg-gray-400/10 ">
- <sl-icon name="braces" style="font-size: 25px; position: relative; top: 20px; left: 0px;"></sl-icon>
- </div>
- </a>
- </div>
- <span class="quoteField text-center z-16 text-2xl" style="width: 1000px; height: fit-content;"></span>
- <canvas class="background"></canvas>
- </section>
- <section class="about" data-aos="fade-up">
- <div class="abt_title bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500 z-20">
- ABOUT
- </div>
- <img class="logo rounded-full absolute pl-8 z-10" src="./images/favicon-96x96.png">
- </section>
- <script src="https://d23jutsnau9x47.cloudfront.net/back/v1.0.9/viewer.js" data-option="{|environment|:{|gradient|:|horizontal|,|sensitivity|:1,|colorStart|:[50,22,103,1],|colorEnd|:[20,86,205,1]},|particle|:{|life|:5,|power|:0.029,|texture|:|https://res.cloudinary.com/naker-io/image/upload/v1566560053/star_08.png|,|number|:1510,|colorStart|:[116,129,92,0.13],|colorEnd|:[198,188,107,0.52],|sizeStart|:0.8,|sizeEnd|:1.6,|direction1|:{|x|:100,|y|:0,|z|:0},|direction2|:{|x|:0,|y|:0,|z|:0}},|waterMark|:false}" data-container=".about"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js"></script>
- <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
- <script src="./js/index.js"></script>
- <script type="module" src="./js/quotesgen.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement