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

update styling

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️ 2023-03-06 14:36:22 -06:00
parent 027569a35a
commit c0570b7842
3 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.index.html.kate-swp
View File

Binary file not shown.

9
index.html
View File

@ -11,15 +11,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="root.css" rel="stylesheet"> <link href="root.css" rel="stylesheet">
</head> </head>
<body class="center"> <h1>Hi! Welcome to my Web Server!</h1>
<nav class="center">
<body class="center">
<h1>Hi! Welcome to my Web Server!</h1>
<nav>
<a href="index.html">Home</a> <a href="index.html">Home</a>
<a href="https://gitea.calebfontenot.com">Gitea</a> <a href="https://gitea.calebfontenot.com">Gitea</a>
<a href="https://search.calebfontenot.com">SearXNG Instance</a> <a href="https://search.calebfontenot.com">SearXNG Instance</a>
<a href="dynmap.html">Minecraft Server Dynamic Maps</a> <a href="dynmap.html">Minecraft Server Dynamic Maps</a>
<a href="mario">Mario</a> <a 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">
@ -45,6 +48,6 @@
<p>Footer moment</p> <p>Footer moment</p>
</footer> </footer>
</body> </body>
</div>
</html> </html>

18
root.css
View File

@ -16,11 +16,27 @@ body {
} }
.center { .center {
text-align: center; text-align: center;
/* background-color: #93b373; */ background-color: #000000;
/* width: 90%; */ /* width: 90%; */
border-style: groove; border-style: groove;
border-color: #000000; border-color: #000000;
} }
nav {
background-color: #333333;
border-style: inset;
border-color: #000000;
padding: none;
}
h1 {
background-color: #444444;
padding: auto;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
a { a {
color: #FFFFFF; color: #FFFFFF;
} }