optimize for small sreens

app/assets/js/app.js

@@ -1,6 +1,6 @@
 import { routes } from './routes.js';
 
-let DEBUG = true;
+let DEBUG = false;
 window.DEBUG = DEBUG;
 
 /* main */

app/index.html

@@ -24,7 +24,7 @@
 
 			<!-- app working window -->
 			<main>
-				<div class="d-flex gap-3">
+				<div class="d-block d-xs-block d-md-flex gap-3">
 					<include src="app/partitial/menu.html"></include>
 					<div class="flex-fill card shadow p-3" id="content"></div>
 				</div>

app/partitial/header.html

@@ -6,7 +6,9 @@
 				// licking and assemble //
 			</p>
 		</h3>
-		<nav class="nav nav-masthead justify-content-center float-md-end">
+		<nav
+			class="nav nav-masthead justify-content-center mt-3 mt-md-0 float-md-end"
+		>
 			<a class="nav-link fw-bold py-1 px-0 icon-link" href="/">
 				<svg
 					class="svg-icon"

app/partitial/menu.html

@@ -1,4 +1,4 @@
-<ul class="dropdown-menu d-block position-static shadow">
+<ul class="dropdown-menu d-block position-static shadow mb-3 mb-md-0">
 	<li>
 		<a class="dropdown-item d-flex gap-2 align-items-center" href="#games">
 			<svg

package.json

@@ -5,7 +5,7 @@
   "description": "ololo",
   "scripts": {
     "serve": "npx parcel serve --dist-dir public app/index.html",
-    "build": "npx parcel build --dist-dir public app/index.html --no-optimize",
+    "build": "npm run clean; npx parcel build --dist-dir public app/index.html --no-optimize; npm run git-hash",
     "prettier": "npx prettier --write .",
     "git-hash": "./update_commit.sh",
     "clean": "./clean_public.sh",