|
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!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>
|