Add note that page is obsolete

Updated repository link to reflect new location.

README.md

@@ -6,3 +6,6 @@
 This is the source code for my personal website. Check it out [here](https://janishutz.com) .
 
 As any custom website is, this one is also written entirely in HTML, CSS and JavaScript and only uses the jQuery library as an external library
+
+# Moved
+This repo has been moved to https://git.janishutz.com/janishutz-website/website

src/legal/support-status/index.html

@@ -68,6 +68,12 @@
                             <td class="eol">Expected EOL</td>
                             <td>Roadmap</td>
                         </tr>
+                        <tr>
+                            <td class="name">Website</td>
+                            <td class="status">Supported <sup>1</sup></td>
+                            <td class="eol">-</td>
+                            <td>-</td>
+                        </tr>
                         <tr>
                             <td class="name">Store</td>
                             <td class="status">Supported</td>
@@ -76,7 +82,7 @@
                         </tr>
                         <tr>
                             <td class="name">ID (Account Services)</td>
-                            <td class="status">Supported</td>
+                            <td class="status">Supported <sup>2</sup></td>
                             <td class="eol">-</td>
                             <td>-</td>
                         </tr>
@@ -100,14 +106,14 @@
                         </tr>
                         <tr>
                             <td class="name">smuL (SimpleMediaUpscalerLite)</td>
-                            <td class="status">Supported</td>
+                            <td class="status">Unsupported</td>
-                            <td class="eol">-</td>
+                            <td class="eol">June 16 2025</td>
-                            <td><a href="https://github.com/janishutz/SimpleMediaUpscalerLite?tab=readme-ov-file#roadmap" target="_blank">Roadmap</a></td>
+                            <td>- (EOL)</td>
                         </tr>
                         <tr>
                             <td class="name">BiogasControllerApp</td>
                             <td class="status">Supported</td>
-                            <td class="eol">July 1st 2026</td>
+                            <td class="eol">2026-07-01<sup>3</sup></td>
                             <td>-</td>
                         </tr>
                         <tr>
@@ -118,20 +124,20 @@
                         </tr>
                         <tr>
                             <td class="name">MusicPlayer V3</td>
-                            <td class="status" title="This software has not been completed yet">In Development</td>
+                            <td class="status">Supported</td>
                             <td class="eol">-</td>
-                            <td><a href="https://blog.janishutz.com/posts/2024/06/update-on-projects/#musicplayer" target="_blank">Roadmap</a></td>
+                            <td>-</td>
                         </tr>
                         <tr>
                             <td class="name">MusicPlayer V1</td>
                             <td class="status">Unsupported</td>
-                            <td class="eol">September 1st 2023</td>
+                            <td class="eol">2023-09-01</td>
                             <td>- (EOL)</td>
                         </tr>
                         <tr>
                             <td class="name">MusicPlayer V2</td>
                             <td class="status">Unsupported</td>
-                            <td class="eol">July 1st 2024</td>
+                            <td class="eol">2024-07-01</td>
                             <td>- (EOL)</td>
                         </tr>
                     </table>
@@ -139,6 +145,9 @@
 
                 <p class="info">All pieces of software without an expected EOL date do not have one, because it simply hasn't been decided yet. There might be completely rewritten versions of them taking their place in the future or an EOL date may be added</p>
                 <p class="info">Once a software has reached EOL, it doesn't mean it will stop working, but rather that it will not receive any more updates</p>
+                <p class="info"><sup>1</sup> A new version is in development to completely replace the current one with design following my new design philosophy. See <a href="https://beta.janishutz.com">here</a> for an unfinished preview that is still in early beta.</p>
+                <p class="info"><sup>2</sup> A new version is in development to completely replace the current one with improved security and reliability</p>
+                <p class="info"><sup>3</sup> Unlikely to be at this date, since a complete rewrite has happened in June 2025</p>
 
                 <p style="margin-top: 50px;">Looking for the support page?</p>
                 <a href="https://support.janishutz.com" class="button" target="_blank">Support</a>

src/menu.html

@@ -9,8 +9,49 @@
         <link rel="stylesheet" href="/css/nav/toggle.css">
         <link rel="stylesheet" href="/css/nav/menu.css">
         <link rel="stylesheet" href="/css/nav/logo.css">
+
+        <style>
+            #moved-banner {
+                background: linear-gradient( 22.5deg, red, blue ) !important;
+                min-height: 10vh;
+                width: 100vw;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                position: fixed;
+                bottom: 0;
+                left: 0;
+            }
+
+            #moved-banner p {
+                max-width: calc( 100vw - 3rem - 30px );
+                text-align: center;
+                font-size: 1rem;
+                padding: 5px;
+                margin: 0;
+                color: white;
+            }
+
+            #moved-banner a {
+                color: white;
+            }
+
+            #moved-banner span {
+                color: white;
+                position: fixed;
+                right: 15px;
+                font-size: 1.5rem;
+            }
+        </style>
     </head>
     <body>
+        <div id="moved-banner">
+            <p>
+                You are looking at one of my old websites. The current version is available at
+                <a href="https://janishutz.com">janishutz.com</a>
+            </p>
+            <span onclick="dismissOldSiteNotice()">&#x2715;</span>
+        </div>
         <div class="nav-container">
             <div class="logo-container">
                 <a href="/"><img src="https://static.janishutz.com/logo.jpg" alt="Website logo" id="logo"></a>
@@ -100,6 +141,10 @@
                     $( '.bottom-note-wrapper' ).fadeToggle( 500 );
                 }, 400 );
             }
+
+            function dismissOldSiteNotice () {
+                $( '#moved-banner' ).hide();
+            }
         </script>
     </body>
 </html>