Versions

  • v85

    9/3/2024
    Open: Version
    Changes from v84 to v85
    +15
    -15
    ⦚ 62 unchanged lines ⦚
    --bg-color: white;
    --text-color: black;
    }
    html, body {
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: var(--bg-color);
    color: var(--text-color);
    }
    html.dark {
    --bg-color: black;
    --text-color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    }
    /* Add this CSS for the loading indicator */
    .loading-spinner {
    ⦚ 298 unchanged lines ⦚
    ⦚ 62 unchanged lines ⦚
    --bg-color: white;
    --text-color: black;
    }
    html, body {
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: var(--bg-color);
    color: var(--text-color);
    }
    html.dark {
    --bg-color: black;
    --text-color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    }
    /* Add this CSS for the loading indicator */
    .loading-spinner {
    ⦚ 298 unchanged lines ⦚
  • v84

    9/3/2024
    Open: Version
    Changes from v83 to v84
    +18
    -16
    ⦚ 59 unchanged lines ⦚
    </script>
    <style>
    .dark {
    background-color: black;
    color: white;
    }
    html {
    transition: background-color 0.3s ease, color 0.3s ease;
    }
    html.dark {
    background-color: black;
    color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    }
    /* Add this CSS for the loading indicator */
    .loading-spinner {
    ⦚ 298 unchanged lines ⦚
    ⦚ 59 unchanged lines ⦚
    </script>
    <style>
    :root {
    --bg-color: white;
    --text-color: black;
    }
    html, body {
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: var(--bg-color);
    color: var(--text-color);
    }
    html.dark {
    --bg-color: black;
    --text-color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    }
    /* Add this CSS for the loading indicator */
    .loading-spinner {
    ⦚ 298 unchanged lines ⦚
  • v83

    9/3/2024
    Open: Version
    Changes from v82 to v83
    +2
    -0
    ⦚ 135 unchanged lines ⦚
    const initialTheme = getInitialTheme();
    document.documentElement.classList.toggle('dark', initialTheme === 'dark');
    })();
    </script>

    ⦚ 235 unchanged lines ⦚
    ⦚ 135 unchanged lines ⦚
    const initialTheme = getInitialTheme();
    document.documentElement.classList.toggle('dark', initialTheme === 'dark');
    document.documentElement.style.backgroundColor = initialTheme === 'dark' ? 'black' : 'white';
    document.documentElement.style.color = initialTheme === 'dark' ? 'white' : 'black';
    })();
    </script>

    ⦚ 235 unchanged lines ⦚
  • v82

    9/3/2024
    Open: Version
    Changes from v81 to v82
    +1
    -1
    ⦚ 32 unchanged lines ⦚
    const html = `
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    ⦚ 338 unchanged lines ⦚
    ⦚ 32 unchanged lines ⦚
    const html = `
    <!DOCTYPE html>
    <html lang="en" class="transition-colors duration-300 ease-in-out">
    <head>
    <meta charset="UTF-8">
    ⦚ 338 unchanged lines ⦚
  • v81

    9/3/2024
    Open: Version
    Changes from v80 to v81
    +0
    -0
    ⦚ 375 unchanged lines ⦚
    ⦚ 375 unchanged lines ⦚
  • v80

    9/3/2024
    Open: Version
    Changes from v79 to v80
    +4
    -1
    ⦚ 66 unchanged lines ⦚
    transition: background-color 0.3s ease, color 0.3s ease;
    }
    body {
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    ⦚ 300 unchanged lines ⦚
    ⦚ 66 unchanged lines ⦚
    transition: background-color 0.3s ease, color 0.3s ease;
    }
    html.dark {
    background-color: black;
    color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    ⦚ 300 unchanged lines ⦚
  • v79

    9/3/2024
    Open: Version
    Changes from v78 to v79
    +4
    -1
    ⦚ 63 unchanged lines ⦚
    color: white;
    }
    body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    ⦚ 300 unchanged lines ⦚
    ⦚ 63 unchanged lines ⦚
    color: white;
    }
    html {
    transition: background-color 0.3s ease, color 0.3s ease;
    }
    body {
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    ⦚ 300 unchanged lines ⦚
  • v78

    9/3/2024
    Open: Version
    Changes from v77 to v78
    +13
    -15
    ⦚ 117 unchanged lines ⦚

    </style>
    <!-- <script>
    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
    document.documentElement.classList.add('dark')
    } else {
    document.documentElement.classList.remove('dark')
    }

    // Whenever the user explicitly chooses light mode
    localStorage.theme = 'light'

    // Whenever the user explicitly chooses dark mode
    localStorage.theme = 'dark'

    // Whenever the user explicitly chooses to respect the OS preference
    localStorage.removeItem('theme')
    </script> --!>

    </head>
    ⦚ 234 unchanged lines ⦚
    ⦚ 117 unchanged lines ⦚

    </style>
    <script>
    (function() {
    function getInitialTheme() {
    const savedTheme = localStorage.getItem('theme');
    if (savedTheme) {
    return savedTheme;
    }
    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }
    const initialTheme = getInitialTheme();
    document.documentElement.classList.toggle('dark', initialTheme === 'dark');
    })();
    </script>

    </head>
    ⦚ 234 unchanged lines ⦚
  • v77

    8/30/2024
    Open: Version
    +370
    -0

    import { websiteStyles } from "https://esm.town/v/iamseeley/websiteStyles";
    import { getAnalytics, trackPageView } from 'https://esm.town/v/iamseeley/webAnalyticsMod';
    import React, { createContext, useContext, useState, useEffect, useRef, useCallback, useMemo } from 'https://esm.sh/react';
    import { calculatePercentages } from 'https://esm.town/v/iamseeley/calculatePercentages';
    import { formatSiteName } from 'https://esm.town/v/iamseeley/formatSiteName';

    export const mySitesConfig = {
    name: 'thomas seeley',
    username: 'iamseeley',
    allowedOrigins: ['https://iamseeley-htmlenergy.web.val.run', 'https://tseeley.com', "https://wando-ui.tseeley.com", "https://falbulous-minimovie.vercel.app"]
    };

    export default async function handler(req: Request): Promise<Response> {
    const url = new URL(req.url);
    const path = url.pathname;

    if (path === '/') {
    return serveHtml(req);
    } else if (path === '/stream') {
    return handleStream(req);
    } else if (path === '/trackPageView') {
    return handleAnalytics(req);
    } else if (path === '/trackingScript') {
    return generateTrackingScript(req);
    } else {
    return serveHtml(req);
    }
    }

    async function serveHtml(req: Request): Promise<Response> {
    const initialAnalytics = await getAnalytics();
    const html = `
    <!DOCTYPE html>
    <html lang="en">
    <head>
iamseeley-countertown.web.val.run
Updated: September 10, 2024