frontpage/index.html

97 lines
3.6 KiB
HTML
Raw Normal View History

2023-03-06 13:35:09 -06:00
<!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">
2023-03-06 13:35:09 -06:00
<link href="root.css" rel="stylesheet">
2023-03-06 13:35:09 -06:00
</head>
2023-03-06 14:36:22 -06:00
<body class="center">
2023-03-06 16:28:32 -06:00
<div id="wrapper">
2023-03-06 14:36:22 -06:00
<nav>
2023-03-06 17:20:55 -06:00
<h1>Hi! Welcome to my Web Server!</h1>
<div class="navborder">
2023-03-06 16:28:32 -06:00
<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>
2023-03-06 17:20:55 -06:00
</div>
2023-03-06 13:35:09 -06:00
</nav>
2023-03-06 18:33:28 -06:00
<h2 class="aboutme">About me<img class="aboutme" src="Caleb.jpg" alt="Caleb" height="5%" width="5%"></h2>
2023-03-06 13:35:09 -06:00
<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">
2023-03-07 18:22:00 -06:00
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.";
}
}
2023-03-07 17:58:34 -06:00
function main() {
2023-03-07 18:26:39 -06:00
// Clear output paragraph
document.getElementById("jsOutput").innerHTML = "";
2023-03-07 17:58:34 -06:00
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) {
2023-03-07 17:58:34 -06:00
document.getElementById("jsOutput").innerHTML += (array[i] + "</br>");
console.log(array[i]);
console.log(typeof(array[i]));
}
2023-03-07 17:58:34 -06:00
document.getElementById("jsOutput").innerHTML += ("JavaScript is an absolutely bizarre language.");
2023-03-07 18:22:00 -06:00
clickCount();
2023-03-07 17:58:34 -06:00
}
</script>
2023-03-07 17:58:34 -06:00
2023-03-07 18:22:00 -06:00
<button id="theButton" class=button onclick="main()">Click me!</button>
2023-03-07 17:58:34 -06:00
<p id="jsOutput"></p>
2023-03-06 13:35:09 -06:00
<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>
2023-03-15 11:22:18 -05:00
<a href=https://gitea.calebfontenot.com/CCF_100/frontpage class=button>Caleb Fontenot, 2023</a>
2023-03-06 13:35:09 -06:00
</footer>
2023-03-06 14:36:22 -06:00
</div>
2023-03-06 16:28:32 -06:00
</body>
2023-03-06 13:35:09 -06:00
</html>