Browse Source

Overhaul front page for link to mod pages

master
NGnius 4 years ago
parent
commit
97eb06e5b8
10 changed files with 280 additions and 18 deletions
  1. +81
    -8
      site/index.html
  2. +52
    -0
      site/mods/Pixi/index.html
  3. BIN
      site/mods/Pixi/pixi-logo.png
  4. +52
    -0
      site/mods/Pixi/template.html
  5. +49
    -0
      site/mods/index.html
  6. BIN
      site/static/commands-logo.png
  7. BIN
      site/static/discord-logo.png
  8. BIN
      site/static/gitea-logo.png
  9. +11
    -2
      site/static/style.css
  10. +35
    -8
      site/template.html

+ 81
- 8
site/index.html View File

@@ -9,18 +9,91 @@
<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:image" content="./static/favicon.png" />
<meta name="og:url" content="https://www.exmods.org" />
<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="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>
</head>
<body style="background-color: #404040; color: #20c420;">
<h1 style="text-align: center; padding-top: 15%; color: #20c420;">Welcome to the Exmods mod site</h1>
<h3 style="text-align: center; color: #20c420;">This domain is under construction, please check back (much) later</h3>
<h5 style="text-align: center; color: #20c420;"><a style="text-decoration:none; color: #208020;" href="https://git.exmods.org">View our code site</a> or <a style="text-decoration:none; color: #208020;" href="https://git.exmods.org/exmods/html-site">build this site with us</a>.</h5>
<h5 style="text-align: center; color: #20c420;"><a style="text-decoration:none; color: #208020;" href="/guides">Guides!</a>
<a style="text-decoration:none; color: #208020;" href="/blog">Blog!</a></h5>
<h1>Welcome to the unofficial Gamecraft mod site</h1>
<h5>This site is run and maintained by Exmods, the Gamecraft modding group. We're big, nerdy fans of Gamecraft but we're not a part of FreeJam and we're definitely not Gamecraft developers.</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">Quick Start Guide</h3>
<p class="link">
Want to install a mod? Get a modded instance of Gamecraft up and running in just a few minutes. Follow the video or text guide.
</p>
</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">Dev Guide</h3>
<p class="link">
Want to make your own mod? With the video or text guide, you can learn how to write your own mod in C# using the GamecraftModdingAPI.
</p>
</div>
</a>
</div>

<div style="width:49.5%; text-align:center;" class="inline link">
<a href="/blog">
<div class="text-content">
<img src="static/favicon.png" alt="Exmods Logo" width="12%"/>
<h3 class="link">Exmods Blog</h3>
<p class="link">
Follow Exmods's efforts in developing mods and modding tools for Gamecraft by reading this blog written by NGnius, the founding member of Exmods.
</p>
</div>
</a>
</div>

<div style="width:49.5%; text-align:center;" class="inline link">
<a href="/mods">
<div class="text-content">
<img src="static/favicon.png" alt="" width="12%"/>
<h3 class="link">Mods</h3>
<p class="link">
View a list of popular mods with links to their information and documentation. This list features Pixi and the GamecraftModdingAPI, among others.
</p>
</div>
</a>
</div>

<div style="width:49.5%; text-align:center;" class="inline link">
<a href="https://git.exmods.org">
<div class="text-content">
<img src="static/gitea-logo.png" alt="Gitea Logo" width="12%"/>
<h3 class="link">Code Repository</h3>
<p class="link">
Access the Exmods-hosted code repository for Gamecraft mods. This stores the source code for many Gamecraft mods as well as downloads and development tools.
</p>
</div>
</a>
</div>
<div style="width:49.5%; text-align:center;" class="inline link">
<a href="https://discord.exmods.org">
<div class="text-content">
<img src="static/discord-logo.png" alt="Discord Logo" width="12%"/>
<h3 class="link">Discord Server</h3>
<p class="link">
Join the official Exmods Discord server to chat with fellow modding aficionados. Many mod developers are also there to provide technical support for mods.
</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>
</body>
</html>

+ 52
- 0
site/mods/Pixi/index.html View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>

<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="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 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>
</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>
</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.
</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>
</body>
</html>

BIN
site/mods/Pixi/pixi-logo.png View File

Before After
Width: 290  |  Height: 290  |  Size: 19KB

+ 52
- 0
site/mods/Pixi/template.html View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>

<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="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 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>
</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>
</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.
</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>
</body>
</html>

+ 49
- 0
site/mods/index.html View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>

<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="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 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>
</head>
<body>
<h2>Page Title</h2>
<ul>
<a href="../mods/Pixi/index.html">
<li>
<div><img src="../mods/Pixi/pixi-logo.png" width="4%" style="vertical-align: middle;" /> <span class="title" style="font-size:200%; vertical-align: middle; margin-left: 1%;">Pixi</span></div>
<p>Magically import images and more into Gamecraft as blocks. Developed by NGnius with community contributions.
</p>
</li>
</a>
<a href="https://api.exmods.org">
<li>
<div><img src="../static/favicon.png" width="4%" style="vertical-align: middle;" /> <span class="title" style="font-size:200%; vertical-align: middle; margin-left: 1%;">GamecraftModdingAPI</span></div>
<p>Documentation about the stable modding interface between Gamecraft and mods. Developed by Exmods for public use.
</p>
</li>
</a>
<a href="#" style="display:none;">
<li>
<div><img src="" width="4%" style="vertical-align: middle;" /> <span class="title" style="font-size:200%; vertical-align: middle; margin-left: 1%;">Title</span></div>
<p>Description.
</p>
</li>
</a>
</ul>
<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>
</body>
</html>

BIN
site/static/commands-logo.png View File

Before After
Width: 128  |  Height: 128  |  Size: 2.8KB

BIN
site/static/discord-logo.png View File

Before After
Width: 245  |  Height: 240  |  Size: 1.5KB

BIN
site/static/gitea-logo.png View File

Before After
Width: 512  |  Height: 512  |  Size: 19KB

+ 11
- 2
site/static/style.css View File

@@ -32,6 +32,11 @@ a {
color: #208020;
}

.link {
text-decoration:none solid #20c420;
color: #208020;
}

ul {
text-align: left;
padding-left: 5%;
@@ -45,6 +50,10 @@ span {
display: inline-block;
}

.inline {
display: inline-block;
}

iframe.iframe-player {
display: block;
text-align: center;
@@ -58,7 +67,7 @@ iframe.iframe-player {
font-size: 101%;
display: inline-block;
color: #202020;
background-color: #D8DFD8;
background-color: #D8F0D8;/*#D8DFD8;*/
padding: 0.5%;
padding-left: 1%;
padding-right: 1%;
@@ -76,7 +85,7 @@ iframe.iframe-player {

footer {
width: 92%;
background-color: #D8DFD8;
background-color: #D8F0D8;
padding: 0.5%;
padding-left: 1%;
padding-right: 1%;


+ 35
- 8
site/template.html View File

@@ -9,17 +9,44 @@
<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:image" content="./static/favicon.png" />
<meta name="og:url" content="https://www.exmods.org" />
<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" />
<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>
</head>
<body>
<h1>Welcome to the Exmods mod site</h1>
<h3>This domain is under construction, please check back (much) later</h3>
<h5><a href="https://git.exmods.org">View our code site</a> or <a href="https://git.exmods.org/exmods/html-site">build this site with us</a>.</h5>
<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>
</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.
</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>
</body>
</html>

Loading…
Cancel
Save