space and transparency

master
Caleb Fontenot 2023-03-06 17:20:55 +07:00
parent 36c4d37936
commit b6dd681674
4 changed files with 21 additions and 15 deletions

@ -5,15 +5,17 @@
<div id="wrapper">
<nav> <nav>
<h1>Hi! Welcome to my Web Server!</h1> <h1>Hi! Welcome to my Web Server!</h1>
<div class="navborder">
<a class="button" href="index.html">Home</a> <a class="button" href="index.html">Home</a>
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a> <a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a> <a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a><li> <a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
</nav> <a class="button" href="mario">Mario</a>
<div id="wrapper"> </div>
<ul> </nav>
<a class="button" href="https://survival.calebfontenot.com">Survival Server</a> <a class="button" href="https://survival.calebfontenot.com">Survival Server</a>
<a class="button" href="https://creative.calebfontenot.com">Creative Server</a> <a class="button" href="https://creative.calebfontenot.com">Creative Server</a>
<a class="button" href="https://modded.calebfontenot.com">Modded Server</a> <a class="button" href="https://modded.calebfontenot.com">Modded Server</a>

@ -16,12 +16,14 @@
<body class="center"> <body class="center">
<div id="wrapper"> <div id="wrapper">
<nav> <nav>
<h1>Hi! Welcome to my Web Server!</h1> <h1>Hi! Welcome to my Web Server!</h1>
<div class="navborder">
<a class="button" href="index.html">Home</a> <a class="button" href="index.html">Home</a>
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a> <a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a> <a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a> <a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
<a class="button" href="mario">Mario</a> <a class="button" href="mario">Mario</a>
</div>
</nav> </nav>
<p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p> <p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p>
<!--p>Below is Mr. Mouse absolutely jamming it</p> <!--p>Below is Mr. Mouse absolutely jamming it</p>

@ -10,12 +10,14 @@ body {
/* text-decoration: overline; */ /* text-decoration: overline; */
/* text-transform: uppercase; */ /* text-transform: uppercase; */
/* background-color: #FFAAAA; */ /* background-color: #FFAAAA; */
background-image: url(Circles.png); background-image: url("space.gif");
/* url(Circles.png); */
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
} }
#wrapper { #wrapper {
opacity: 0.9;
width: 1024px; width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -24,6 +26,7 @@ body {
/* width: 90%; */ /* width: 90%; */
border-style: groove; border-style: groove;
border-color: #000000; border-color: #000000;
} }
@ -31,22 +34,21 @@ nav {
background-color: #333333; background-color: #333333;
border-style: inset; border-style: inset;
border-color: #000000; border-color: #000000;
padding: none; padding: 0 0 0 0;
margin: 0 0 0 0;
}
.navborder {
border-style: inset;
} }
.button { .button {
color: white; color: white;
text-decoration: none; text-decoration: none;
border-style: outset; border-style: outset;
cursor: pointer; cursor: pointer;
border-radius: 5%;
} }
.button a { .button:hover {
color: #FFFFFF;
text-decoration: none;
border-style: outset;
cursor: pointer;
}
.button a:hover {
border-style: inset; border-style: inset;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB