Deployment

2023-05-27 17:32:53 -04:00 · 2023-05-27 17:32:53 -04:00 · f1f46aa489
parent f8ffa6ee20
commit f1f46aa489
27 changed files with 123 additions and 181 deletions
--- a/_site/assets/js/localtime.js
+++ b/_site/assets/js/localtime.js
@ -0,0 +1,70 @@
+function parseEventTimes() {
+  const dateformatter = Intl.DateTimeFormat(
+    "en-CA",
+    {
+      hour: '2-digit',
+      minute: '2-digit',
+      timeZoneName: 'short',
+      hour12: false
+    });
+
+  const eventtimes = document.getElementsByClassName("eventtime");
+  for(eventtime of eventtimes) {
+    const eventdate = eventtime.getAttribute("data-event-date")
+    if(eventdate) {
+      let parts = eventdate.split("-");
+      if(parts.length !== 3)
+        continue;
+
+      const year = parseInt(parts[0], 10);
+      const month = parseInt(parts[1], 10);
+      const day = parseInt(parts[2], 10);
+
+      parts = eventtime.innerText.split("UTC");
+      if(parts.length < 2)
+        continue;
+
+      parts = parts[0].split(":")
+      if(parts.length !== 2)
+        continue;
+
+      const hour = parseInt(parts[0], 10);
+      const minute = parseInt(parts[1], 10);
+
+      let date = Date.UTC(year, month, day, hour, minute);
+      date = new Date(date);
+      date = dateformatter.format(date);
+      eventtime.innerHTML += " (" + date + ")";
+    }
+  }
+}
+
+function parseEventDates() {
+  const dateformatter = Intl.DateTimeFormat(
+    "en-CA",
+    {
+      weekday: 'short',
+      hour: '2-digit',
+      minute: '2-digit',
+      timeZoneName: 'short',
+      hour12: false
+    });
+
+  const eventdates = document.getElementsByClassName("eventdate");
+  for(eventdate of eventdates) {
+    const date_attribute = eventdate.getAttribute("data-event-datetime")
+    if(date_attribute) {
+      let date = Date.parse(date_attribute.replace("UTC", "Z"))
+      if(isNaN(date))
+        continue;
+
+      date = new Date(date);
+      date = dateformatter.format(date);
+      eventdate.innerHTML += " (" + date + ")";
+    }
+  }}
+
+document.addEventListener("DOMContentLoaded", (event) => {
+  parseEventTimes();
+  parseEventDates();
+});
--- a/_site/assets/js/terminalcolors.js
+++ b/_site/assets/js/terminalcolors.js
@ -1,117 +0,0 @@
-// Collection of scripts to deploy a server hosting several open-source games
-// Copyright (C) 2022  Jarno van der Kolk
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published
-// by the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-// Shell command can have control codes. Some of these mean colours.
-function convertTerminalCodeToHtml(line) {
-  let htmlline = "";
-  let open_spans = 0;
-  for(let i = 0; i < line.length; i++) {
-    if(line[i] == '\033') {
-      let code = line[++i]
-      if(code == '[') {
-        // This means it's a colour
-        while(i < line.length && line[i] != 'm') {
-          let colour_code = "";
-          for(i++; i < line.length && line[i] != 'm' && line[i] != ';'; i++) {
-            colour_code += line[i];
-          }
-          colour_code = parseInt(colour_code);
-          if(colour_code === 0) {
-            for(let i = 0; i < open_spans; i++) {
-              htmlline += "</span>";
-            }
-            open_spans = 0;
-          }
-          if(colour_code === 1) {
-            htmlline += '<span class="TERM_FOREGROUND_BOLD">';
-            open_spans++;
-          }
-          else if(colour_code >= 30 && colour_code <= 37) {
-            htmlline += '<span class="TERM_FOREGROUND_'+(colour_code-30)+'">';
-            open_spans++;
-          }
-          else if(colour_code >= 90 && colour_code <= 97) {
-            htmlline += '<span class="TERM_FOREGROUND_'+(colour_code-90)+'_INTENSE">';
-            open_spans++;
-          }
-        }
-      }
-    }
-    else if(line[i] == '<') {
-      htmlline += "&lt;"
-    }
-    else if(line[i] == '>') {
-      htmlline += "&gt;"
-    }
-    else if(line[i] == '&') {
-      htmlline += "&amp;"
-    }
-    else {
-      htmlline += line[i];
-    }
-  }
-
-  for(let i = 0; i < open_spans; i++) {
-    htmlline += "</span>";
-  }
-
-  return htmlline
-}
-
-// Shell command can have control codes. Some of these mean colours.
-function convertDaemonedCodeToHtml(line) {
-  let htmlline = "";
-  let open_spans = 0;
-  for(let i = 0; i < line.length; i++) {
-    if(line[i] == '^') {
-      let code = line[++i]
-      for(let i = 0; i < open_spans; i++) {
-        htmlline += "</span>";
-      }
-      open_spans = 0;
-
-      if(code == 'N') {
-        htmlline += '<span class="TERM_FOREGROUND_BOLD">';
-        open_spans++;
-      }
-      else {
-        let colour_code = parseInt(code);
-        if(colour_code >= 0) {
-          htmlline += '<span class="TERM_FOREGROUND_'+colour_code+'">';
-          open_spans++;
-        }
-      }
-    }
-    else if(line[i] == '<') {
-      htmlline += "&lt;"
-    }
-    else if(line[i] == '>') {
-      htmlline += "&gt;"
-    }
-    else if(line[i] == '&') {
-      htmlline += "&amp;"
-    }
-    else {
-      htmlline += line[i];
-    }
-  }
-
-  for(let i = 0; i < open_spans; i++) {
-    htmlline += "</span>";
-  }
-
-  return htmlline
-}
--- a/_site/feed.xml
+++ b/_site/feed.xml
@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.0">Jekyll</generator><link href="https://onfoss.org/feed.xml" rel="self" type="application/atom+xml" /><link href="https://onfoss.org/" rel="alternate" type="text/html" /><updated>2023-05-26T11:33:22-04:00</updated><id>https://onfoss.org/feed.xml</id><title type="html">onFOSS</title><subtitle>onFOSS is an online, &quot;Free (as Freedom) and Open Source&quot; LAN-Party. The goal is to get people together, enjoying the art of computer games and having a great time in these days. The FOSS community is a place of being open minded and acceptance to all different kinds of people with the focus of fully transparent systems and protecting individuals. So it does not matter if you are on Windows, Mac or Linux and it is also NOT necessary to have a PC MASTERRACE setup to run those games.
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.0">Jekyll</generator><link href="https://onfoss.org/feed.xml" rel="self" type="application/atom+xml" /><link href="https://onfoss.org/" rel="alternate" type="text/html" /><updated>2023-05-27T17:31:55-04:00</updated><id>https://onfoss.org/feed.xml</id><title type="html">onFOSS</title><subtitle>onFOSS is an online, &quot;Free (as Freedom) and Open Source&quot; LAN-Party. The goal is to get people together, enjoying the art of computer games and having a great time in these days. The FOSS community is a place of being open minded and acceptance to all different kinds of people with the focus of fully transparent systems and protecting individuals. So it does not matter if you are on Windows, Mac or Linux and it is also NOT necessary to have a PC MASTERRACE setup to run those games.
 </subtitle><entry><title type="html">onFOSS: The next generation!</title><link href="https://onfoss.org/news/2023/05/24/onFOSS-Next-Gen.html" rel="alternate" type="text/html" title="onFOSS: The next generation!" /><published>2023-05-24T00:00:00-04:00</published><updated>2023-05-24T00:00:00-04:00</updated><id>https://onfoss.org/news/2023/05/24/onFOSS-Next-Gen</id><content type="html" xml:base="https://onfoss.org/news/2023/05/24/onFOSS-Next-Gen.html">&lt;p&gt;The “onFOSS-LAN” started as an idea by &lt;a href=&quot;https://hribhrib.at&quot;&gt;hribhrib&lt;/a&gt; to host a LAN-party-like experience online. Yes, the pun with LAN instead of WAN-party was intended but didn’t ripe well, however, what instead did ripe well was the whole Event! Only one year after the first public onFOSS-LAN another host joined the team: &lt;a href=&quot;http://jarno.ca/&quot;&gt;DeathByDenim&lt;/a&gt;. Even more people got together to bring this experience to everyone that was interested in FOSS-Gaming, and group-effort hosting started to sprout, mostly by people of the &lt;a href=&quot;https://libregaming.org/&quot;&gt;LibreGaming&lt;/a&gt; community.&lt;/p&gt;

 &lt;h2 id=&quot;rebranding&quot;&gt;Rebranding&lt;/h2&gt;
--- a/_site/help.html
+++ b/_site/help.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_armagetron.html
+++ b/_site/help_armagetron.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_bzflag.html
+++ b/_site/help_bzflag.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_hedgewars.html
+++ b/_site/help_hedgewars.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_lix.html
+++ b/_site/help_lix.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_mindustry.html
+++ b/_site/help_mindustry.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_minetest.html
+++ b/_site/help_minetest.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_odamex.html
+++ b/_site/help_odamex.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_openhv.html
+++ b/_site/help_openhv.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_opensoldat.html
+++ b/_site/help_opensoldat.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_openspades.html
+++ b/_site/help_openspades.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_shatteredparadise.html
+++ b/_site/help_shatteredparadise.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_supertuxkart.html
+++ b/_site/help_supertuxkart.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_supertuxparty.html
+++ b/_site/help_supertuxparty.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_teeworlds.html
+++ b/_site/help_teeworlds.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_ufoai.html
+++ b/_site/help_ufoai.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_unvanquished.html
+++ b/_site/help_unvanquished.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/help_xonotic.html
+++ b/_site/help_xonotic.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/index.html
+++ b/_site/index.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/news.html
+++ b/_site/news.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/news/2023/05/24/onFOSS-Next-Gen.html
+++ b/_site/news/2023/05/24/onFOSS-Next-Gen.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/resources.html
+++ b/_site/resources.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
--- a/_site/schedule.html
+++ b/_site/schedule.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">
@ -40,14 +41,7 @@
          
          <h2>Past</h2>
          
-                    <h4>Saturday 06 May 2023, 12:00 UTC</h4>
-          <script>
-            var event_year = 2023;
-            var event_month = 5;
-            var event_day =  6;
-            var d = new Date(Date.UTC(event_year, event_month, event_day, 12, 00));
-            document.writeln("<p>(Local time: "+d.toTimeString()+")</p>")
-          </script>
+                    <h4 class="eventdate" data-event-datetime="2023-05-06T12:00:00UTC">Saturday 06 May 2023, 12:00 UTC</h4>
          
          <p>onFOSS-LAN hosted by hribhrib</p>
          
@ -55,49 +49,49 @@
            
            
            
-            <li>12:00UTC Get and chill together<script>d=new Date(Date.UTC(event_year, event_month, event_day, 12, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">12:00UTC Get and chill together</li>
            
            
            
            
            
-            <li>13:00UTC OpenSpades<script>d=new Date(Date.UTC(event_year, event_month, event_day, 13, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">13:00UTC OpenSpades</li>
            
            
            
            
            
-            <li>14:30UTC Blockbomber<script>d=new Date(Date.UTC(event_year, event_month, event_day, 14, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">14:30UTC Blockbomber</li>
            
            
            
            
            
-            <li>15:30UTC Break<script>d=new Date(Date.UTC(event_year, event_month, event_day, 15, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">15:30UTC Break</li>
            
            
            
            
            
-            <li>16:00UTC Xonotic <a href="tournament.html" class="game-tournament">Tournament</a><script>d=new Date(Date.UTC(event_year, event_month, event_day, 16, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">16:00UTC Xonotic <a href="tournament.html" class="game-tournament">Tournament</a></li>
            
            
            
            
            
-            <li>18:00UTC Break<script>d=new Date(Date.UTC(event_year, event_month, event_day, 18, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">18:00UTC Break</li>
            
            
            
            
            
-            <li>18:30UTC OpenHV<script>d=new Date(Date.UTC(event_year, event_month, event_day, 18, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">18:30UTC OpenHV</li>
            
            
            
            
            
-            <li>20:00UTC Mindustry<script>d=new Date(Date.UTC(event_year, event_month, event_day, 20, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2023-5- 6">20:00UTC Mindustry</li>
            
            
            
@ -105,14 +99,7 @@
          

          
-                    <h4>Saturday 17 December 2022, 14:00 UTC</h4>
-          <script>
-            var event_year = 2022;
-            var event_month = 12;
-            var event_day = 17;
-            var d = new Date(Date.UTC(event_year, event_month, event_day, 14, 00));
-            document.writeln("<p>(Local time: "+d.toTimeString()+")</p>")
-          </script>
+                    <h4 class="eventdate" data-event-datetime="2022-12-17T14:00:00UTC">Saturday 17 December 2022, 14:00 UTC</h4>
          
          <p>onFOSS-LAN hosted by DeathByDenim</p>
          
@ -120,43 +107,43 @@
            
            
            
-            <li>14:00UTC Get together<script>d=new Date(Date.UTC(event_year, event_month, event_day, 14, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">14:00UTC Get together</li>
            
            
            
            
            
-            <li>14:30UTC Doom (ODAMEX) XMAS mod<script>d=new Date(Date.UTC(event_year, event_month, event_day, 14, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">14:30UTC Doom (ODAMEX) XMAS mod</li>
            
            
            
            
            
-            <li>15:15UTC Teeworlds<script>d=new Date(Date.UTC(event_year, event_month, event_day, 15, 15));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">15:15UTC Teeworlds</li>
            
            
            
            
            
-            <li>16:00UTC OpenSpades<script>d=new Date(Date.UTC(event_year, event_month, event_day, 16, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">16:00UTC OpenSpades</li>
            
            
            
            
            
-            <li>17:00UTC Break<script>d=new Date(Date.UTC(event_year, event_month, event_day, 17, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">17:00UTC Break</li>
            
            
            
            
            
-            <li>18:00UTC Lix<script>d=new Date(Date.UTC(event_year, event_month, event_day, 18, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">18:00UTC Lix</li>
            
            
            
            
            
-            <li>18:30UTC Free Play!<script>d=new Date(Date.UTC(event_year, event_month, event_day, 18, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-12-17">18:30UTC Free Play!</li>
            
            
              <ul>
@ -170,14 +157,7 @@
          

          
-                    <h4>Saturday 02 July 2022, 14:00 UTC</h4>
-          <script>
-            var event_year = 2022;
-            var event_month = 7;
-            var event_day =  2;
-            var d = new Date(Date.UTC(event_year, event_month, event_day, 14, 00));
-            document.writeln("<p>(Local time: "+d.toTimeString()+")</p>")
-          </script>
+                    <h4 class="eventdate" data-event-datetime="2022-07-02T14:00:00UTC">Saturday 02 July 2022, 14:00 UTC</h4>
          
          <p>onFOSS-LAN hosted by DeathByDenim</p>
          
@ -185,25 +165,25 @@
            
            
            
-            <li>14:00UTC OpenSoldat<script>d=new Date(Date.UTC(event_year, event_month, event_day, 14, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-7- 2">14:00UTC OpenSoldat</li>
            
            
            
            
            
-            <li>15:00UTC Lix<script>d=new Date(Date.UTC(event_year, event_month, event_day, 15, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-7- 2">15:00UTC Lix</li>
            
            
            
            
            
-            <li>16:00UTC Teeworlds DDrace<script>d=new Date(Date.UTC(event_year, event_month, event_day, 16, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-7- 2">16:00UTC Teeworlds DDrace</li>
            
            
            
            
            
-            <li>17:00UTC Free play!<script>d=new Date(Date.UTC(event_year, event_month, event_day, 17, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-7- 2">17:00UTC Free play!</li>
            
            
              <ul>
@ -219,14 +199,7 @@
          

          
-                    <h4>Saturday 19 March 2022, 14:00 UTC</h4>
-          <script>
-            var event_year = 2022;
-            var event_month = 3;
-            var event_day = 19;
-            var d = new Date(Date.UTC(event_year, event_month, event_day, 14, 00));
-            document.writeln("<p>(Local time: "+d.toTimeString()+")</p>")
-          </script>
+                    <h4 class="eventdate" data-event-datetime="2022-03-19T14:00:00UTC">Saturday 19 March 2022, 14:00 UTC</h4>
          
          <p>onFOSS-LAN hosted by DeathByDenim</p>
          
@ -234,25 +207,25 @@
            
            
            
-            <li>14:00UTC Armagetron Advanced<script>d=new Date(Date.UTC(event_year, event_month, event_day, 14, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-3-19">14:00UTC Armagetron Advanced</li>
            
            
            
            
            
-            <li>15:00UTC Xonotic - Battle Royale<script>d=new Date(Date.UTC(event_year, event_month, event_day, 15, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-3-19">15:00UTC Xonotic - Battle Royale</li>
            
            
            
            
            
-            <li>16:00UTC Lix<script>d=new Date(Date.UTC(event_year, event_month, event_day, 16, 00));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-3-19">16:00UTC Lix</li>
            
            
            
            
            
-            <li>16:30UTC Free play!<script>d=new Date(Date.UTC(event_year, event_month, event_day, 16, 30));document.writeln(" ("+ Intl.DateTimeFormat(undefined, {hour: '2-digit', minute: '2-digit', timeZoneName: 'short'}).format(d) + ")")</script></li>
+            <li class="eventtime" data-event-date="2022-3-19">16:30UTC Free play!</li>
            
            
              <ul>
@ -298,14 +271,7 @@


          
-                    <h4>Saturday 12 February 2022, 15:00 UTC</h4>
-          <script>
-            var event_year = 2022;
-            var event_month = 2;
-            var event_day = 12;
-            var d = new Date(Date.UTC(event_year, event_month, event_day, 15, 00));
-            document.writeln("<p>(Local time: "+d.toTimeString()+")</p>")
-          </script>
+                    <h4 class="eventdate" data-event-datetime="2022-02-12T15:00UTC">Saturday 12 February 2022, 15:00 UTC</h4>
          
          <p>Session to test if it all works as intended</p>
          
--- a/_site/tournament.html
+++ b/_site/tournament.html
@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/assets/css/main.css">
    <link rel="icon" href="/assets/img/icon.svg" sizes="any" type="image/svg+xml">
    <link rel="alternate" type="application/rss+xml" title="onfoss.org" href="/feed.xml">
+    <script src="/assets/js/localtime.js"></script>
  </head>
  <body>
        <nav class="container">