/ index.html
index.html
1 <!doctype html> 2 3 <html lang="en"> 4 <head> 5 <meta charset="utf-8"> 6 7 <title>Hatschi</title> 8 <meta name="description" content="A symptom tracking app for common respiratory flu symptoms, especially COVID-19 "> 9 10 <link href="https://fonts.googleapis.com/css?family=Nunito:600&display=swap" rel="stylesheet"> 11 <link rel="stylesheet" href="css/styles.css?v=1.0"> 12 13 <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script> 14 <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/speech-commands"></script> 15 <!--<script src="js/model.js"></script>--> 16 17 <script src="https://cdn.jsdelivr.net/npm/dexie@2.0.4/dist/dexie.min.js"></script> 18 <script src="https://cdn.jsdelivr.net/npm/moment@2.24.0/moment.min.js"></script> 19 20 <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script> 21 <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0/dist/chartjs-plugin-datalabels.min.js"></script> 22 23 </head> 24 25 <body> 26 <div id="header"> 27 <div id="header-inner"> 28 <h1>Hatschi</h1> 29 <div id="status" class="loading"> 30 <div id="status-loading">Lade Modell...</div> 31 <div id="status-listening"> 32 <div class="ring-container"> 33 <div class="ringring"></div> 34 <div class="circle"></div> 35 </div> 36 <span>Analyse aktiv</span> 37 </div> 38 <div id="status-stopped">Analyse gestoppt</div> 39 </div> 40 </div> 41 </div> 42 43 <div id="content"> 44 <div id="health" class="good"> 45 <div class="good">Ihre Symptome sind im Normbereich, kein besonderes Verhalten erforderlich. Bleiben Sie gesund!</div> 46 <div class="warn">Ihre Symptome zeigen eine bedenkliche Verschlechterung. Vermeiden sie Kontakt mit anderen Personen.</div> 47 <div class="bad">Sie haben zuletzt enorm häufig gehustet. Zudem klang Ihr Husten sehr trocken. Kontaktieren Sie bitte telefonisch Ihren Arzt und/oder das Gesundheitsamt um weitere Schritte einzuleiten.</div> 48 </div> 49 50 <div id="charts"> 51 <ul id="resolutions"> 52 <li>Letzte 7 Tage</li> 53 </ul> 54 <div id="chart-container"><canvas id="chart"></canvas></div> 55 </div> 56 57 <div id="testdata"> 58 <h2>Beispieldatensätze</h2> 59 <ul> 60 <li id="bsp1">Beispiel 1</li> 61 <li id="bsp2">Beispiel 2</li> 62 <li id="bsp3">Beispiel 3</li> 63 <li id="random">Zufällige Daten</li> 64 <li id="reset">Daten zurücksetzen</li> 65 </ul> 66 </div> 67 68 <div id="disclaimer"> 69 Nichts, was in den Inhalten des Anbieters enthalten ist, ist dazu bestimmt, Krankheiten zu diagnostizieren oder zu behandeln. Der Anbieter ist kein Arzt und gibt keine medizinischen oder gesundheitlichen Heilversprechen ab. 70 Die Inhalte dürfen nicht als Grundlage zur eigenständigen Diagnose und Beginn, Änderung oder Beendigung einer Behandlung von Krankheiten verwendet werden. 71 Konsultieren Sie bei gesundheitlichen Fragen oder Beschwerden immer ihren behandelnden Arzt. 72 </div> 73 <a href="https://wirvsvirushackathon.org/"><img id="project" src="css/wvsv.png" /></a> 74 </div> 75 <script src="js/aggregation.js"></script> 76 <script src="js/scripts.js"></script> 77 </body> 78 </html>