it's starting to come together!
This commit is contained in:
parent
ccef003b56
commit
36c4d37936
29
dynmap.html
29
dynmap.html
@ -1,18 +1,25 @@
|
||||
<!DOCTYPE HTML>
|
||||
<link href="root.css" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<body class="center"> <h1>Hi! Welcome to my Web Server!</h1>
|
||||
<nav class="center">
|
||||
<body class="center">
|
||||
|
||||
<a href="index.html">Home</a>
|
||||
<a href="https://gitea.calebfontenot.com">Gitea</a>
|
||||
<a href="https://search.calebfontenot.com">SearXNG Instance</a>
|
||||
<a href="dynmap.html">Minecraft Server Dynamic Maps</a><li>
|
||||
<li>
|
||||
<a href="https://survival.calebfontenot.com">Survival Server</a>
|
||||
<a href="https://creative.calebfontenot.com">Creative Server</a>
|
||||
<a href="https://modded.calebfontenot.com">Modded Server</a>
|
||||
<a href="https://skyfactory.calebfontenot.com">Skyfactory Server</a>
|
||||
|
||||
|
||||
<nav>
|
||||
<h1>Hi! Welcome to my Web Server!</h1>
|
||||
<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="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 class="button" href="https://skyfactory.calebfontenot.com">Skyfactory Server</a>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
18
index.html
18
index.html
@ -14,15 +14,15 @@
|
||||
|
||||
|
||||
<body class="center">
|
||||
<h1>Hi! Welcome to my Web Server!</h1>
|
||||
<div id="wrapper">
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
<a href="https://gitea.calebfontenot.com">Gitea</a>
|
||||
<a href="https://search.calebfontenot.com">SearXNG Instance</a>
|
||||
<a href="dynmap.html">Minecraft Server Dynamic Maps</a>
|
||||
<a href="mario">Mario</a>
|
||||
<h1>Hi! Welcome to my Web Server!</h1>
|
||||
<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>
|
||||
</nav>
|
||||
<div class="center">
|
||||
<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>
|
||||
<!image src=https://files.calebfontenot.com/files/mrmouse.gif alt="Mr. Mouse">
|
||||
@ -47,7 +47,9 @@
|
||||
<footer>
|
||||
<p>Footer moment</p>
|
||||
</footer>
|
||||
</body>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
|
39
root.css
39
root.css
@ -14,33 +14,45 @@ body {
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
|
||||
#wrapper {
|
||||
width: 1024px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
background-color: #000000;
|
||||
/* width: 90%; */
|
||||
border-style: groove;
|
||||
border-color: #000000;
|
||||
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: #333333;
|
||||
border-style: inset;
|
||||
border-color: #000000;
|
||||
padding: none;
|
||||
}
|
||||
.button {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-style: outset;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
nav a {
|
||||
.button a {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
border-style: outset;
|
||||
cursor: pointer;
|
||||
}
|
||||
nav a:hover {
|
||||
.button a:hover {
|
||||
border-style: inset;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
background-color: #444444;
|
||||
/* background-color: #444444; */
|
||||
padding: auto;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
@ -48,4 +60,21 @@ h1 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none; /* Remove bullets */
|
||||
padding: 0; /* Remove padding */
|
||||
margin: 0; /* Remove margins */
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 1000px) {
|
||||
#wrapper {
|
||||
width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user