localhorst/msv-webcam-frontend
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

first working state

Browse Source
This commit is contained in:
Hendrik Schutter
2023-07-05 22:42:55 +02:00
parent f35385dc3e
commit b705317ccc
12 changed files with 402 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
www/index.html Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./data/favicon.ico">
<link rel="icon" sizes="192x192" href="./data/icon.png">
<title>Webcam des MSV Bühl-Moos e.V.</title>
<link rel="stylesheet" href="./css/w3.css">
<link rel="stylesheet" href="./css/custom.css">
<style>
body {
background-image: url('./data/background.webp');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
</head>
<body class="w3-animate-zoom">
<div class="w3-container w3-content w3-center" style="margin-top:5%">
<h1 class="w3-text-white">MODELLSPORTVEREIN BÜHL-MOOS E.V.</h1>
<p class="w3-text-white"><i>Live Webcam des Flugplatz in Moos</i></p>
<div class="w3-panel w3-card-4 w3-white w3-padding w3-center">
<h3 class="w3-container w3-left">Blick nach Norden</h3>
<img src="data/msvcamN.avif" class="w3-center" style="width:100%;" alt="Bild der Webcam mit Blick nach Norden">
</div>
<div class="w3-panel w3-card-4 w3-white w3-padding w3-center">
<h3 class="w3-container w3-left">Blick nach Süden</h3>
<img src="data/msvcamS.avif" class="w3-center" style="width:100%;" alt="Bild der Webcam mit Blick nach Süden">
</div>
<div class="w3-container w3-content w3-center" style="max-width:300px;">
<div class="w3-panel w3-card w3-dark-gray w3-padding">
<div class="w3-center-align">
<a class="w3-hover" style="text-decoration: none" href="mailto:mail@hendrikschutter.com">
<h6>mail@hendrikschutter.com</h6></a>
</div>
</div>
</div>
<footer class="w3-container w3-center">Last update: 2023/07/05/<footer>
</body>
</html>