Addded Prototype Desin Pattern

2025-07-04 09:05:39 +03:00
parent 979ae42cde
commit 1cf6e3d7d2
5 changed files with 310 additions and 3 deletions
--- a/public/index.php
+++ b/public/index.php
@@ -1,4 +1,5 @@
 <?php
+$time_start = microtime(true);
 require '../vendor/autoload.php';
 require '../src/helpers.php';
 ?><!doctype html>
@@ -19,7 +20,7 @@ require '../src/helpers.php';
            height: 100dvh;
            margin: 0;
            padding: 0;
-            background: #ddd;
+            background: #e0e5e5;
            color: #1c1b19;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }
@@ -40,22 +41,36 @@ require '../src/helpers.php';
            transform: translate(-50%, -50%);
            max-height: 92dvh;
            overflow-y: auto;
+            background-color: attr(data-color type(<color>), #eef0f0);
        }

-        pre {
+        pre, code {
            font-family: Consolas, monospace;
+            font-size: 1.125rem;
+        }
+        pre {
            align-self: center;
        }

        img.diagram {
            max-width: 100%;
        }
+
+        .et {
+            position: absolute;
+            top: .5rem;
+            left: .5rem;
+            font-size: small;
+            font-weight: 500;
+            color: #333;
+        }
    </style>
 </head>
 <body>
-<main>
+<main data-color="#eef0f0">
    <?php require '../src/router.php' ?>
 </main>
+<div class="et">ET: <?= (microtime(true) - $time_start) ?> secs</div>
 <script>hljs.highlightAll()</script>
 </body>
 </html>