space and transparency

2023-03-06 17:20:55 +07:00 · 2023-03-06 17:20:55 +07:00 · b6dd681674
parent 36c4d37936
commit b6dd681674
4 changed files with 21 additions and 15 deletions
--- a/dynmap.html
+++ b/dynmap.html
@ -5,15 +5,17 @@



+<div id="wrapper">
 <nav>
 <h1>Hi! Welcome to my Web Server!</h1>
+<div class="navborder">
 <a class="button" href="index.html">Home</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="dynmap.html">Minecraft Server Dynamic Maps</a><li>
-</nav>
-<div id="wrapper">
-<ul>
+<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
+<a class="button" href="mario">Mario</a>
+</div>
+</nav> 
 <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://modded.calebfontenot.com">Modded Server</a>
--- a/index.html
+++ b/index.html
@ -16,12 +16,14 @@
 <body class="center">
 <div id="wrapper">
 <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="https://gitea.calebfontenot.com">Gitea</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="mario">Mario</a>
+</div>
 </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>Below is Mr. Mouse absolutely jamming it</p>
--- a/root.css
+++ b/root.css
@ -10,12 +10,14 @@ body {
 	/* text-decoration: overline; */
 	/* text-transform: uppercase; */
 	/* background-color: #FFAAAA; */
-	background-image: url(Circles.png);
+	background-image: url("space.gif");
+	/* url(Circles.png); */
 	text-align: center;
 	color: #FFFFFF;
 }

-#wrapper { 
+#wrapper {
+		opacity: 0.9;
 		width: 1024px;
 		margin-left: auto;
 		margin-right: auto;
@ -24,6 +26,7 @@ body {
 	/* width: 90%; */
 	border-style: groove;
 	border-color: #000000;
+
 	
 }

@ -31,22 +34,21 @@ nav {
 	background-color: #333333;
 	border-style: inset;
 	border-color: #000000;
-	padding: none;
+	padding: 0 0 0 0;
+	margin: 0 0 0 0;
+}
+.navborder {
+	border-style: inset;
 }
 .button {
 	color: white;
 	text-decoration: none;
 	border-style: outset;
 	cursor: pointer;
+	border-radius: 5%;
 }
 	
-.button a {
-	color: #FFFFFF;
-	text-decoration: none;
-	border-style: outset;
-	cursor: pointer;
-}
-.button a:hover {
+.button:hover {
 	border-style: inset;
 	
 }
--- a/space.gif
+++ b/space.gif