Add legal pages and self-host third-party libraries

static/css/legal.css

@@ -0,0 +1,75 @@
+/* Shared layout for the static legal pages (imprint, privacy, terms). */
+body {
+    padding: 24px 16px 48px;
+}
+
+.legal {
+    max-width: 760px;
+    margin: 0 auto;
+    font-size: 15px;
+    line-height: 1.6;
+}
+
+.legal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24px;
+}
+
+.legal-header .brand {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 18px;
+    font-weight: bold;
+    color: #222;
+}
+
+.legal-header .brand:hover,
+.legal-header .brand:focus {
+    text-decoration: none;
+}
+
+.legal h1 {
+    margin-top: 0;
+}
+
+.legal h2 {
+    font-size: 22px;
+    margin-top: 32px;
+}
+
+.legal h3 {
+    font-size: 17px;
+    margin-top: 20px;
+}
+
+.legal-updated {
+    color: #777;
+}
+
+.legal-lede {
+    font-size: 17px;
+}
+
+.legal address {
+    margin-bottom: 16px;
+}
+
+.legal-footer {
+    max-width: 760px;
+    margin: 40px auto 0;
+    padding-top: 16px;
+    border-top: 1px solid #ddd;
+    color: #777;
+}
+
+.legal-footer a {
+    margin-right: 12px;
+}
+
+.legal-footer a[aria-current="page"] {
+    color: #333;
+    font-weight: bold;
+}

static/imprint.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Legal disclosure and contact details for Remote Slide.">
+    <title>Imprint · Remote Slide</title>
+    <link rel="canonical" href="https://remote-sli.de/imprint">
+    <link rel="shortcut icon" type="image/png" href="/favicon.png">
+    <link href="/css/bootstrap.css" rel="stylesheet">
+    <link href="/css/legal.css" rel="stylesheet">
+</head>
+<body>
+<header class="legal legal-header">
+    <a class="brand" href="/"><img src="/img/logo-32.png" alt="" width="32" height="32">Remote Slide</a>
+    <a href="/">Back to remote-sli.de</a>
+</header>
+
+<main class="legal">
+    <h1>Imprint</h1>
+    <p class="legal-updated">Information under § 5 DDG · Last updated 21 September 2026</p>
+
+    <h2>Responsible for this site and the Remote Slide service</h2>
+    <address>
+        Haylee Schäfer<br>
+        Wiesenstraße 7<br>
+        78112 St. Georgen<br>
+        Germany
+    </address>
+
+    <h3>Contact</h3>
+    <p>Email: <a href="mailto:mail@inventivetalent.org">mail@inventivetalent.org</a></p>
+
+    <h2>Disclaimer</h2>
+
+    <h3>Content</h3>
+    <p>The content of this site has been written with care, but no guarantee is given that it is accurate, complete, or up to date.</p>
+
+    <h3>External links</h3>
+    <p>This site links to websites run by third parties, such as GitHub, the Chrome Web Store, and presentation services. Their operators alone are responsible for their content. No infringements were apparent when the links were added. If any become known, the link in question will be removed.</p>
+
+    <h3>Copyright and licences</h3>
+    <p>The source code of Remote Slide is published on <a href="https://github.com/RemoteSlide">GitHub</a> under the <a href="https://github.com/RemoteSlide/remote-sli.de/blob/master/LICENSE">Apache License 2.0</a>. Using the hosted service at remote-sli.de is governed by the <a href="/terms">terms of service</a>. Product names and trademarks of third parties, such as Google Slides, PowerPoint, Prezi, and slides.com, belong to their owners and are used only to identify compatible software.</p>
+
+    <h2>Privacy</h2>
+    <p>How this site and the Remote Slide service handle data is described in the <a href="/privacy">privacy policy</a>.</p>
+</main>
+
+<footer class="legal-footer">
+    <a href="/">Remote Slide</a>
+    <a href="/imprint" aria-current="page">Imprint</a>
+    <a href="/privacy">Privacy</a>
+    <a href="/terms">Terms</a>
+</footer>
+</body>
+</html>

static/index.html

@@ -39,8 +39,8 @@
 
         <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/ojmlekgoiolmbfddhkdbnlpndbcipfkp">
         <link href="/css/bootstrap.css" rel="stylesheet">
-        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
-        <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.4/css/bootstrap2/bootstrap-switch.min.css" rel="stylesheet">
+        <link href="/vendor/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
+        <link href="/vendor/bootstrap-switch/3.3.4/css/bootstrap2/bootstrap-switch.min.css" rel="stylesheet">
         <style>
             .centered {
                 position: fixed;
@@ -55,8 +55,8 @@
 
         <base href="/">
 
-        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css"/>
-        <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
+        <link rel="stylesheet" type="text/css" href="/vendor/cookieconsent/3.0.3/cookieconsent.min.css"/>
+        <script src="/vendor/cookieconsent/3.0.3/cookieconsent.min.js"></script>
         <script>
             window.addEventListener("load", function () {
                 window.cookieconsent.initialise({
@@ -68,7 +68,10 @@
                             "background": "#14a7d0"
                         }
                     },
-                    "position": "bottom-right"
+                    "position": "bottom-right",
+                    "content": {
+                        "href": "/privacy"
+                    }
                 })
             });
         </script>
@@ -152,6 +155,10 @@
 
                 <a href="/about" title="About">About</a>
                 <span class="text-muted">|</span>
+                <a href="/imprint" target="_self">Imprint</a>
+                <a href="/privacy" target="_self">Privacy</a>
+                <a href="/terms" target="_self">Terms</a>
+                <span class="text-muted">|</span>
                 <span ng-style="session.latency > 200 && {'color':'red'}" class="text-muted">{{ session.latency }}ms</span>
             </div>
         </div>
@@ -215,16 +222,16 @@ <h3>Remotes</h3>
             </div>
         </div>
 
-        <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
-        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
-        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-cookies.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-animate.min.js"></script>
-        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>
+        <script src="/vendor/jquery/jquery-3.2.1.min.js"></script>
+        <script src="/vendor/angular/1.6.4/angular.min.js"></script>
+        <script src="/vendor/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script>
+        <script src="/vendor/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
+        <script src="/vendor/angular/1.6.4/angular-route.min.js"></script>
+        <script src="/vendor/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
+        <script src="/vendor/angular/1.6.4/angular-cookies.min.js"></script>
+        <script src="/vendor/angular/1.6.4/angular-animate.min.js"></script>
+        <script src="/vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <script src="/vendor/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>
         <script async src="/js/lib/jsqrcode-combined.min.js"></script>
         <script async src="/js/lib/html5-qrcode.js"></script>
         <script src="/inject/controller/rs-socket.js"></script>

static/inject/bookmark.js

@@ -16,7 +16,7 @@ javascript:if (!remote_slide) {
             console.info("[RS] Loading JQuery...");
             var sc = document.createElement('SCRIPT');
             sc.type = 'text/javascript';
-            sc.src = "https://code.jquery.com/jquery-3.7.1.min.js";
+            sc.src = "https://remote-sli.de/vendor/jquery/jquery-3.7.1.min.js";
             sc.onload = inject;
             document.getElementsByTagName('head')[0].appendChild(sc);
         } else {

static/pages/about.html

@@ -61,4 +61,14 @@ <h2>Downloads & other Links</h2>
             <li class="text-muted"><a href="#">Download the Java App</a> (Coming Soon), to control PowerPoint, OpenOffice Impress, <br/>and literally any other application for Windows, Mac and Linux </li>
         </ul>
     </div>
-</div>
+
+    <div>
+        <h2>Legal</h2>
+
+        <ul>
+            <li><a href="/imprint" target="_self">Imprint</a></li>
+            <li><a href="/privacy" target="_self">Privacy policy</a></li>
+            <li><a href="/terms" target="_self">Terms of service</a></li>
+        </ul>
+    </div>
+</div>

static/pages/instructions/bookmark.html

@@ -19,7 +19,7 @@
         <!--</div>-->
         <div>
             <div class="embed-responsive embed-responsive-16by9">
-                <iframe class="embed-responsive-item" src="//www.youtube.com/embed/lidGm-JeSTE?autoplay=1&controls=0&color=white&theme=light&disablekb=1&enablejsapi=1&loop=1&modestbranding=1&rel=0&showinfo=0&iv_load_policy=3&playlist=lidGm-JeSTE" frameborder="0" allowfullscreen=""></iframe>
+                <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/lidGm-JeSTE?autoplay=1&controls=0&color=white&theme=light&disablekb=1&enablejsapi=1&loop=1&modestbranding=1&rel=0&showinfo=0&iv_load_policy=3&playlist=lidGm-JeSTE" frameborder="0" allowfullscreen=""></iframe>
             </div>
         </div>
     </div>

static/pages/instructions/extension.html

@@ -22,7 +22,7 @@
         <!--</div>-->
         <div>
             <div class="embed-responsive embed-responsive-16by9">
-                <iframe class="embed-responsive-item" src="//www.youtube.com/embed/BG_wTdBo91M?autoplay=1&controls=0&color=white&theme=light&disablekb=1&enablejsapi=1&loop=1&modestbranding=1&rel=0&showinfo=0&iv_load_policy=3&playlist=lidGm-JeSTE" frameborder="0" allowfullscreen=""></iframe>
+                <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/BG_wTdBo91M?autoplay=1&controls=0&color=white&theme=light&disablekb=1&enablejsapi=1&loop=1&modestbranding=1&rel=0&showinfo=0&iv_load_policy=3&playlist=lidGm-JeSTE" frameborder="0" allowfullscreen=""></iframe>
             </div>
         </div>
     </div>