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: clamp(100px, 96%, 1600px); border: 4px; border-style: solid; border-color: #d98c61; margin: auto; background-color: #ffd072; animation-name: foreground-fade-in; animation-duration: 3s;}
    .content-wrapper {width: clamp(100px, 96%, 1600px); padding: 0; margin: auto; border:0px; border-left: 4px; border-right: 4px; border-style: solid; border-color: #d98c61; background-color: #ffd072; animation-name: foreground-fade-in; animation-duration: 3s;}
    .content-title {text-align: center; font-size: 400%; font-weight: bold; padding-top: 1%;}
    .content-subtitle {text-align: center; font-size: 150%; vertical-align: middle;}
    .content-header {text-align: left; padding-left: 12%; font-size: 200%; vertical-align: middle; font-weight: bold;}
    .content-img-header {text-align: left; padding-left: 12%; padding-bottom: 2%; margin-top: -5%; font-size: 250%; vertical-align: middle; font-weight: bold;}
    .content-text {padding: 1%; line-height: 142%;}
    .tab { margin-left: 40px; }
    /* 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: #ffd072; border-color: #d98c61;}}
    @keyframes swoop { from {bottom: -50%;} to {bottom: 110%;}}
    </style>
    <title>Pixi</title>
  </head>
  <body>
    <div class="content-wrapper">
        <div class="content-title">
            <div style="text-align: center;">
                <img src="../../mods/Pixi/pixi-logo.png" width="8%" style="vertical-align: middle;" />
                <span style="vertical-align: middle;">Title</span>
                <img src="../../mods/Pixi/pixi-logo.png" width="8%" style="vertical-align: middle; -webkit-transform: scaleX(-1); transform: scaleX(-1);" />
            </div>
        </div>
        <div class="content-subtitle">
            <span>Page description or flavour text.</span>
        </div>
        <div class="content-text">
            <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>
        <div style="padding: 0.5%; padding-left: 1%; padding-right: 1%;">
        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>
        </div>
    </footer>
    <div style="position: relative; animation-name: swoop; animation-duration: 0.5s; bottom: 115%; text-align: center;">
     Fly, pixi, fly!
    </div>
  </body>
</html>