Add buttons back to the index

This commit is contained in:
Salt 2020-08-16 06:08:38 -05:00
parent 179228dc28
commit 22b1bfae81
2 changed files with 75 additions and 2 deletions

View File

@ -2,13 +2,55 @@
<html> <html>
<head> <head>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-meta.php';?> <?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-meta.php';?>
<link href="/styles/buttons.css" type="text/css" rel="stylesheet" />
<!-- These are just to make the big buttons look nice. Feel free to block -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<title>9iron</title> <title>9iron</title>
</head> </head>
<body> <body>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-header.php';?> <?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-header.php';?>
<div class="content"> <div class="content">
<h1>This Is a Test</h1> <h1>Core Services</h1>
<p>It has to be.</p> <div class="iconbuttoncontainer">
<a href="https://git.9iron.club" class="iconbutton">
<i class="fa fa-gitea"></i>
<h1>Gitea</h1>
<p>Git repository host and related services</p>
</a>
<a href="https://nc.9iron.club" class="iconbutton">
<i class="fa fa-nextcloud"></i>
<h1>Nextcloud</h1>
<p>File storage and collaboration, feed reader, task organizer, and more</p>
</a>
<a href="/matrix" class="iconbutton">
<i class="fa fa-matrix-org"></i>
<h1>Matrix</h1>
<p>Federated messaging client, more similar to Slack than Discord</p>
</a>
</div>
<h1>Secondary Services</h1>
<div class="iconbuttoncontainer">
<a href="https://cowfee.moe" class="iconbutton">
<i class="fa fa-pleroma"></i>
<h1>Pleroma</h1>
<p>Federated microblogging service, similar to Twitter</p>
</a>
</div>
<h1>Games</h1>
<div class="iconbuttoncontainer">
<a href="/minecraft" class="iconbutton">
<h1>Minecraft</h1>
<p>Modded Minecraft is one of our most-common time wasters</p>
</a>
<a href="/terraria" class="iconbutton">
<h1>Terraria</h1>
<p>A game we've sunk just as much time into as Minecraft. Sometimes modded, sometimes not</p>
</a>
<a href="/gmod" class="iconbutton">
<h1>Garry's Mod</h1>
<p>It's second banana to other games, but we may have a server up from time to time</p>
</a>
</div>
</div> </div>
<?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-footer.php';?> <?php include $_SERVER['DOCUMENT_ROOT'].'/src/common-footer.php';?>
</body> </body>

31
styles/buttons.css Normal file
View File

@ -0,0 +1,31 @@
/*
* buttons.css
* Copyright (C) 2020 Vintage Salt
*
* Distributed under terms of the MIT license.
*/
/* BIG ICON BUTTONS
* Used on the index for services */
div.iconbuttoncontainer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto auto auto;
}
a.iconbutton {
background: var(--background-bright);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
display: block;
margin: 0.5em;
padding: 1em;
text-align: center;
}
a.iconbutton:hover {
background: var(--link-hover);
color: var(--background);
}
a.iconbutton i {
font-size: 400%
}