fix: Correct logos on mobile

Author: DannyvdSluijs

_media/app.css

@@ -1,4 +1,9 @@
 {
     "/app.js": "/app.js",
-    "/app.css": "/app.css"
+    "/app.css": "/app.css",
+    "/_media/app.css": "/_media/app.css",
+    "/_media/app.js": "/_media/app.js",
+    "/_media/json-schema-logo-blue.svg": "/_media/json-schema-logo-blue.svg",
+    "/_media/mix-manifest.json": "/_media/mix-manifest.json",
+    "/_media/php-logo.svg": "/_media/php-logo.svg"
 }

_media/mix-manifest.json

@@ -1,17 +1,17 @@
 @extends('hyde::layouts.app')
 
 @section('content')
-    <div class="bg-gradient-to-b from-slate-400 to-slate-50 dark:bg-gradient-to-t dark:from-slate-800 dark:to-slate-400 py-20">
-        <div class="max-w-5xl mx-auto text-center px-4">
+    <div class="bg-gradient-to-b from-slate-400 to-slate-50 dark:bg-gradient-to-t dark:from-slate-800 dark:to-slate-400 py-10 md:py-20">
+        <div class="max-w-5xl mx-auto text-center md:px-4">
             <!-- Logos -->
-            <div class="flex items-center justify-center gap-6 mb-6">
-                <img src="media/json-schema-logo-blue.svg" alt="JSON Schema Logo" class="h-60 w-60 object-contain">
-                <span class="text-5xl font-bold text-gray-500 dark:text-gray-100">+</span>
-                <img src="media/php-logo.svg" alt="PHP Logo" class="h-60 w-60 object-contain">
+            <div class="flex flex-col md:flex-row items-center justify-center text-center gap-2 md:gap-6 mb-6">
+                <img src="media/json-schema-logo-blue.svg" alt="JSON Schema Logo" class="h-auto w-32 sm:h-36 sm:w-36 md:h-60 md:w-60 object-contain">
+                <span class="text-2xl sm:text-3xl md:text-5xl font-bold text-gray-500 dark:text-gray-100">+</span>
+                <img src="media/php-logo.svg" alt="PHP Logo" class="h-auto w-32 sm:h-36 sm:w-36 md:h-60 md:w-60 object-contain">
             </div>
 
             <!-- Title & Description -->
-            <h1 class="text-5xl font-bold text-stone-800 dark:text-stone-200">JSON Schema for PHP</h1>
+            <h1 class="text-3xl md:text-5xl font-bold text-stone-800 dark:text-stone-200">JSON Schema for PHP</h1>
             <p class="mt-4 text-lg text-stone-600 dark:text-stone-400 max-w-2xl mx-auto">
                 Validate, interpret, and work with JSON Schemas in PHP — fully compatible with the specifications.
             </p>

_pages/index.blade.php

@@ -20,7 +20,7 @@
 <style>[x-cloak] {display: none!important}</style>
 
 
-    <link rel="stylesheet" href="media/app.css?v=f51c82a9ba6181768af469d171764776">
+    <link rel="stylesheet" href="media/app.css?v=651504b9d235298180a18cb129831eac">
 
 
 
@@ -82,17 +82,17 @@
     </div>
 </nav>
     <section class="">
-            <div class="bg-gradient-to-b from-slate-400 to-slate-50 dark:bg-gradient-to-t dark:from-slate-800 dark:to-slate-400 py-20">
-        <div class="max-w-5xl mx-auto text-center px-4">
+            <div class="bg-gradient-to-b from-slate-400 to-slate-50 dark:bg-gradient-to-t dark:from-slate-800 dark:to-slate-400 py-10 md:py-20">
+        <div class="max-w-5xl mx-auto text-center md:px-4">
             <!-- Logos -->
-            <div class="flex items-center justify-center gap-6 mb-6">
-                <img src="media/json-schema-logo-blue.svg" alt="JSON Schema Logo" class="h-60 w-60 object-contain">
-                <span class="text-5xl font-bold text-gray-500 dark:text-gray-100">+</span>
-                <img src="media/php-logo.svg" alt="PHP Logo" class="h-60 w-60 object-contain">
+            <div class="flex flex-col md:flex-row items-center justify-center text-center gap-2 md:gap-6 mb-6">
+                <img src="media/json-schema-logo-blue.svg" alt="JSON Schema Logo" class="h-auto w-32 sm:h-36 sm:w-36 md:h-60 md:w-60 object-contain">
+                <span class="text-2xl sm:text-3xl md:text-5xl font-bold text-gray-500 dark:text-gray-100">+</span>
+                <img src="media/php-logo.svg" alt="PHP Logo" class="h-auto w-32 sm:h-36 sm:w-36 md:h-60 md:w-60 object-contain">
             </div>
 
             <!-- Title & Description -->
-            <h1 class="text-5xl font-bold text-stone-800 dark:text-stone-200">JSON Schema for PHP</h1>
+            <h1 class="text-3xl md:text-5xl font-bold text-stone-800 dark:text-stone-200">JSON Schema for PHP</h1>
             <p class="mt-4 text-lg text-stone-600 dark:text-stone-400 max-w-2xl mx-auto">
                 Validate, interpret, and work with JSON Schemas in PHP — fully compatible with the specifications.
             </p>
@@ -170,7 +170,7 @@ <h2 class="text-3xl font-bold mb-6 text-center">Example</h2>
         </a>
     </footer>
 
-    <script defer src="media/app.js?v=df4829542141b3634f113c4cb9e386aa"></script>
+    <script defer src="media/app.js?v=193cddf0008948834d6c443cca212826"></script>
 
 
 <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" integrity="sha256-gOkV4d9/FmMNEkjOzVlyM2eNAWSUXisT+1RbMTTIgXI=" crossorigin="anonymous"></script>

_site/index.html

@@ -0,0 +1,9 @@
+{
+    "/app.js": "/app.js",
+    "/app.css": "/app.css",
+    "/_media/app.css": "/_media/app.css",
+    "/_media/app.js": "/_media/app.js",
+    "/_media/json-schema-logo-blue.svg": "/_media/json-schema-logo-blue.svg",
+    "/_media/mix-manifest.json": "/_media/mix-manifest.json",
+    "/_media/php-logo.svg": "/_media/php-logo.svg"
+}