Browse Source

Add `lan-help.html` (WiFi and server QR codes)

master
The Dod 1 year ago
parent
commit
5b9daab0f4
6 changed files with 68 additions and 2 deletions
  1. 2
    1
      logs.tmpl
  2. 2
    1
      logs/index.html
  3. 64
    0
      logs/lan-help.html
  4. BIN
      logs/lan-help.png
  5. BIN
      logs/qrlogserver.png
  6. BIN
      logs/qrwifi.png

+ 2
- 1
logs.tmpl View File

@@ -40,7 +40,8 @@
40 40
             <div class="col-12">
41 41
                 <div class="alert alert-info">
42 42
                     <ul class="nav nav-justified">
43
-                        <li><a target="_blank" href="https://is.gd/doctorkernel"><span class="glyphicon glyphicon-file" aria-hidden="true "></span> Source</a></li>
43
+                        <li><a target="_blank" href="lan-help.html"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span> Connection help</a></li>
44
+                        <li><a target="_blank" href="https://is.gd/doctorkernel"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Source</a></li>
44 45
                         <li><a class="btn btn-primary" href=""><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Refresh</a></li>
45 46
                     </ul>
46 47
                 </div>

+ 2
- 1
logs/index.html View File

@@ -50,7 +50,8 @@
50 50
             <div class="col-12">
51 51
                 <div class="alert alert-info">
52 52
                     <ul class="nav nav-justified">
53
-                        <li><a target="_blank" href="https://is.gd/doctorkernel"><span class="glyphicon glyphicon-file" aria-hidden="true "></span> Source</a></li>
53
+                        <li><a target="_blank" href="lan-help.html"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span> Connection help</a></li>
54
+                        <li><a target="_blank" href="https://is.gd/doctorkernel"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Source</a></li>
54 55
                         <li><a class="btn btn-primary" href=""><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Refresh</a></li>
55 56
                     </ul>
56 57
                 </div>

+ 64
- 0
logs/lan-help.html View File

@@ -0,0 +1,64 @@
1
+<!doctype html>
2
+<html lang="en">
3
+
4
+<head>
5
+    <meta charset="utf-8">
6
+    <meta name="viewport" content="width=device-width, initial-scale=1">
7
+    <title>Connect to Doctor Kernel's WWW server over LAN</title>
8
+    <link href="css/bootstrap.min.css" rel="stylesheet">
9
+    <style>
10
+    .center-block {
11
+        display: block;
12
+        margin-left: auto;
13
+        margin-right: auto;
14
+    }
15
+    </style>
16
+</head>
17
+
18
+<body style="background-color:white">
19
+    <div class="container">
20
+        <div class="row">
21
+            <div class="col-12">
22
+                <div class="jumbotron text-center" style="background-color:#000084">
23
+                    <br/>
24
+                    <h1>Doctor Kernel's LAN</h1>
25
+                    <h3>How to connect</h3>
26
+                </div>
27
+                <div class="alert alert-danger text-center" style="background-color:white">
28
+                    <h4>*** CONFIDENTIAL ***</h4>
29
+                    <p>
30
+                        This service provides
31
+                        you &mdash; the patient &mdash; with
32
+                        access to <strong>your own</strong> session logs.
33
+                        It is unethical to access logs of other patients
34
+                        and you are <strong>firmly</strong> requested
35
+                        <strong>not</strong> to do so.
36
+                    </p>
37
+                </div>
38
+            </div>
39
+        </div>
40
+        <div class="row">
41
+            <div class="col-md-6">
42
+                <div class="alert alert-info text-center">
43
+                    <h4>First, connect to the <code>doctor_kernel</code> WiFi network with the password <code>daemonthedog</code><h4>
44
+                    <img class="img-responsive center-block" style="marginalt="WiFi QR code" src="qrwifi.png" />
45
+                </div>
46
+            </div>
47
+            <div class="col-md-6">
48
+                <div class="alert alert-info text-center">
49
+                    <h4>You can the use your WWW browser to connect to <code>http://192.168.164.94:8000</code><h4>
50
+                    <img class="img-responsive center-block" style="marginalt="WWW server QR code" src="qrlogserver.png" />
51
+                </div>
52
+            </div>
53
+        </div>
54
+        <div class="row">
55
+            <div class="col-12">
56
+                <div class="alert alert-warning text-center">*** VERTRAULICH ***</div>
57
+            </div>
58
+        </div>
59
+    </div>
60
+    <script src="js/bootstrap.min.js"></script>
61
+
62
+</body>
63
+
64
+</html>

BIN
logs/lan-help.png View File


BIN
logs/qrlogserver.png View File


BIN
logs/qrwifi.png View File


Loading…
Cancel
Save