paul-loedige
99 lines
2.2 KiB
HTML
99 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
html *{
|
|
font-size: xx-large;
|
|
color: #000;
|
|
font-family: 'Courier New', Courier, monospace !important;
|
|
}
|
|
|
|
body {
|
|
background-image: url(./background.jpg);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-position: center;
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Create three equal columns that floats next to each other */
|
|
.column {
|
|
float: left;
|
|
width: 30.33%;
|
|
padding: 10px;
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
margin: 1.5%;
|
|
background-color: #ffffffc0;
|
|
}
|
|
|
|
/* Clear floats after the columns */
|
|
.row:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
|
|
@media screen and (max-width: 900px) {
|
|
.column {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#clock {
|
|
font-size: 120px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="clock">00:00</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<h2>KA-RaceIng</h2>
|
|
<a href="https://wiki.ka-raceing.de/">Wiki</a><br><br>
|
|
<a href="https://gitlab.ka-raceing.de/">Gitlab</a><br><br>
|
|
<a href="https://cloud.ka-raceing.de/">Cloud</a><br><br>
|
|
<a href="https://dolibarr.ka-raceing.de/">Dolibarr</a><br>
|
|
</div>
|
|
<div class="column">
|
|
<h2>KIT</h2>
|
|
<a href="https://ilias.studium.kit.edu">ILIAS</a><br><br>
|
|
<a href="https://campus.studium.kit.edu/events/timetable.php">Stundenplan</a><br>
|
|
</div>
|
|
<div class="column">
|
|
<h2>Loedige-Server</h2>
|
|
<a href="https://cloud.ploedige.com">Cloud</a><br><br>
|
|
<a href="https://git.ploedige.com">Git</a><br><br>
|
|
<a href="https://ploedige.com">Blog</a><br>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
setInterval(showTime, 1000);
|
|
function showTime() {
|
|
let time = new Date();
|
|
let hour = time.getHours();
|
|
let min = time.getMinutes();
|
|
|
|
hour = hour < 10 ? "0" + hour : hour;
|
|
min = min < 10 ? "0" + min : min;
|
|
|
|
let currentTime = hour + ":"
|
|
+ min;
|
|
|
|
document.getElementById("clock")
|
|
.innerHTML = currentTime;
|
|
}
|
|
|
|
showTime();
|
|
</script>
|
|
</body>
|
|
</html>
|