ExMods
/
html-site

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta name="theme-color" content="#fdce72" />
    <meta name="author" content="NGnius" />
    <meta name="keywords" content="pixi,exmods,gamecraft,modding,mod" />
    <meta name="og:type" content="website" />
    <meta name="og:title" content="Pixi" />
    <meta name="og:description" content="Pixi mod for Gamecraft" />
    <meta name="description" content="Pixi mod for Gamecraft" />
    <meta name="og:image" content="../../mods/Pixi/pixi-logo.png" />
    <meta name="og:url" content="https://www.exmods.org/mods/Pixi" />
    <meta charset="UTF-8" />
    <link rel="icon" href="../../mods/Pixi/pixi-logo.png" type="image/x-icon"/>
    <link rel="shortcut icon" href="../../mods/Pixi/pixi-logo.png" type="image/x-icon"/>
    <!--<link rel="stylesheet" href="../../mods/Pixi/style.css" type="text/css" />-->
    <style type="text/css" style="display: none;" rel="stylesheet">
    body {text-align: left; background-color: #8a704e; animation-name: background-fade-in; animation-duration: 3s;}
    footer {text-align: right; width: 96%; border: 4px; border-style: solid; border-color: #fdce72; padding: 0.5%; padding-left: 1%; padding-right: 1%; margin-left: 1%; margin-right: 1%; background-color: #d98c61; animation-name: foreground-fade-in; animation-duration: 3s;}
    .content-wrapper {width: 96%; padding: 1%; margin: -1% 1% -1.5% 1%; border:0px; border-left: 4px; border-right: 4px; border-style: solid; border-color: #fdce72; background-color: #d98c61; animation-name: foreground-fade-in; animation-duration: 3s;}
    .content-title {text-align: center; font-size: 120%;}
    .content-text {}
    /* I feel like a kid messing around with Flash animations */
    @keyframes background-fade-in { from {background-color: #d98c61;} to {background-color: #8a704e;}}
    @keyframes foreground-fade-in { from {background-color: #8a704e; border-color: #8a704e;} to {background-color: #d98c61; border-color: #fdce72;}}
    @keyframes swoop { from {bottom: 0;} to {bottom: 110%;}}
    </style>
    <title>Pixi</title>
  </head>
  <body>
    <div class="content-wrapper">
        <div class="content-title">
            <h1>Page Title</h1>
            <h5>Brief page description or flavour text.</h5>
        </div>
    </div>
    <div class="content-wrapper">
        <div class="text-embiggening">
            <p>Pixi information goes here.
            For now, this is just useless text that I spent a bit too much time typing out.
            Once, there was a young swallow-tail butterfly named Bob.
            Bob was a cool butterfly, until one day some guy came after him.
            The guy was well-known in the modding community for making cool mods that involved snakes and termites (terminals?).
            The guy wanted to make a logo, so he ripped Bob's wings off and used the wings to create the logo for Pixi.
            Pixi is a Gamecraft mod for converting a variety of stuff into Gamecraft blocks.
            And thus Pixi was born, amen.
            </p>
        </div>
    </div>
    <footer>
        exmods.org|<a href="https://git.exmods.org/ExMods/html-site">Site Repository</a>|<a href="https://exmods.org">Home</a>|<a href="https://discord.gg/2CtWzZT">Discord</a>|<a href="https://twitter.com/GamecraftMods">Twitter</a>
    </footer>
    <div style="position: relative; animation-name: swoop; animation-duration: 5s; bottom: 115%; text-align: center;">
     Fly, pixi, fly!
    </div>
  </body>
</html>