frontpage/index.html

95 lines
3.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Caleb Fontenot's Web Server</title>
<link rel="icon" href="https://files.calebfontenot.com/files/C%5C%26H%20Spin.gif" type="image/gif" />
<meta content="Caleb Fontenot's Web Server" property="og:title" />
<meta content="Home Page of Caleb Fontenot's Web Server" property="og:description" />
<meta content="https://calebfontenot.com" property="og:url" />
<meta content="https://files.calebfontenot.com/files/C%5C%26H%20Spin.gif" property="og:image" />
<meta content="#FF0000" data-react-helmet="true" name="theme-color" />
<!meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="root.css" rel="stylesheet">
</head>
<body class="center">
<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>
<a class="button" href="mario">Mario</a>
</div>
</nav>
<h2 class="aboutme">About me<img class="aboutme" src="Caleb.jpg" alt="Caleb" height="5%" width="5%"></h2>
<p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p>
<script type="text/javascript">
var timesClicked = 0;
function clickCount() {
timesClicked++;
if (timesClicked == 1) {
document.getElementById("theButton").innerHTML = "You've clicked me 1 time.";
} else {
document.getElementById("theButton").innerHTML = "You've clicked me " + timesClicked + " times.";
}
}
function main() {
var array = new Array(10);
for (let i = 0; i < array.length; ++i) {
let temp = parseInt(Math.random() * 100) + " array index: " + i;
array[i] = temp;
console.log(i);
}
for (let i = 0; i < array.length; ++i) {
for (let j = 1; j < array.length; ++j) {
let compare1 = array[i].slice(0, array[i].indexOf(" "));
let compare2 = array[j].slice(0, array[j].indexOf(" "));
console.log(compare1 + " " + compare2);
if (compare1 >= compare2) {
array[i] = array.splice(j, 1, array[i])[0];
}
}
}
for (let i = 0; i < array.length; ++i) {
document.getElementById("jsOutput").innerHTML += (array[i] + "</br>");
console.log(array[i]);
console.log(typeof(array[i]));
}
document.getElementById("jsOutput").innerHTML += ("JavaScript is an absolutely bizarre language.");
clickCount();
}
</script>
<button id="theButton" class=button onclick="main()">Click me!</button>
<p id="jsOutput"></p>
<p>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="https://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
</p>
<footer>
<p>Caleb Fontenot, 2023</p>
</footer>
</div>
</body>
</html>