Add demo sessions to site for test tonight

ieee-vgtc · Oct 12, 2024 · 72ecb06 · 72ecb06
1 parent 7af4f88
commit 72ecb06
Show file tree

Hide file tree

Showing 52 changed files with 522 additions and 67 deletions.
diff --git a/program/calendar.html b/program/calendar.html
diff --git a/program/event_a-visap.html b/program/event_a-visap.html
diff --git a/program/event_conf.html b/program/event_conf.html
diff --git a/program/event_v-panels.html b/program/event_v-panels.html
diff --git a/program/event_v-test.html b/program/event_v-test.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="shortcut icon" href="/static/2024/images/favicon.png" type="image/x-icon"><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><script src="https://cdn.auth0.com/js/auth0-spa-js/1.12/auth0-spa-js.production.js"></script><script src="https://cdn.jsdelivr.net/npm/d3@6/dist/d3.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/handlebars.min.js" integrity="sha256-/PJBs6QWvXijOFIX04kZpLb6ZtSQckdOIavLWKKOgXU=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha256-WqU1JavFxSAMcLP2WIOI+GB2zWmShMI82mTpLDcqFUg=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/min/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/builds/moment-timezone-with-data.min.js" integrity="sha256-IWYg4uIC8/erItNXYvLtyYHioRi2zT1TFva8qaAU/ww=" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script><script src="https://cdn.jsdelivr.net/npm/tippy.js@6/dist/tippy-bundle.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script><script src="/static/2024/js/libs_ext/typeahead.bundle.js"></script><script src="/static/2024/js/data/persistor.js"></script><script src="/static/2024/js/data/api.js"></script><link rel="shortcut icon" href="/static/2024/images/favicon.png" type="image/x-icon"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY=" crossorigin="anonymous"><link href="/static/2024/css/Zilla.css" rel="stylesheet"><link href="/static/2024/css/Fira.css" rel="stylesheet"><link rel="stylesheet" href="/static/2024/css/main.css"><link rel="stylesheet" href="/static/2024/css/fa_solid.css"><link rel="stylesheet" href="/static/2024/css/lazy_load.css"><link rel="stylesheet" href="/static/2024/css/typeahead.css"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@ieeevis"><meta name="twitter:title" content="IEEE VIS 2024 - Event: Test Event"><meta name="twitter:description" content="See the conference event and its associated sessions and presentations inside."><meta name="twitter:image" content="https://ieeevis.b-cdn.net/vis_2021/vis_preview.png"><meta name="image" property="og:image" content="https://ieeevis.b-cdn.net/vis_2021/vis_preview.png"><meta name="description" property="og:description" content="See the conference event and its associated sessions and presentations inside."><meta name="title" property="og:title" content="Virtual IEEE VIS 2024 - Event: Test Event"><meta property="og:type" content="website"><title>IEEE VIS 2024 Content: Test Event</title></head> <body data-bs-spy="scroll" data-bs-target="#nav-scrollspy" style> <div class="container mb-5"> <div class="tabs"> </div> <div class="content"> <div class="row mt-3"> <div class="col-md-12"> <nav class="nav-breadcrumb mb-3" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item" aria-current="page"><a href="events.html">All events</a></li> <li class="breadcrumb-item active text-truncate" aria-current="page">Test Event</li> </ol> </nav> <h1 class="event-title">Test Event</h1> <h2 class="event-url text-muted"> <span class="fas mr-1">&#xf57c;</span> <a href="https://ieeevis.org/year/2024/program/event_v-test.html" target="_blank">https://ieeevis.org/year/2024/program/event_v-test.html</a> </h2> <h3 class="event-date text-muted"> <span class="fas mr-1">&#xf017;</span> <span class="format-date-span-full">2024-10-12T03:05:00Z &ndash; 2024-10-12T03:40:00Z</span> </h3> <h5 class="mt-4"> <span class="fas mr-2">&#xf073;</span> <a href="https://ieeevis.b-cdn.net/vis_2024/ics/v-test.ics"> Add all of this event's sessions to your calendar</a>. </h5> </div> </div> <hr> <div class="row py-3 session-listing-row test1" id="test1"> <div class="col-10 col-md-8 session-listing test1" style="border-color: ;"> <span class="session-type" style="color: ">conf</span> <h3 class="session-list-session"><a href="session_test1.html">IEEE VIS Test Session 1</a></h3> <h4 class="session-list-date mt-3"> <span class="fas mr-1">&#xf017;</span> <span class="format-date-span-full">2024-10-12T03:05:00Z &ndash; 2024-10-12T03:20:00Z</span> </h4> <h5 class="session-list-presenter"> <span class="fas mr-1">&#xf007;</span> Chair: Chair 1 </h5> <p class="session-list-info"> <span class="fas mr-1">&#xf05a;</span> 0 presentations in this session. <a href="session_test1.html">See more &raquo;</a> </p> </div> </div> <div class="row py-3 session-listing-row test2" id="test2"> <div class="col-10 col-md-8 session-listing test2" style="border-color: ;"> <span class="session-type" style="color: ">conf</span> <h3 class="session-list-session"><a href="session_test2.html">IEEE VIS Test Session 2</a></h3> <h4 class="session-list-date mt-3"> <span class="fas mr-1">&#xf017;</span> <span class="format-date-span-full">2024-10-12T03:25:00Z &ndash; 2024-10-12T03:40:00Z</span> </h4> <h5 class="session-list-presenter"> <span class="fas mr-1">&#xf007;</span> Chair: Chair 1 </h5> <p class="session-list-info"> <span class="fas mr-1">&#xf05a;</span> 0 presentations in this session. <a href="session_test2.html">See more &raquo;</a> </p> </div> </div> </div> </div> <script type="text/javascript">
+      $(document).ready(function () {
+        if (location.hash !== "") {
+          $('a[href="' + location.hash + '"]').tab("show");
+        }
+
+        $("a[data-toggle='tab']").on("shown.bs.tab", function (e) {
+          var hash = $(e.target).attr("href");
+          if (hash.substr(0, 1) == "#") {
+            var position = $(window).scrollTop();
+            location.replace("#" + hash.substr(1));
+            $(window).scrollTop(position);
+          }
+        });
+
+        const current_tz = getTimezone();
+        $("#tzCurrent").html(moment().tz(current_tz).format("Z"));
+
+        function getTimezone() {
+          const urlTz = window.getUrlParameter && getUrlParameter('tz');
+          if (urlTz) return urlTz;
+
+          const storageTz = window.localStorage.getItem("tz")
+          if (storageTz) return storageTz;
+
+          return moment.tz.guess();
+        }
+
+        // find all parseable dates and localize them
+        function formatDate(element) {
+          const current_tz = getTimezone();
+          let atime = moment.utc(element.text()).clone().tz(current_tz)
+          console.log("current_tz is ", current_tz, " element.text() is ", element.text(), " and atime is ", atime)
+          element.html(atime.format("dddd, MMMM Do, YYYY"))
+        }
+
+        function formatDateTime(element) {
+          const current_tz = getTimezone();
+          let atime = moment.utc(element.text()).clone().tz(current_tz)
+          console.log("current_tz is ", current_tz, " element.text() is ", element.text(), " and atime is ", atime)
+          element.html(atime.format("dddd, MMMM Do, YYYY @ HH:mm"))
+        }
+
+        function formatTimeSpan(element, includeDate) {
+          const current_tz = getTimezone();
+          console.log("current_tz is ", current_tz)
+          // return '';
+          // let parts = element.text().split(/[(\s-\s)|]/);
+          let parts = element.text().split(" – ");
+          let start = parts[0] && parts[0].trim();
+          let end = parts[1] && parts[1].trim();
+
+          let starttime = moment.utc(start).clone().tz(current_tz)
+          let endtime = moment.utc(end).clone().tz(current_tz)
+
+          //if(starttime.diff(endtime, "days") <= 0) // Making difference between the "D" numbers because the diff function
+          // seems like not considering the timezone
+          if (starttime.format("D") == endtime.format("D")) {
+            element.html(starttime.format(
+              "dddd, MMM Do, YYYY @ HH:mm") + " &ndash; " + endtime.format(
+              "HH:mm"));
+          } else {
+            element.html(starttime.format(
+              "dddd, MMM Do @ HH:mm") + " &ndash; " + endtime.format(
+              "dddd, MMM Do @ HH:mm"))
+          }
+        }
+
+        function formatTime(element) {
+          const current_tz = getTimezone();
+          let atime = moment.utc(element.text()).clone().tz(current_tz);
+          element.html(atime.format("HH:mm"));
+        }
+
+        $(".format-just-date").each((_i, element) => {
+          formatDate($(element));
+        });
+
+        $(".format-date").each((_i, element) => {
+          formatDateTime($(element));
+        });
+
+        $(".format-date-span").each((_i, element) => {
+          formatTimeSpan($(element));
+        });
+
+        $(".format-date-span-short").each((_i, element) => {
+          formatTimeSpan($(element), false);
+        });
+
+        $(".format-date-span-full").each((_i, element) => {
+          formatTimeSpan($(element), true);
+        });
+
+        $(".format-time").each((_i, element) => {
+          formatTime($(element));
+        });
+
+        function gtag() {
+          dataLayer.push(arguments);
+        }
+
+
+
+
+      });
+    </script> </body> </html>