mirror of
https://github.com/sigmasternchen/mobmash.click
synced 2025-03-15 08:09:02 +00:00
feat: A bit of styling for links + add thanks block for web design
This commit is contained in:
parent
d389bc3330
commit
0ac852a846
3 changed files with 29 additions and 26 deletions
|
@ -25,37 +25,32 @@ nav ul {
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
nav li {
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav .left {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
nav .left li {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
nav .right {
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
nav .right li {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
box-shadow: inset 0 0 0 0 white;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding: 13px 25px;
|
||||
}
|
||||
|
||||
nav a:active {
|
||||
|
@ -67,7 +62,7 @@ nav a:visited {
|
|||
}
|
||||
|
||||
nav a:hover, nav .active a {
|
||||
box-shadow: inset 130px 0 0 0 white;
|
||||
box-shadow: inset 140px 0 0 0 white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
@ -87,9 +82,14 @@ h1 {
|
|||
margin: 60px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 35px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.text-container p, .text-container a, .text-container li {
|
||||
font-family: "Arial", sans-serif;
|
||||
line-height: 20px;
|
||||
font-size: 25px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.text-container a, .text-container a:visited {
|
||||
|
@ -97,10 +97,7 @@ h1 {
|
|||
color: black;
|
||||
position: relative;
|
||||
transition: color 0.3s;
|
||||
padding-left: 6px;
|
||||
padding-top: 2px;
|
||||
padding-right: 6px;
|
||||
padding-bottom: 2px;
|
||||
padding: 4px 6px 2px;
|
||||
}
|
||||
|
||||
.text-container a::after {
|
||||
|
|
|
@ -8,9 +8,7 @@
|
|||
if ($targetHost === NULL && $currentPath === $targetPath) {
|
||||
$active = true;
|
||||
}
|
||||
?>
|
||||
<li class="menu-item <?= $active ? "active" : "" ?>"><a href="<?= $url ?>"><?= $name ?></a></li>
|
||||
<?php
|
||||
?><li class="menu-item <?= $active ? "active" : "" ?>"><a href="<?= $url ?>"><?= $name ?></a></li><?php
|
||||
}
|
||||
?>
|
||||
<html lang="en">
|
||||
|
@ -24,13 +22,17 @@
|
|||
<body>
|
||||
<nav data-hx-boost="true">
|
||||
<ul class="left">
|
||||
<?php makeNavigationLink("MobMash", "/"); ?>
|
||||
<?php makeNavigationLink("Result", "/results"); ?>
|
||||
<?php
|
||||
makeNavigationLink("MobMash", "/");
|
||||
makeNavigationLink("Result", "/results");
|
||||
?>
|
||||
</ul>
|
||||
<ul class="right">
|
||||
<?php makeNavigationLink("About", "/about"); ?>
|
||||
<?php makeNavigationLink("Source", "https://github.com/overflowerror/mobmash.click"); ?>
|
||||
<?php makeNavigationLink("Privacy", "/privacy"); ?>
|
||||
<?php
|
||||
makeNavigationLink("About", "/about");
|
||||
makeNavigationLink("Source", "https://github.com/overflowerror/mobmash.click");
|
||||
makeNavigationLink("Privacy", "/privacy");
|
||||
?>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="content">
|
||||
|
|
|
@ -100,5 +100,9 @@
|
|||
I'd like to thank the <a href="https://minecraft.wiki/">Minecraft Wiki</a> for letting me let use their API to
|
||||
automatically update the mobs in the vote. The pictures for the mobs are also provided by them.
|
||||
</p>
|
||||
<p>
|
||||
Also, I'm very, very bad at design. So a big thanks goes to the web designer who helped me! (They would like
|
||||
to stay anonymous. Apparently, the design is not good enough. ^^)
|
||||
</p>
|
||||
|
||||
</div>
|
Loading…
Reference in a new issue