81 lines
2.2 KiB
HTML
81 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="no">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>trygve.net</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<link rel="icon" href="favicon.png">
|
|
<style>
|
|
html {
|
|
background-color: black;
|
|
color: white;
|
|
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Helvetica, sans-serif;
|
|
font-size: x-large;
|
|
text-align: center;
|
|
--lyseblå: rgb(101, 163, 255);
|
|
}
|
|
@media screen and (max-width: 500px) {
|
|
body {
|
|
font-size: large;
|
|
}
|
|
}
|
|
a:link {
|
|
color: var(--lyseblå);
|
|
}
|
|
a:visited {
|
|
color: var(--lyseblå);
|
|
}
|
|
h1 {
|
|
letter-spacing: 0.2px;
|
|
font-size: 3em;
|
|
margin: 0.1rem;
|
|
color: #33d17a;
|
|
}
|
|
h2 {
|
|
letter-spacing: 5px;
|
|
margin: 0.1rem;
|
|
color: #33d17a;
|
|
}
|
|
h3 {
|
|
margin-bottom: 0;
|
|
margin-top: 1.5em;
|
|
}
|
|
ul, p {
|
|
margin-top: 0.2em;
|
|
padding: 0;
|
|
}
|
|
.links {
|
|
list-style: none;
|
|
}
|
|
.links li {
|
|
margin: 0.6em;
|
|
}
|
|
.logo {
|
|
height: 0.8em;
|
|
width: auto;
|
|
margin-right: 0.2em;
|
|
vertical-align: middle;
|
|
}
|
|
.blue-svg {
|
|
filter: brightness(0) saturate(100%) invert(60%) sepia(54%) saturate(2103%) hue-rotate(192deg) brightness(100%) contrast(103%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Velkommen</h1>
|
|
<h2>til sida mi!</h2>
|
|
<h3>Viktige lenker:</h3>
|
|
<ul class="links">
|
|
<li><a href="https://nextcloud.trygve.net/"><img src="img/nextcloud.svg" alt="Logo" class="logo">Nextcloud</a></li>
|
|
<li><a href="https://live.trygve.net/"><img src="img/opost.svg" alt="Logo" class="logo">Liveresultater</a></li>
|
|
</ul>
|
|
<h3>Mindre viktige lenker:</h3>
|
|
<ul class="links">
|
|
<li><a href="https://fart.trygve.net/"><img src="img/speedometer.svg" alt="Logo" class="logo blue-svg">Nettverkstest</a></li>
|
|
<li><a href="https://trygve.me/phpsysinfo"><img src="img/pulse.svg" alt="Logo" class="logo blue-svg">Server status</a></li>
|
|
</ul>
|
|
<h3>Kontakt meg :)</h3>
|
|
<p>epost: <a href="mailto:trygve@posteo.no">trygve@posteo.no</a> matrix: <a href="https://matrix.to/#/@trygve:trygve.net">@trygve:trygve.net</a></p>
|
|
</body>
|
|
</html> |