update home

app/assets/js/app.js

@@ -1,3 +1,5 @@
+import { routes } from './routes.js';
+
 /* main */
 window.onload = function () {
   let app = document.documentElement;
@@ -54,26 +56,3 @@ const location_handler = async () => {
     .querySelector('meta[name="description"]')
     .setAttribute('content', route.description);
 };
-
-const routes = {
-  404: {
-    template: '/pages/404.html',
-    title: '404',
-    description: 'Page not found',
-  },
-  '/': {
-    template: '/pages/home.html',
-    title: 'Home',
-    description: '...',
-  },
-  about: {
-    template: '/pages/about.html',
-    title: 'About Us',
-    description: '...',
-  },
-  games: {
-    template: '/pages/games.html',
-    title: 'Games',
-    description: '...',
-  },
-};

app/assets/js/routes.js

@@ -0,0 +1,22 @@
+export const routes = {
+  404: {
+    template: '/pages/404.html',
+    title: '404',
+    description: 'Page not found',
+  },
+  '/': {
+    template: '/pages/home.html',
+    title: 'a2s',
+    description: '...',
+  },
+  about: {
+    template: '/pages/about.html',
+    title: 'О сайте',
+    description: '...',
+  },
+  games: {
+    template: '/pages/games.html',
+    title: 'Games',
+    description: '...',
+  },
+};

app/partitial/footer.html

@@ -1,7 +1,6 @@
-<footer class="text-center mt-3 text-white-50">
+<footer class="text-center text-shadow mt-3 text-white-50">
-	<p class="text-shadow m-0">// licking and assemble //</p>
 	<p class="font-monospace">
 		build:
-		<a class="text-reset" href="#" target="_blank">ab6324f</a>
+		<a class="text-reset text-decoration-none border-bottom py-1" href="#" target="_blank">ab6324f</a>
 	</p>
 </footer>

app/partitial/header.html

@@ -1,7 +1,8 @@
 <header class="mb-3">
 	<div class="text-shadow">
 		<h3 id="app_title" class="float-md-start mb-0">
-			<span class="font-monospace">inet://home/</span>
+			<span class="font-monospace">inet://home/</span><br>
+			<p class="text-secondary fs-6 text-shadow m-0">// licking and assemble //</p>
 		</h3>
 		<nav class="nav nav-masthead justify-content-center float-md-end">
 			<a class="nav-link fw-bold py-1 px-0 icon-link" href="/">

public/pages/about.html

@@ -1,9 +1,16 @@
 <p>
 	<span class="font-monospace">a2s.su</span>
 	— домен, который я купил очень давно, но так и не придумал, для чего его
-	использовать.
+	использовать.<br />
+	В первую очередь, я не придумал как расшифровать
+	<span class="font-monospace">a2s.su</span>. Первое что пришлов голову, это
+	<span class="fw-bold fst-italic">all to site</span>.
 </p>
 <p>
-	В первую очередь, я не придумал как расшифровать
+	Долгое время планировал на этом домене размещать всё подряд.<br />
-	<span class="font-monospace">a2s.su</span>.
+	Какие-то проекты уже размещёны на поддоменах, какие-то в директориях.
+</p>
+<p>
+	Ладно, с 1 августа 2023 года сайт объявляется открытым.<br />
+	Цель? Каталог полезных сервисов.
 </p>

public/pages/home.html

@@ -1 +1,3 @@
-<p>sdololo</p>
+<p class="text-center bg-dark-subtle text-dark-subtle rounded p-1">
+	<a class="text-reset text-decoration-none" href="#about">О сайте</a>
+</p>