Update for SoCraTes 2024

OpenSpaceOrg · Aug 18, 2024 · b72e6cb · b72e6cb
1 parent b57a7a3
commit b72e6cb
Show file tree

Hide file tree

Showing 4 changed files with 103 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
 </head>
 <body>
 
-<a href="/socrates2023/index.html"><img src="socrates2023/socrates_logo_2023.png" style="width: 240px;"/></a>
+<a href="/socrates2024/index.html"><img src="socrates2024/socrates_logo_2024.png" style="width: 240px;"/></a>
 
 <!--<h1>2019</h1>-->
 <!--<a href="/socratesuk2019/index.html"><img src="socratesuk2019/SoCraTes_UK.png" style="width: 240px;"/></a>-->

diff --git a/socrates2024/index.html b/socrates2024/index.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="../skin/konopas.css">
+    <meta name="HandheldFriendly" content="true">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="shortcut icon" sizes="196x196" href="../skin/favicon.196.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+
+    <title>SoCraTes 2024</title>
+</head>
+<body>
+<div id="scroll"><a href="#top" id="scroll_link" data-txt>Scroll up</a></div>
+<div id="time"></div>
+<div id="banner">
+    <div id="server_connect"></div>
+    <h1><a href="#info" title="SoCraTes 2024">
+        <img id="title-small" src="socrates_logo_2024.png" style="width: 240px;">
+        <img id="title" src="socrates_logo_2024.png" style="width: 200px;"></a></h1>
+    <ul id="tabs">
+        <li id="tab_star"><a href="#star" data-txt>My con</a>
+        <li id="tab_prog"><a href="#" data-txt>Program</a>
+            <div id="day-sidebar" class="sub-side"></div>
+        <li id="tab_info"><a href="#info" data-txt>Info/Map</a>
+    </ul>
+    <div id="refresh"><i class="refresh_icon"></i><span data-txt>Refresh data</span></div>
+</div>
+
+<div id="main">
+    <div id="star_view" class="view">
+        <div id="star_data"></div>
+    </div>
+    <div id="prog_view" class="view">
+        <div id="prog_filters" class="filters">
+            <div id="prog_lists"></div>
+            <form name="search" id="search">
+                <input type="text" id="q" required data-txt="Search" data-txt-attr="placeholder">
+                <div id="q_ctrl">
+                    <input type="submit" id="q_submit" data-txt="Go" data-txt-attr="value">
+                    <input type="reset" id="q_clear" data-txt="Clear all" data-txt-attr="value">
+                </div>
+<!--                <div id="q_hint" class="hint"></div>-->
+            </form>
+            <div id="filter_sum"></div>
+        </div>
+        <div id="day-narrow" class="sub-narrow"></div>
+    </div>
+    <div id="info_view" class="view">
+        <p>This is the programme guide for <a href="https://socrates-conference.de/">SoCraTes 2024</a>. It should be
+            suitable for use on
+            most browsers and devices. It's an instance of <a href="http://konopas.org/">KonOpas</a>, an open-source
+            project providing conventions with easy-to-use mobile-friendly guides.</p>
+        <div id="install-instructions">
+            <p>This guide will work in your browser even when you don't have an internet connection.
+            <h4 class="collapse">You can also install it as a home screen app</h4>
+            <dl class="compact-dl">
+                <dt>Safari on iPhone/iPad
+                <dd>Tap on <i class="ios_share_icon"></i> (share), then tap <b>Add to Home Screen</b>.
+                <dt>Chrome on Android
+                <dd>Tap on <i class="android_menu_icon"></i> (menu), then tap <b>Add to Home Screen</b>.
+                <dt>Firefox on Android
+                <dd>Tap on <i class="android_menu_icon"></i> (menu), then tap <b>Bookmark</b> and select <b>Options</b>,
+                    and <b>Add to Home Screen</b>.
+                <dt>IE on Windows Phone
+                <dd>Tap on <i class="ie_menu_icon"></i> (menu), then tap <b>Pin to Start</b>
+            </dl>
+        </div>
+        <div>
+            <h3>Map</h3>
+            <img src="socrates_map_2024.png" style="width: 350px;" alt="map of the location"/>
+        </div>
+        <script>
+            if (navigator.standalone) document.getElementById('install-instructions').style.display = 'none';
+        </script>
+    </div>
+    <div id="prog_ls" class="ls"><br>
+        <div class="ls_loading">Loading programme data&hellip;</div>
+    </div>
+</div>
+
+<script src="../konopas.min.js"></script>
+<script>
+var konopas = new KonOpas({
+    'id': 'SoCraTes2024',
+    'default_duration': 50,
+    'time_show_am_pm': false,
+    'show_all_days_by_default': true,
+    'use_server': false
+});
+$.getJSON("https://scrts-jbe.k8s.with-humans.org/v1/konopas", function (data) {
+    program = data;
+}).done(function () {
+    konopas.set_program(program, {
+        'day': {},
+        'area': {},
+        'tag': {}
+    });
+    konopas.set_view();
+});
+</script>
diff --git a/socrates2024/socrates_logo_2024.png b/socrates2024/socrates_logo_2024.png
diff --git a/socrates2024/socrates_map_2024.png b/socrates2024/socrates_map_2024.png