Add line breaks, restyle them

This commit is contained in:
Salt 2020-09-27 16:39:02 -05:00
parent df9b6c15d8
commit 61d8592764
2 changed files with 4 additions and 4 deletions

View File

@ -10,7 +10,6 @@
<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>Data Services</h1>
<div class="iconbuttoncontainer"> <div class="iconbuttoncontainer">
<a href="https://git.9iron.club" class="iconbutton"> <a href="https://git.9iron.club" class="iconbutton">
<i class="fa fa-gitea"></i> <i class="fa fa-gitea"></i>
@ -28,7 +27,7 @@
<p>Centralized statistics dashboard</p> <p>Centralized statistics dashboard</p>
</a> </a>
</div> </div>
<h1>Communication Services</h1> <div class="break"></div>
<div class="iconbuttoncontainer"> <div class="iconbuttoncontainer">
<a href="https://cowfee.moe" class="iconbutton"> <a href="https://cowfee.moe" class="iconbutton">
<i class="fa fa-pleroma"></i> <i class="fa fa-pleroma"></i>
@ -41,7 +40,7 @@
<p>Federated messaging client, more similar to Slack than Discord</p> <p>Federated messaging client, more similar to Slack than Discord</p>
</a> </a>
</div> </div>
<h1>Games</h1> <div class="break"></div>
<div class="iconbuttoncontainer"> <div class="iconbuttoncontainer">
<a href="/minecraft" class="iconbutton"> <a href="/minecraft" class="iconbutton">
<i class="fa fa-gamepad"></i> <i class="fa fa-gamepad"></i>

View File

@ -10,6 +10,7 @@
:root { :root {
--background-bright: #fdfcfa; --background-bright: #fdfcfa;
--background: #ecebe9; --background: #ecebe9;
--line: #d6d5d3;
--link: #286a9d; --link: #286a9d;
--link-hover: #3ea5f3; --link-hover: #3ea5f3;
--shadow: 8px -5px #d6d5d3; --shadow: 8px -5px #d6d5d3;
@ -72,7 +73,7 @@ a.quickbutton:hover {
div.break { div.break {
width: 4em; width: 4em;
margin: 2em auto; margin: 2em auto;
border-bottom: 3px double var(--text); border-bottom: 3px double var(--line);
} }
img.bigimg { img.bigimg {
border-radius: 8px; border-radius: 8px;