Browse Source

Create pixi template

master
NGnius 4 years ago
parent
commit
6b58e05e5b
2 changed files with 82 additions and 70 deletions
  1. +41
    -35
      site/mods/Pixi/index.html
  2. +41
    -35
      site/mods/Pixi/template.html

+ 41
- 35
site/mods/Pixi/index.html View File

@@ -2,51 +2,57 @@

<html lang="en">
<head>
<meta name="theme-color" content="#20c420" />
<meta name="author" content="Exmods community" />
<meta name="keywords" content="exmods,gamecraft,modding,mod" />
<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="Exmods" />
<meta name="og:description" content="Gamecraft modding website" />
<meta name="description" content="Gamecraft modding website" />
<meta name="og:image" content="../../static/favicon.png" />
<meta name="og:url" content="https://www.exmods.org" />
<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="../../static/favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="../../static/favicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="../../static/style.css" type="text/css" />
<title>Exmods</title>
<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 style="background-color: #404040; color: #20c420;">
<h1>Page Title</h1>
<h5>Brief page description or flavour text.</h5>
<div style="margin-left:1.5%;">
<div style="width:49.5%; text-align:center;" class="inline link">
<a href="../../guides/install.html">
<div class="text-content">
<img src="../../static/favicon.png" alt="Exmods Logo" width="12%"/>
<h3 class="link">Link 1</h3>
<p class="link">
Text describing Link 1.
</p>
<body>
<div class="content-wrapper">
<div class="content-title">
<h1>Page Title</h1>
<h5>Brief page description or flavour text.</h5>
</div>
</a>
</div>

<div style="width:49.5%; text-align:center;" class="inline link">
<a href="../../guides/first.html">
<div class="text-content">
<img src="../../static/commands-logo.png" alt="Terminal Prompt Logo" width="12%"/>
<h3 class="link">Link 2</h3>
<p class="link">
Text describing Link 2.
<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>
</a>
</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>

+ 41
- 35
site/mods/Pixi/template.html View File

@@ -2,51 +2,57 @@

<html lang="en">
<head>
<meta name="theme-color" content="#20c420" />
<meta name="author" content="Exmods community" />
<meta name="keywords" content="exmods,gamecraft,modding,mod" />
<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="Exmods" />
<meta name="og:description" content="Gamecraft modding website" />
<meta name="description" content="Gamecraft modding website" />
<meta name="og:image" content="../../static/favicon.png" />
<meta name="og:url" content="https://www.exmods.org" />
<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="../../static/favicon.png" type="image/x-icon"/>
<link rel="shortcut icon" href="../../static/favicon.png" type="image/x-icon"/>
<link rel="stylesheet" href="../../static/style.css" type="text/css" />
<title>Exmods</title>
<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 style="background-color: #404040; color: #20c420;">
<h1>Page Title</h1>
<h5>Brief page description or flavour text.</h5>
<div style="margin-left:1.5%;">
<div style="width:49.5%; text-align:center;" class="inline link">
<a href="../../guides/install.html">
<div class="text-content">
<img src="../../static/favicon.png" alt="Exmods Logo" width="12%"/>
<h3 class="link">Link 1</h3>
<p class="link">
Text describing Link 1.
</p>
<body>
<div class="content-wrapper">
<div class="content-title">
<h1>Page Title</h1>
<h5>Brief page description or flavour text.</h5>
</div>
</a>
</div>

<div style="width:49.5%; text-align:center;" class="inline link">
<a href="../../guides/first.html">
<div class="text-content">
<img src="../../static/commands-logo.png" alt="Terminal Prompt Logo" width="12%"/>
<h3 class="link">Link 2</h3>
<p class="link">
Text describing Link 2.
<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>
</a>
</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>

Loading…
Cancel
Save