From 08f7d9c6a9a30941f11ed988dc6c60563a900867 Mon Sep 17 00:00:00 2001
From: Thayol <thayol@zovguran.net>
Date: Wed, 8 Jul 2026 22:35:20 +0200
Subject: [PATCH] Initial commit

---
 .gitignore         |   3 +
 README.md          |   5 ++
 background.svg     |  35 ++++++++
 config.php.example |   4 +
 favicon/128.png    | Bin 0 -> 411 bytes
 favicon/32.png     | Bin 0 -> 124 bytes
 favicon/64.png     | Bin 0 -> 228 bytes
 functions.php      |  46 ++++++++++
 index.php          |  75 ++++++++++++++++
 options.php        |  16 ++++
 releases/.gitkeep  |   0
 script.php         |  20 +++++
 styles.css         | 210 +++++++++++++++++++++++++++++++++++++++++++++
 13 files changed, 414 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 README.md
 create mode 100644 background.svg
 create mode 100644 config.php.example
 create mode 100644 favicon/128.png
 create mode 100644 favicon/32.png
 create mode 100644 favicon/64.png
 create mode 100644 functions.php
 create mode 100644 index.php
 create mode 100644 options.php
 create mode 100644 releases/.gitkeep
 create mode 100644 script.php
 create mode 100644 styles.css

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..36dcfec
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+/online
+/releases/*
+/config.php
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..6ee3c8b
--- /dev/null
+++ b/README.md
@@ -0,0 +1,5 @@
+# Supercardinality Website
+
+The official Supercardinality website.
+
+https://uncensored.hu/supercardinality
diff --git a/background.svg b/background.svg
new file mode 100644
index 0000000..29e5bd5
--- /dev/null
+++ b/background.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<svg viewBox="0 0 1360 860" width="100%" height="100%" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs>
+    <g id="background">
+      <rect style="fill:#0b0b0d;" id="rect" width="1360" height="860" x="0" y="0"></rect>
+    </g>
+    <g id="leafg">
+      <path d="M0,0 C 8,-15 32,-19 52,-5 C 34,-1 20,10 0,0 Z" fill="#16161a" stroke="#2c2c31" stroke-width="1.4"></path>
+      <path d="M4,-3 C 20,-7 34,-9 48,-6" fill="none" stroke="#2c2c31" stroke-width="1"></path>
+    </g>
+    <g id="cluster">
+      <path d="M -30,900 C 130,840 70,690 200,640 C 320,594 250,470 380,440 C 452,423 486,486 470,540" fill="none" stroke="#2a2a30" stroke-width="3"></path>
+      <path d="M 200,640 C 150,600 118,548 56,522" fill="none" stroke="#242429" stroke-width="2"></path>
+      <path d="M 470,540 C 512,562 522,520 500,500 C 486,490 470,502 481,517" fill="none" stroke="#242429" stroke-width="2"></path>
+      <path d="M 380,440 C 420,410 458,404 500,414" fill="none" stroke="#242429" stroke-width="1.8"></path>
+      <use href="#leafg" transform="translate(206,632) rotate(-38) scale(1.15)"></use>
+      <use href="#leafg" transform="translate(300,500) rotate(210) scale(1.05)"></use>
+      <use href="#leafg" transform="translate(384,440) rotate(-8) scale(1.25)"></use>
+      <use href="#leafg" transform="translate(500,414) rotate(-24) scale(1.0)"></use>
+      <use href="#leafg" transform="translate(115,560) rotate(196) scale(0.95)"></use>
+      <use href="#leafg" transform="translate(58,522) rotate(228) scale(0.8)"></use>
+    </g>
+    <radialGradient id="vignette" cx="50%" cy="42%" rx="70%" ry="60%" gradientUnits="objectBoundingBox">
+      <stop offset="30%" stop-color="black" stop-opacity="0" />
+      <stop offset="100%" stop-color="black" stop-opacity="0.62" />
+    </radialGradient>
+  </defs>
+  <use href="#background"></use>
+  <use href="#cluster"></use>
+  <use href="#cluster" transform="rotate(180 680 430)"></use>
+  <use href="#leafg" transform="translate(1280,150) rotate(100) scale(0.9)" opacity="0.7"></use>
+  <use href="#leafg" transform="translate(120,690) rotate(-120) scale(0.85)" opacity="0.7"></use>
+  <rect width="100%" height="100%" fill="url(#vignette)" />
+</svg>
diff --git a/config.php.example b/config.php.example
new file mode 100644
index 0000000..8e16b58
--- /dev/null
+++ b/config.php.example
@@ -0,0 +1,4 @@
+<?php
+
+$contact_name = "Example Contact";
+$contact_link = "https://example.com";
diff --git a/favicon/128.png b/favicon/128.png
new file mode 100644
index 0000000000000000000000000000000000000000..f39b12ff8f9d82759240f8f830ae7acd40387d8d
GIT binary patch
literal 411
zcmeAS@N?(olHy`uVBq!ia0y~yU}ykg4mJh`hQoG=rx_R+I14-?iy0XBj({-ZRBb+K
z1_nl7PZ!6KiaBpD88R{`@Eq9CSbtt2*<F~`wkquzZ)CZ3Lo8c|vBMn3M?3=Q4HnEt
kBo)pv6pjjE4~g1KEsXzJV<&!QU|?YIboFyt=akR{03`E#!2kdN

literal 0
HcmV?d00001

diff --git a/favicon/32.png b/favicon/32.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed701528fd6eae46ab86677aef2fad1576499f24
GIT binary patch
literal 124
zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}oCO|{#S9F5M?jcysy3fA
z0|SGer;B4qMC;pghKvjbJPig>|L2)Y);2L3U46Y_?;K_Z6cAFYD8y)gwevweNZ8ZW
K&t;ucLK6T@m>l2$

literal 0
HcmV?d00001

diff --git a/favicon/64.png b/favicon/64.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ca6c82efbf972f316720a7ff62b4677e63cef6a
GIT binary patch
literal 228
zcmeAS@N?(olHy`uVBq!ia0y~yU~m9o4mJh`hE<t`_ZS!$I14-?iy0XBj({-ZRBb+K
z1_p*{o-U3d6?5KRa1=aXz;JlOnm?B1247aR9(bOA`|jaBz6(+dn76RKU|7p&<&fP#
dC+=^?fGv#m3|c8a85kHCJYD@<);T3K0RWf#OML(U

literal 0
HcmV?d00001

diff --git a/functions.php b/functions.php
new file mode 100644
index 0000000..a0207f8
--- /dev/null
+++ b/functions.php
@@ -0,0 +1,46 @@
+<?php
+
+function timestamp_in_words($timestamp) {
+  if (!is_numeric($timestamp) || $timestamp < 0) {
+    return "";
+  }
+
+  $seconds = time() - $timestamp;
+  $future = $seconds < 0;
+  $seconds = abs($seconds);
+
+  $minutes = round($seconds / 60);
+  $hours = round($seconds / 3600);
+  $days = round($seconds / 86400);
+  $months = round($seconds / 2592000);
+  $years = round($seconds / 31536000);
+
+  if ($seconds < 60) { $w = 'less than a minute'; }
+  elseif ($seconds < 90) { $w = 'about a minute'; }
+  elseif ($minutes < 50) { $w = "$minutes minutes"; }
+  elseif ($hours < 2) { $w = 'about an hour'; }
+  elseif ($hours < 24) { $w = "$hours hours"; }
+  elseif ($days < 2) { $w = 'a day'; }
+  elseif ($days < 30) { $w = "$days days"; }
+  elseif ($days < 45) { $w = 'about a month'; }
+  elseif ($days < 365) { $w = "$months months"; }
+  elseif ($years < 2) { $w = 'about a year'; }
+  else { $w = "$years years"; }
+
+  return $future ? "$w from now" : "$w ago";
+}
+
+function guess_os() {
+  $os_guess = 'linux';
+  $user_agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
+  if (stripos($user_agent, 'Android') !== false) {}
+  elseif (stripos($user_agent, 'iPhone') !== false) {}
+  elseif (stripos($user_agent, 'iPad') !== false) {}
+  elseif (stripos($user_agent, 'CrOS') !== false) { $os_guess = 'linux'; }
+  elseif (stripos($user_agent, 'Windows') !== false) { $os_guess = 'windows'; }
+  elseif (stripos($user_agent, 'Macintosh') !== false) {}
+  elseif (stripos($user_agent, 'Linux') !== false) { $os_guess = 'linux'; }
+  elseif (stripos($user_agent, 'FreeBSD') !== false) {}
+
+  return $os_guess;
+}
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..49b98da
--- /dev/null
+++ b/index.php
@@ -0,0 +1,75 @@
+<?php require "script.php"; ?>
+<!doctype html>
+<html>
+  <head>
+    <title>Supercardinality</title>
+
+    <meta name="robots" content="noindex" />
+    <meta name="description" content="If mid doesn't exist you can't run it down." />
+    <meta name="author" content="Thayol" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8" />
+
+    <link rel="icon" type="image/png" href="favicon/128.png">
+    <link rel="icon" type="image/png" sizes="64x64" href="favicon/64.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon/32.png">
+
+    <link rel="stylesheet" href="styles.css">
+  </head>
+  <body>
+    <div></div>
+    <main>
+      <div class="divider">
+        <div class="divider-gem"></div>
+      </div>
+
+      <h1>
+        Supercardinality
+      </h1>
+
+      <p class="divider subtitle">
+        NO MID NO FEED
+      </p>
+
+      <?php
+        $download_link = $options[$os_guess]["download_path"];
+        $download_filename = $options[$os_guess]["download_filename"];
+      ?>
+      <a class="recommended build" href="<?= $download_link ?>" download="<?= $download_filename ?>">
+        <div>
+
+          <?php
+            $primary_button_text = [
+              "linux" => "Download for Linux",
+              "windows" => "Download for Windows",
+            ];
+          ?>
+          Download for <?= $options[$os_guess]["name"] ?>
+        </div>
+      </a>
+
+      <ul class="other-builds">
+        <p>Other builds</p>
+        <?php foreach($options as $os => $target): ?>
+        <li>
+          <a class="other build" href="<?= $target["download_path"] ?>" download="<?= $target["download_filename"] ?>">
+            <?= $target["name"] ?><span class="architecture"><?= $target["architecture"] ?></span>
+          </a>
+        </li>
+        <?php endforeach; ?>
+      </ul>
+    </main>
+    <footer>
+      <p>In case of any questions, message <a href="<?= $contact_link ?>"><?= $contact_name ?></a>.</p>
+
+      <?php if (!empty($version)): ?>
+      <p>
+        <?= $version ?>
+        <?php if (!empty($version_timestamp)): ?>
+        ・ built <?= $version_timestamp_in_words ?>
+        <?php endif; ?>
+      </p>
+      <?php endif; ?>
+    </footer>
+  </body>
+</html>
diff --git a/options.php b/options.php
new file mode 100644
index 0000000..bc6642a
--- /dev/null
+++ b/options.php
@@ -0,0 +1,16 @@
+<?php
+
+$options = [
+  "linux" => [
+    "name" => "Linux",
+    "architecture" => "x86-64",
+    "download_path" => "releases/supercardinality",
+    "download_filename" => "supercardinality",
+  ],
+  "windows" => [
+    "name" => "Windows",
+    "architecture" => "x86-64",
+    "download_path" => "releases/supercardinality.exe",
+    "download_filename" => "supercardinality.exe",
+  ],
+];
diff --git a/releases/.gitkeep b/releases/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/script.php b/script.php
new file mode 100644
index 0000000..6954a1a
--- /dev/null
+++ b/script.php
@@ -0,0 +1,20 @@
+<?php
+
+require "config.php";
+require "functions.php";
+require "options.php";
+
+$os_guess = guess_os();
+
+$latest = json_decode(file_get_contents('releases/latest.json'), true);
+$version = empty($latest["version"]) ? "" : $latest["version"];
+$version_timestamp = empty($latest["timestamp"]) ? -1 : $latest["timestamp"];
+$version_timestamp_in_words = timestamp_in_words($version_timestamp);
+
+if (!empty($latest["linux_path"])) {
+  $options["linux"]["download_path"] = "releases/" . $latest["linux_path"];
+}
+
+if (!empty($latest["windows_path"])) {
+  $options["windows"]["download_path"] = "releases/" . $latest["windows_path"];
+}
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..affd3a4
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,210 @@
+:root {
+  --gold: #EBD08A;
+  --gold-dim: #C9A15B;
+  --gold-mid: #A67C3D;
+  --gold-dark: #6E501F;
+  --gold-very-dark: #5f451d;
+  --muted: #57575d;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  min-width: 100svw;
+  min-height: 100svh;
+  color: white;
+  font-family: sans-serif;
+}
+
+html {
+  background: transparent;
+}
+
+body {
+  background-image: url('background.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-between;
+  min-height: 100svh;
+
+  & > * {
+    flex: 0 0 auto;
+  }
+}
+
+h1 {
+  margin: 1.5rem 0;
+  font-size: 2.3rem;
+  letter-spacing: 0.05em;
+  color: var(--gold);
+}
+
+.subtitle {
+  color: var(--gold-mid);
+  letter-spacing: 1px;
+  font-size: 0.8em;
+}
+
+p {
+  margin: 0;
+}
+
+a {
+  &:link, &:visited {
+    color: var(--gold-dim);
+  }
+
+  &:hover,
+  &:active {
+    color: var(--gold);
+  }
+}
+
+main {
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+
+  & > * {
+    flex: 1 0 auto;
+  }
+}
+
+footer {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  color: var(--muted);
+  letter-spacing: 0.1em;
+  font-family: serif;
+  font-size: 0.9em;
+  padding: 1rem;
+  gap: 0.5rem;
+
+  & > * {
+    flex: 0 1 auto;
+    display: inline-block;
+    width: auto;
+    margin: 0;
+  }
+}
+
+.build {
+  &:link, &:hover, &:active, &:visited {
+    display: inline-block;
+    text-decoration: none;
+    border-radius: 2px;
+    padding: calc(0.5em - 0.3rem) calc(1em - 0.3rem);
+    border: 0.3rem solid white;
+  }
+
+  &.recommended {
+    font-size: 1.2rem;
+    margin: 5rem 0;
+    font-family: serif;
+    font-variant: small-caps;
+    display: inline-flex;
+    padding: 0.3rem;
+    border: none;
+    border-radius: 5px;
+    background: linear-gradient(152deg, var(--gold) 0%, var(--gold-mid) 28%, var(--gold-very-dark) 54%, var(--gold-mid) 76%, var(--gold) 100%);
+
+    &:hover,
+    &:active {
+      background: var(--gold);
+    }
+
+    & > * {
+      display: block;
+      padding: 1rem 2rem;
+      border-radius: 3px;
+      background: #17131a;
+      color: var(--gold);
+      font: 600 19px/1 var(--serif);
+      letter-spacing: 0.1em;
+
+      &:hover,
+      &:active {
+        background: #211e29;
+        color: white;
+      }
+    }
+  }
+
+  &.other {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5em;
+    border: 1px solid var(--gold-very-dark);
+    color: var(--gold-dim);
+    letter-spacing: 0;
+    background: #101010;
+
+    & .architecture {
+      color: var(--muted);
+    }
+
+    &:hover {
+      border-color: var(--gold-dim);
+      color: var(--gold);
+    }
+  }
+}
+
+.other-builds {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  gap: 1em;
+  color: var(--muted);
+  font-family: serif;
+  letter-spacing: 0.1em;
+  justify-content: center;
+  font-size: 0.9em;
+
+  & > * {
+    flex: 0 0 auto;
+  }
+}
+
+.version {
+  text-align: center;
+}
+
+.divider {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.divider::before,
+.divider::after {
+  content: '';
+  width: 5rem;
+  height: 2px;
+}
+
+.divider::before {
+  background: linear-gradient(90deg, transparent, var(--gold-dark));
+}
+
+.divider::after {
+  background: linear-gradient(90deg, var(--gold-dark), transparent);
+}
+
+.divider-gem {
+  width: 0.8rem;
+  height: 0.8rem;
+  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
+  transform: rotate(45deg);
+}