diff --git a/main/index.html b/main/index.html
index 0496b83..3c2ce42 100644
--- a/main/index.html
+++ b/main/index.html
@@ -1,60 +1,93 @@
 <!DOCTYPE html>
 <html lang="en-US">
-    <head>
-        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-	<meta name="description" content="dailitation.xyz is a community-maintained organization consisting of artists, software developers, server administrators focusing on contributing to freely licensed thingamabobs such as software, documentation, and services.">
-        <title>dailitation.xyz</title>
-        <link rel="stylesheet" href="/styles.css">
-    </head>
-    <body>
-        <main>
-            <header>
-                <div class="welcome">
+
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <meta name="description"
+        content="dailitation.xyz is a community-maintained organization consisting of artists, software developers, server administrators focusing on contributing to freely licensed thingamabobs such as software, documentation, and services.">
+    <title>dailitation.xyz</title>
+    <link rel="stylesheet" href="/styles.css">
+</head>
+
+<body>
+    <div class="container">
+        <header>
+            <div class="welcome">
                 <p>Welcome to...</p>
-                </div>
-                <picture>
-                    <source srcset="/dailitation_logo_neo_dark.webp" media="(prefers-color-scheme: dark)" />
-                    <img src="https://dailitation.xyz/dailitation-neo.webp" alt="dailitation.xyz logo" class="logo">
-                </picture>
-                <div class="nav">
-                    <p><b><a href="https://dailitation.xyz/">Home page</a></b> |
+            </div>
+            <picture>
+                <source srcset="https://dailitation.xyz/dailitation-neo-dark.webp"
+                    media="(prefers-color-scheme: dark)" />
+                <img src="https://dailitation.xyz/dailitation-neo.webp" alt="dailitation.xyz logo" class="logo">
+            </picture>
+            <nav>
+                <p>
+                    <b><a href="https://dailitation.xyz/">Home page</a></b> |
                     <a href="https://laboratories.dailitation.xyz/">Laboratories</a> |
                     <a href="https://gitskette.dailitation.xyz/">Gitskette</a> |
                     <a href="https://internal.dailitation.xyz">Internal wiki</a> |
                     <a href="https://keycloak.dailitation.xyz">Identity services</a> |
-                    <a href="https://dailitation.xyz/~/">Team's individual's homepage (~)</a>
-                    </p>
-                </div>
-            </header>
-            <article>
-                <h1>About dailitation.xyz</h1>
-                <p>Also as known as <i>"Dandelion 'n' Stuff"</i>, dailitation.xyz is a community-maintained organization consisting of artists, software developers, server administrators focusing on contributing to freely licensed thingamabobs such as software, documentation, and services.</p>
-                <h2>What do we do currently?</h2>
-                <p>Currently, we do host Gitskette, a Gitea instance, our laboratories, our internal wiki (that you can read), our team individual's homepage, and an identity management.</p>
-                <h3>These services are also being hosted by our team</h3>
-                <p>
-                    <ul>
-                        <li><a href="https://unix.in.th">*nix in Thailand</a>, a Thai-spoken computer community with freely licensed content and its sub-services.</li>
-                    </ul>
+                    <a href="https://dailitation.xyz/~/">Team's individual's homepage (~)</a> |
+                    <a href="https://uptime.dailitation.xyz">Uptime</a>
                 </p>
-                <h2>Who currently operates these services?</h2>
-                <p>Diskette Guy (diskette [at] dailitation.xyz)</p>
-                <h2>I need help hosting my free software project!</h2>
-                <p>You may contact the person above to get started. Although it needs to fit with these following criteria:</p>
+            </nav>
+        </header>
+        <main data-type="content">
+            <div class="notice" role="note">
+                <strong>Moving - Planned Downtime</strong>
                 <p>
-                    <ul>
-                        <li>Entirely free software under any free license (copyleft license is recommened)</li>
-                        <li>Is regularly maintained</li>
-                        <li>Isn't a trojan horse for the server infrastructures.</li>
-                    </ul>
+                    The physical servers will be moved, and as a result, a lot of the services will be down during this
+                    period. An approximate timeframe for this downtime is from 29th May to 14th June.
                 </p>
-            </article>
-            <footer>
+                <details>
+                    <summary>Affected services</summary>
+                    <ul>
+                        <li>Laboratories</li>
+                        <li>Gitskette</li>
+                        <li>Internal Wiki</li>
+                        <li>Litechat</li>
+                        <li>Drive (Nextcloud instance)</li>
+                        <li>Photos (Immich instance)</li>
+                        <li>unix.in.th Wikis (l10n, docs, junction)</li>
+                    </ul>
+                </details>
+            </div>
+            <h1>About dailitation.xyz</h1>
+            <p>Also as known as <i>"Dandelion 'n' Stuff"</i>, dailitation.xyz is a community-maintained organization
+                consisting of artists, software developers, server administrators focusing on contributing to freely
+                licensed thingamabobs such as software, documentation, and services.</p>
+            <h2>What do we do currently?</h2>
+            <p>Currently, we do host Gitskette, a Gitea instance, our laboratories, our internal wiki (that you can
+                read), our team individual's homepage, and an identity management.</p>
+            <h3>These services are also being hosted by our team</h3>
+            <p>
+            <ul>
+                <li><a href="https://unix.in.th">*nix in Thailand</a>, a Thai-spoken computer community with freely
+                    licensed content and its sub-services.</li>
+            </ul>
+            </p>
+            <h2>Who currently operates these services?</h2>
+            <p>Diskette Guy (diskette [at] dailitation.xyz)</p>
+            <h2>I need help hosting my free software project!</h2>
+            <p>You may contact the person above to get started. Although it needs to fit with these following criteria:
+            </p>
+            <p>
+            <ul>
+                <li>Entirely free software under any free license (copyleft license is recommened)</li>
+                <li>Is regularly maintained</li>
+                <li>Isn't a trojan horse for the server infrastructures.</li>
+            </ul>
+            </p>
+        </main>
+        <footer>
             <hr>
             <p>Copyright © 2025 dailitation.xyz, everything here is licensed under GFDLv1.3, unless otherwise noted</p>
-            <p>Note: this webpage is available in <a href="https://gitskette.dailitation.xyz/DandelionNStuff/dtt-web">GNU GPLv2</a>.</p>
-            </footer>
-        </main>
-</body></html>
+            <p>Note: this webpage is available in <a
+                    href="https://gitskette.dailitation.xyz/DandelionNStuff/dtt-web">GNU GPLv2</a>.</p>
+        </footer>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/main/styles.css b/main/styles.css
index 057a962..1adba08 100644
--- a/main/styles.css
+++ b/main/styles.css
@@ -9,7 +9,7 @@ body {
     background-attachment: fixed;
 }
 
-main {
+main:not(main[data-type=content]), .container {
     max-width: 64rem;
     width: 100%;
     padding: 0 1.5rem;
@@ -39,13 +39,23 @@ footer {
     max-width: 100%;
 }
 
+.notice {
+    border: 1px solid #303040;
+    background-image: linear-gradient(#f0f0f0, #ddd);
+    padding: 16px 21px;
+}
+
 @media only screen and (prefers-color-scheme: dark) {
+    .notice {
+        background-image: linear-gradient(#101010, #333);
+    }
+
     body {
         background-image: linear-gradient(black, grey);
     }
 
-    main {
-        background: #202030;
+    main:not(main[data-type=content]), .container {
+        background: #202025;
         color: #f0f0f0;
     }
     
