Update (ui)

public/build/assets/LqipLoader-3a6dd892.js

@@ -1 +1 @@
-import{_ as i}from"./vue-fbf5b2f1.js";const n={name:"LqipLoader",mounted(){this.initLqipLoading()},methods:{initLqipLoading(){const e=document.getElementsByTagName("img");for(let t=0;t<e.length;t++)e[t].getAttribute("data-src")&&(e[t].onload=function(){this.classList.remove("lqip-blur")},e[t].setAttribute("src",e[t].getAttribute("data-src")))}}};function o(e,t,r,s,a,c){return null}const m=i(n,[["render",o]]);export{m as default};
+import{_ as i}from"./vue-541dc6d3.js";const n={name:"LqipLoader",mounted(){this.initLqipLoading()},methods:{initLqipLoading(){const e=document.getElementsByTagName("img");for(let t=0;t<e.length;t++)e[t].getAttribute("data-src")&&(e[t].onload=function(){this.classList.remove("lqip-blur")},e[t].setAttribute("src",e[t].getAttribute("data-src")))}}};function o(e,t,r,s,a,c){return null}const m=i(n,[["render",o]]);export{m as default};

public/build/assets/app-auth-fabb569c.js

@@ -1 +1 @@
-import{_ as o,o as p,c,a as r,b as u,p as i,d as m,e as g,f as _,g as d,v as f,Z as n,h as l}from"./vue-fbf5b2f1.js";const A={name:"AppAuth"};function $(s,a,t,Z,w,x){return p(),c("div")}const h=o(A,[["render",$]]),e=r({AppAuth:h}),v=Object.assign({});e.use(u());e.use(i,m);e.use(g);e.use(_);e.use(d);e.use(f.ZiggyVue,n);window.Ziggy=n;Object.entries({...v}).forEach(([s,a])=>{const t=s.split("/").pop().replace(/\.\w+$/,"").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();e.component(t,l(a))});e.mount("#app");
+import{_ as o,o as p,c,a as r,b as u,p as i,d as m,e as g,f as _,g as d,v as f,Z as n,h as l}from"./vue-541dc6d3.js";const A={name:"AppAuth"};function $(s,a,t,Z,w,x){return p(),c("div")}const h=o(A,[["render",$]]),e=r({AppAuth:h}),v=Object.assign({});e.use(u());e.use(i,m);e.use(g);e.use(_);e.use(d);e.use(f.ZiggyVue,n);window.Ziggy=n;Object.entries({...v}).forEach(([s,a])=>{const t=s.split("/").pop().replace(/\.\w+$/,"").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();e.component(t,l(a))});e.mount("#app");

public/build/manifest.json

@@ -1,9 +1,9 @@
 {
-  "_vue-fbf5b2f1.js": {
+  "_vue-541dc6d3.js": {
     "css": [
       "assets/vue-935fc652.css"
     ],
-    "file": "assets/vue-fbf5b2f1.js"
+    "file": "assets/vue-541dc6d3.js"
   },
   "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff": {
     "file": "assets/bootstrap-icons-4d4572ef.woff",
@@ -50,9 +50,9 @@
     "src": "resources/fonts/Inter/Inter-Thin.ttf"
   },
   "resources/js/app-auth.js": {
-    "file": "assets/app-auth-ff53c28d.js",
+    "file": "assets/app-auth-fabb569c.js",
     "imports": [
-      "_vue-fbf5b2f1.js"
+      "_vue-541dc6d3.js"
     ],
     "isEntry": true,
     "src": "resources/js/app-auth.js"
@@ -61,17 +61,17 @@
     "dynamicImports": [
       "resources/js/vue/front/LqipLoader.vue"
     ],
-    "file": "assets/app-front-42949f4d.js",
+    "file": "assets/app-front-dc31ce01.js",
     "imports": [
-      "_vue-fbf5b2f1.js"
+      "_vue-541dc6d3.js"
     ],
     "isEntry": true,
     "src": "resources/js/app-front.js"
   },
   "resources/js/vue/front/LqipLoader.vue": {
-    "file": "assets/LqipLoader-4a4ab7de.js",
+    "file": "assets/LqipLoader-3a6dd892.js",
     "imports": [
-      "_vue-fbf5b2f1.js"
+      "_vue-541dc6d3.js"
     ],
     "isDynamicEntry": true,
     "src": "resources/js/vue/front/LqipLoader.vue"

resources/js/ziggy.js

@@ -1,4 +1,4 @@
-const Ziggy = {"url":"https:\/\/futurewalker.co","port":null,"defaults":{},"routes":{"debugbar.openhandler":{"uri":"_debugbar\/open","methods":["GET","HEAD"]},"debugbar.clockwork":{"uri":"_debugbar\/clockwork\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"debugbar.assets.css":{"uri":"_debugbar\/assets\/stylesheets","methods":["GET","HEAD"]},"debugbar.assets.js":{"uri":"_debugbar\/assets\/javascript","methods":["GET","HEAD"]},"debugbar.cache.delete":{"uri":"_debugbar\/cache\/{key}\/{tags?}","methods":["DELETE"],"parameters":["key","tags"]},"horizon.stats.index":{"uri":"chorizo\/api\/stats","methods":["GET","HEAD"]},"horizon.workload.index":{"uri":"chorizo\/api\/workload","methods":["GET","HEAD"]},"horizon.masters.index":{"uri":"chorizo\/api\/masters","methods":["GET","HEAD"]},"horizon.monitoring.index":{"uri":"chorizo\/api\/monitoring","methods":["GET","HEAD"]},"horizon.monitoring.store":{"uri":"chorizo\/api\/monitoring","methods":["POST"]},"horizon.monitoring-tag.paginate":{"uri":"chorizo\/api\/monitoring\/{tag}","methods":["GET","HEAD"],"parameters":["tag"]},"horizon.monitoring-tag.destroy":{"uri":"chorizo\/api\/monitoring\/{tag}","methods":["DELETE"],"wheres":{"tag":".*"},"parameters":["tag"]},"horizon.jobs-metrics.index":{"uri":"chorizo\/api\/metrics\/jobs","methods":["GET","HEAD"]},"horizon.jobs-metrics.show":{"uri":"chorizo\/api\/metrics\/jobs\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.queues-metrics.index":{"uri":"chorizo\/api\/metrics\/queues","methods":["GET","HEAD"]},"horizon.queues-metrics.show":{"uri":"chorizo\/api\/metrics\/queues\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.jobs-batches.index":{"uri":"chorizo\/api\/batches","methods":["GET","HEAD"]},"horizon.jobs-batches.show":{"uri":"chorizo\/api\/batches\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.jobs-batches.retry":{"uri":"chorizo\/api\/batches\/retry\/{id}","methods":["POST"],"parameters":["id"]},"horizon.pending-jobs.index":{"uri":"chorizo\/api\/jobs\/pending","methods":["GET","HEAD"]},"horizon.completed-jobs.index":{"uri":"chorizo\/api\/jobs\/completed","methods":["GET","HEAD"]},"horizon.silenced-jobs.index":{"uri":"chorizo\/api\/jobs\/silenced","methods":["GET","HEAD"]},"horizon.failed-jobs.index":{"uri":"chorizo\/api\/jobs\/failed","methods":["GET","HEAD"]},"horizon.failed-jobs.show":{"uri":"chorizo\/api\/jobs\/failed\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.retry-jobs.show":{"uri":"chorizo\/api\/jobs\/retry\/{id}","methods":["POST"],"parameters":["id"]},"horizon.jobs.show":{"uri":"chorizo\/api\/jobs\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.index":{"uri":"chorizo\/{view?}","methods":["GET","HEAD"],"wheres":{"view":"(.*)"},"parameters":["view"]},"sanctum.csrf-cookie":{"uri":"sanctum\/csrf-cookie","methods":["GET","HEAD"]},"laravelpwa.manifest":{"uri":"manifest.json","methods":["GET","HEAD"]},"laravelpwa.":{"uri":"offline","methods":["GET","HEAD"]},"ignition.healthCheck":{"uri":"_ignition\/health-check","methods":["GET","HEAD"]},"ignition.executeSolution":{"uri":"_ignition\/execute-solution","methods":["POST"]},"ignition.updateConfig":{"uri":"_ignition\/update-config","methods":["POST"]},"feeds.main":{"uri":"feeds\/posts-feed","methods":["GET","HEAD"]},"front.home":{"uri":"\/","methods":["GET","HEAD"]},"front.terms":{"uri":"terms","methods":["GET","HEAD"]},"front.privacy":{"uri":"privacy","methods":["GET","HEAD"]},"front.disclaimer":{"uri":"disclaimer","methods":["GET","HEAD"]},"front.all":{"uri":"latest","methods":["GET","HEAD"]},"front.search":{"uri":"search","methods":["POST"]},"front.post":{"uri":"{category_slug}\/{slug}","methods":["GET","HEAD"],"parameters":["category_slug","slug"]},"front.category":{"uri":"{category_slug}","methods":["GET","HEAD"],"wheres":{"category_slug":"^(updates|opinions|features|new-launches|tutorials|reviews)$"},"parameters":["category_slug"]}}};
+const Ziggy = {"url":"https:\/\/futurewalker.co","port":null,"defaults":{},"routes":{"debugbar.openhandler":{"uri":"_debugbar\/open","methods":["GET","HEAD"]},"debugbar.clockwork":{"uri":"_debugbar\/clockwork\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"debugbar.assets.css":{"uri":"_debugbar\/assets\/stylesheets","methods":["GET","HEAD"]},"debugbar.assets.js":{"uri":"_debugbar\/assets\/javascript","methods":["GET","HEAD"]},"debugbar.cache.delete":{"uri":"_debugbar\/cache\/{key}\/{tags?}","methods":["DELETE"],"parameters":["key","tags"]},"horizon.stats.index":{"uri":"chorizo\/api\/stats","methods":["GET","HEAD"]},"horizon.workload.index":{"uri":"chorizo\/api\/workload","methods":["GET","HEAD"]},"horizon.masters.index":{"uri":"chorizo\/api\/masters","methods":["GET","HEAD"]},"horizon.monitoring.index":{"uri":"chorizo\/api\/monitoring","methods":["GET","HEAD"]},"horizon.monitoring.store":{"uri":"chorizo\/api\/monitoring","methods":["POST"]},"horizon.monitoring-tag.paginate":{"uri":"chorizo\/api\/monitoring\/{tag}","methods":["GET","HEAD"],"parameters":["tag"]},"horizon.monitoring-tag.destroy":{"uri":"chorizo\/api\/monitoring\/{tag}","methods":["DELETE"],"wheres":{"tag":".*"},"parameters":["tag"]},"horizon.jobs-metrics.index":{"uri":"chorizo\/api\/metrics\/jobs","methods":["GET","HEAD"]},"horizon.jobs-metrics.show":{"uri":"chorizo\/api\/metrics\/jobs\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.queues-metrics.index":{"uri":"chorizo\/api\/metrics\/queues","methods":["GET","HEAD"]},"horizon.queues-metrics.show":{"uri":"chorizo\/api\/metrics\/queues\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.jobs-batches.index":{"uri":"chorizo\/api\/batches","methods":["GET","HEAD"]},"horizon.jobs-batches.show":{"uri":"chorizo\/api\/batches\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.jobs-batches.retry":{"uri":"chorizo\/api\/batches\/retry\/{id}","methods":["POST"],"parameters":["id"]},"horizon.pending-jobs.index":{"uri":"chorizo\/api\/jobs\/pending","methods":["GET","HEAD"]},"horizon.completed-jobs.index":{"uri":"chorizo\/api\/jobs\/completed","methods":["GET","HEAD"]},"horizon.silenced-jobs.index":{"uri":"chorizo\/api\/jobs\/silenced","methods":["GET","HEAD"]},"horizon.failed-jobs.index":{"uri":"chorizo\/api\/jobs\/failed","methods":["GET","HEAD"]},"horizon.failed-jobs.show":{"uri":"chorizo\/api\/jobs\/failed\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.retry-jobs.show":{"uri":"chorizo\/api\/jobs\/retry\/{id}","methods":["POST"],"parameters":["id"]},"horizon.jobs.show":{"uri":"chorizo\/api\/jobs\/{id}","methods":["GET","HEAD"],"parameters":["id"]},"horizon.index":{"uri":"chorizo\/{view?}","methods":["GET","HEAD"],"wheres":{"view":"(.*)"},"parameters":["view"]},"sanctum.csrf-cookie":{"uri":"sanctum\/csrf-cookie","methods":["GET","HEAD"]},"laravelpwa.manifest":{"uri":"manifest.json","methods":["GET","HEAD"]},"laravelpwa.":{"uri":"offline","methods":["GET","HEAD"]},"ignition.healthCheck":{"uri":"_ignition\/health-check","methods":["GET","HEAD"]},"ignition.executeSolution":{"uri":"_ignition\/execute-solution","methods":["POST"]},"ignition.updateConfig":{"uri":"_ignition\/update-config","methods":["POST"]},"feeds.main":{"uri":"feeds\/posts-feed","methods":["GET","HEAD"]},"front.home":{"uri":"\/","methods":["GET","HEAD"]},"front.terms":{"uri":"terms","methods":["GET","HEAD"]},"front.privacy":{"uri":"privacy","methods":["GET","HEAD"]},"front.disclaimer":{"uri":"disclaimer","methods":["GET","HEAD"]},"front.all":{"uri":"latest","methods":["GET","HEAD"]},"front.search":{"uri":"search","methods":["POST"]},"front.post":{"uri":"{category_slug}\/{slug}","methods":["GET","HEAD"],"parameters":["category_slug","slug"]},"front.category":{"uri":"{category_slug}","methods":["GET","HEAD"],"wheres":{"category_slug":"^(updates|opinions|features|new-launches|how-tos|reviews)$"},"parameters":["category_slug"]}}};
 
 if (typeof window !== 'undefined' && typeof window.Ziggy !== 'undefined') {
     Object.assign(Ziggy.routes, window.Ziggy.routes);

resources/views/front/layouts/partials/nav.blade.php

@@ -1,25 +1,68 @@
-<div class="w-full shadow-sm bg-black text-white">
-    <header class="container-lg lh-1 py-3">
-        <div class="row d-block d-md-flex justify-content-center align-items-center">
-
-            <div class="col-12 col-md-5 col-lg-4 py-2 py-md-0 text-center text-md-start">
-                <a class="blog-header-logo text-decoration-none text-white" href="{{ route('front.home') }}">
-                    <div class="fw-bolder fs-3 font-family-roboto-condensed text-uppercase">FutureWalker</div>
+<div class="w-full sticky-top">
+    <div class="w-full shadow-sm bg-black text-white">
+        <header class="container-lg lh-1 py-2 py-md-3">
+            <div class=" d-flex justify-content-between align-items-center">
 
 
-                </a>
-            </div>
-            <div class="col-12 col-md-7 col-lg-8 text-center text-md-end">
-                <div>Important news shaping the digital future</div>
+                <button type="button" class="btn d-block d-md-none" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
+                    aria-label="Toggle navigation">
+
+                    <svg viewBox='0 0 35 30' width='25'>
+                        <line x1='0' y1='5' x2='35' y2='5' stroke='#fff'
+                            stroke-width='3' />
+                        <line x1='0' y1='15' x2='35' y2='15' stroke='#fff'
+                            stroke-width='3' />
+                        <line x1='0' y1='25' x2='35' y2='25' stroke='#fff'
+                            stroke-width='3' />
+                    </svg>
+
+
+                </button>
+
+                <div class="w-full py-2 py-md-0 text-center text-md-start d-flex justify-content-between">
+                    <a class="blog-header-logo text-decoration-none text-white" href="{{ route('front.home') }}">
+                        <div class="fw-bolder fs-3 font-family-roboto-condensed text-uppercase">FutureWalker</div>
+                    </a>
+                </div>
+
+
+                <div class="d-block d-md-none"></div>
+
+                <div class="col-12 col-md-7 col-lg-8 text-center text-md-end d-none d-md-block">
+                    <div>Important news shaping the digital future</div>
+                </div>
             </div>
+        </header>
+    </div>
+    <div class="w-full d-block d-md-none">
+        <div class="collapse navbar-collapse w-full bg-dark text-white" id="navbarSupportedContent">
+            <div class="text-center">Important news shaping the digital future</div>
+            <div class="w-full border-bottom pb-2"></div>
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-4 font-family-roboto-condensed text-uppercase">
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ route('front.home') }}">Home</a>
+                </li>
+                @foreach ($categories as $category)
+                    <li class="nav-item">
+                        <a class="nav-link"
+                            href="{{ route('front.category', ['category_slug' => $category->slug]) }}">{{ $category->name }}</a>
+                    </li>
+                @endforeach
+
+            </ul>
+        </div>
+    </div>
+
+
+    <div class="w-full bg-dark text-white d-none d-md-block">
+        <div class="container-lg text-center py-2">
+            <a class="text-white mx-3 font-family-roboto-condensed text-uppercase"
+                href="{{ route('front.home') }}">Home</a>
+            @foreach ($categories as $category)
+                <a href="#"
+                    class="text-white mx-3 font-family-roboto-condensed text-uppercase">{{ $category->name }}</a>
+            @endforeach
         </div>
-    </header>
-</div>
-<div class="w-full bg-dark text-white d-none d-md-block">
-    <div class="container-lg text-center py-2">
-        @foreach ($categories as $category)
-            <a href="#"
-                class="text-white mx-3 font-family-roboto-condensed text-uppercase">{{ $category->name }}</a>
-        @endforeach
     </div>
 </div>

resources/views/front/welcome.blade.php

@@ -11,7 +11,7 @@
                             optional—it's critical for your future success. Stay updated with daily news from
                             <strong>FutureWalker</strong>.
                         </div>
-                        <a href="#latest-news" class="btn btn-primary px-4 rounded-pill">Start reading now</a>
+                        <a href="#latest-news" class="btn btn-primary px-4 rounded-pill text-decoration-none">Start reading now</a>
                     </div>
                 </div>
             </div>
@@ -101,9 +101,9 @@ class="text-secondary">{{ markdown_min_read($post->body) }}</small>
                                 </div>
                             @endforeach
                         </div>
-                        <div class="w-full text-center">
+                        <div class="w-full text-center mb-3">
                             <a href="{{ route('front.all') }}"
-                                class="btn btn-outline-primary px-4 rounded-pill text-decoration-none">Discover More
+                                class="btn btn-primary px-4 rounded-pill text-decoration-none">Discover More
                                 News</a>
                         </div>
                     </div>

routes/web.php

@@ -30,5 +30,5 @@
 Route::get('/{category_slug}/{slug}', [App\Http\Controllers\Front\FrontPostController::class, 'index'])->name('front.post');
 
 Route::get('/{category_slug}', [App\Http\Controllers\Front\FrontListController::class, 'category'])
-    ->where('category_slug', '^(updates|opinions|features|new-launches|tutorials|reviews)$')
+    ->where('category_slug', '^(updates|opinions|features|new-launches|how-tos|reviews)$')
     ->name('front.category');