CCF_100/frontpage
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

it's starting to come together!

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️ 2023-03-06 16:28:32 -06:00
parent ccef003b56
commit 36c4d37936
3 changed files with 63 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
dynmap.html
View File

@ -1,18 +1,25 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<link href="root.css" rel="stylesheet"> <link href="root.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<body class="center"> <h1>Hi! Welcome to my Web Server!</h1> <body class="center">
<nav 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> <nav>
<a href="dynmap.html">Minecraft Server Dynamic Maps</a><li> <h1>Hi! Welcome to my Web Server!</h1>
<li> <a class="button" href="index.html">Home</a>
<a href="https://survival.calebfontenot.com">Survival Server</a> <a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
<a href="https://creative.calebfontenot.com">Creative Server</a> <a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
<a href="https://modded.calebfontenot.com">Modded Server</a> <a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a><li>
<a href="https://skyfactory.calebfontenot.com">Skyfactory Server</a> </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> </body>
</html> </html>

18
index.html
View File

@ -14,15 +14,15 @@
<body class="center"> <body class="center">
<h1>Hi! Welcome to my Web Server!</h1> <div id="wrapper">
<nav> <nav>
<a href="index.html">Home</a> <h1>Hi! Welcome to my Web Server!</h1>
<a href="https://gitea.calebfontenot.com">Gitea</a> <a class="button" href="index.html">Home</a>
<a href="https://search.calebfontenot.com">SearXNG Instance</a> <a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
<a href="dynmap.html">Minecraft Server Dynamic Maps</a> <a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
<a href="mario">Mario</a> <a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
<a class="button" href="mario">Mario</a>
</nav> </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>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>
<!image src=https://files.calebfontenot.com/files/mrmouse.gif alt="Mr. Mouse"> <!image src=https://files.calebfontenot.com/files/mrmouse.gif alt="Mr. Mouse">
@ -47,7 +47,9 @@
<footer> <footer>
<p>Footer moment</p> <p>Footer moment</p>
</footer> </footer>
</body>
</div> </div>
</body>
</html> </html>

41
root.css
View File

@ -14,33 +14,45 @@ body {
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
} }
.center {
text-align: center; #wrapper {
width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #000000; background-color: #000000;
/* width: 90%; */ /* width: 90%; */
border-style: groove; border-style: groove;
border-color: #000000; border-color: #000000;
} }
nav { nav {
background-color: #333333; background-color: #333333;
border-style: inset; border-style: inset;
border-color: #000000; border-color: #000000;
padding: none; padding: none;
} }
.button {
nav a { color: white;
text-decoration: none;
border-style: outset;
cursor: pointer;
}
.button a {
color: #FFFFFF; color: #FFFFFF;
text-decoration: none; text-decoration: none;
border-style: outset; border-style: outset;
cursor: pointer; cursor: pointer;
} }
nav a:hover { .button a:hover {
border-style: inset; border-style: inset;
} }
h1 { h1 {
background-color: #444444; /* background-color: #444444; */
padding: auto; padding: auto;
padding-left: 40px; padding-left: 40px;
padding-right: 40px; padding-right: 40px;
@ -48,4 +60,21 @@ h1 {
padding-bottom: 20px; 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;
}
}