first commit

2026-04-20 08:26:37 +02:00
commit cce2b9bc39
21 changed files with 14944 additions and 0 deletions
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="de" data-bs-theme="dark">
+<head>
+  
+    <meta charset='UTF-8'>
+    <title>{% block title %}Birdstalker{% endblock %}</title>
+  
+    <meta name="robots" content="noindex">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="light dark">  
+    
+    <link rel="icon" type="image/vnd.icon" href="/static/favicon.ico">
+
+    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css'>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+
+</head>
+<body>
+    {% for camera in config%}
+        {% if camera.website.picture %}
+        <div class="webcam">
+            <h1>{{ camera.name }}</h1>
+            <img src="/static/output/{{camera.name}}.jpg" />
+
+            {% if camera.website.timelapse and camera.timelapse %}
+                <h2>Gestern:</h2>
+                <video controls width="100%">          
+                    <source src="/static/output/{{camera.name}}.mp4" type="video/mp4" />
+                
+                    Download the
+                    <a href="/static/output/{{camera.name}}.mp4">MP4</a>
+                    video.
+                </video>
+            {% endif %}
+        </div>
+        {% endif %}
+    {%endfor%}
+</body>
+</html>
+
+<style>
+    video {
+        background-color: hsla(0,0%,0%,.3);
+    }
+    
+    body {
+        color: black;
+        background-color: white ;
+        line-height: 5px;
+        font-family: Arial, sans-serif;
+        background: url(/static/images/background.svg) no-repeat center center fixed; 
+        -webkit-background-size: cover;
+        -moz-background-size: cover;
+        -o-background-size: cover;
+        background-size: cover;
+    }
+
+    a {
+        line-height:normal;
+    }
+
+    .webcam {  
+        max-width: 900px;
+        background-color: hsla(40,70%,60%,.9);
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-bottom: 10px;
+        border-radius: 9px;
+        border: 1px solid black;
+        margin-bottom: 10px;
+    }
+
+    .webcam img {
+        width: 100%;
+    }
+</style>
+<script>
+</script>