Add (ui)
This commit is contained in:
@@ -1,64 +1,7 @@
|
||||
const Ziggy = {
|
||||
url: "https://FutureWalker.com",
|
||||
port: null,
|
||||
defaults: {},
|
||||
routes: {
|
||||
"debugbar.openhandler": { uri: "_debugbar/open", methods: ["GET", "HEAD"] },
|
||||
"debugbar.clockwork": {
|
||||
uri: "_debugbar/clockwork/{id}",
|
||||
methods: ["GET", "HEAD"],
|
||||
},
|
||||
"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"],
|
||||
},
|
||||
"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: "news", methods: ["GET", "HEAD"] },
|
||||
"front.post.redirect": { uri: "news/{slug}", methods: ["GET", "HEAD"] },
|
||||
"front.post": { uri: "{category_slug}/{slug}", methods: ["GET", "HEAD"] },
|
||||
"front.category": {
|
||||
uri: "{category_slug}",
|
||||
methods: ["GET", "HEAD"],
|
||||
wheres: {
|
||||
category_slug:
|
||||
"^(automotive|business|trading|information-technology|marketing|office|telecommunications|food-drink|collectibles|pets|photography|hobbies-gifts|hunting-fishing|law|politics|home-garden|shopping|fashion-clothing|real-estate|family|wedding|immigration|society|education|languages|health|beauty|psychology|wellness|religion-spirituality|tips-tricks|how-to|holiday|world-festivals|travel|outdoors|computer|phones|gadgets|technology|social-networks|ai)$",
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
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"]},"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"]}}};
|
||||
|
||||
if (typeof window !== "undefined" && typeof window.Ziggy !== "undefined") {
|
||||
Object.assign(Ziggy.routes, window.Ziggy.routes);
|
||||
if (typeof window !== 'undefined' && typeof window.Ziggy !== 'undefined') {
|
||||
Object.assign(Ziggy.routes, window.Ziggy.routes);
|
||||
}
|
||||
|
||||
export { Ziggy };
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
<aside class="p-4 mb-3 bg-black text-white rounded-3 shadow-sm">
|
||||
<h4 class="font-family-roboto-condensed">About <span class="text-uppercase">FutureWalker</span></h4>
|
||||
<p class="mb-0">
|
||||
FutureWalker is an innovative news platform specializing in cutting-edge technology and AI developments. We provide insightful coverage on the latest breakthroughs and trends, offering our audience a front-row seat to the advancements shaping our future. Stay informed and ahead with FutureWalker, your go-to source for tech news that matters.
|
||||
FutureWalker is an innovative news platform specializing in cutting-edge technology and AI developments. We
|
||||
provide insightful coverage on the latest breakthroughs and trends, offering our audience a front-row seat to
|
||||
the advancements shaping our future. Stay informed and ahead with FutureWalker, your go-to source for tech news
|
||||
that matters.
|
||||
</p>
|
||||
</aside>
|
||||
|
||||
@@ -1,8 +1,7 @@
|
||||
<div class="row g-3 border-0 overflow-hidden flex-md-row mb-4 h-md-250 position-relative bg-white">
|
||||
<div class="col-12 col-lg-3 d-flex" style="height:100%;">
|
||||
<div class="align-self-center">
|
||||
<img class="img-fluid rounded-4 shadow" src="{{ $post->featured_image }}"
|
||||
alt="{{ $post->title }}">
|
||||
<img class="img-fluid rounded-4 shadow" src="{{ $post->featured_image }}" alt="{{ $post->title }}">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
<aside>
|
||||
<form class="d-flex mb-3" action="{{ route('front.search')}}" method="POST">
|
||||
@csrf
|
||||
<input name="query" class="form-control me-2" type="search" placeholder="Search for AI news..." aria-label="Search">
|
||||
<button class="btn btn-outline-primary" type="submit">
|
||||
<i class="bi bi-search"></i>
|
||||
</button>
|
||||
</form>
|
||||
</aside>
|
||||
<form class="d-flex mb-3" action="{{ route('front.search') }}" method="POST">
|
||||
@csrf
|
||||
<input name="query" class="form-control me-2" type="search" placeholder="Search for AI news..."
|
||||
aria-label="Search">
|
||||
<button class="btn btn-outline-primary" type="submit">
|
||||
<i class="bi bi-search"></i>
|
||||
</button>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@include('front.partials.about')
|
||||
|
||||
@include('front.partials.search')
|
||||
{{--
|
||||
{{--
|
||||
<aside class="text-center">
|
||||
<h3 class="font-family-roboto-condensed h4 text-uppercase">Never miss a news</h3>
|
||||
<div class="d-flex flex-row justify-content-center">
|
||||
@@ -11,7 +11,7 @@
|
||||
{{-- <a href="https://twitter.com/futurewalker" target="_blank" class="mx-1 btn btn-link mb-2">
|
||||
<i class="bi bi-twitter"></i>
|
||||
</a> --}}
|
||||
{{-- <a href="https://www.youtube.com/user/hackaday" target="_blank" class="mx-1 btn btn-link mb-2">
|
||||
{{-- <a href="https://www.youtube.com/user/hackaday" target="_blank" class="mx-1 btn btn-link mb-2">
|
||||
<i class="bi bi-youtube"></i>
|
||||
</a>
|
||||
<a href="https://hackaday.com/blog/feed/" target="_blank" class="mx-1 btn btn-link mb-2">
|
||||
@@ -19,4 +19,4 @@
|
||||
</a>
|
||||
</div>
|
||||
</aside>
|
||||
--}}
|
||||
--}}
|
||||
|
||||
@@ -8,16 +8,16 @@
|
||||
<div class="col-md-8">
|
||||
<h1 class="pb-2 h2 font-family-roboto-condensed">
|
||||
|
||||
@if($page_type == 'search')
|
||||
@if(isset($title))
|
||||
{{ $title }}
|
||||
@endif
|
||||
@if ($page_type == 'search')
|
||||
@if (isset($title))
|
||||
{{ $title }}
|
||||
@endif
|
||||
@else
|
||||
@if (isset($category) && !is_null($category))
|
||||
{{ $category->name }} News from FutureWalker
|
||||
@else
|
||||
AI & Tech News from FutureWalker
|
||||
@endif
|
||||
@if (isset($category) && !is_null($category))
|
||||
{{ $category->name }} News from FutureWalker
|
||||
@else
|
||||
AI & Tech News from FutureWalker
|
||||
@endif
|
||||
@endif
|
||||
</h1>
|
||||
@if ($posts->count() > 0)
|
||||
@@ -38,9 +38,9 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="position-sticky" style="top: 2rem;">
|
||||
@include('front.partials.sidebar')
|
||||
</div>
|
||||
<div class="position-sticky" style="top: 2rem;">
|
||||
@include('front.partials.sidebar')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -18,94 +18,98 @@
|
||||
</div>
|
||||
|
||||
@if ($featured_posts->count() > 0)
|
||||
<div class="container-lg py-4">
|
||||
<div class="text-center">
|
||||
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Featured News</h2>
|
||||
</div>
|
||||
<div class="container-lg py-4">
|
||||
<div class="text-center">
|
||||
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Featured News</h2>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
@foreach ($featured_posts as $post)
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="card border-0" style="height:100%;">
|
||||
<div class="ratio ratio-16x9">
|
||||
<img src="{{ $post->featured_image }}" alt="" class="rounded-4 card-img-top shadow"
|
||||
style="object-fit: cover;">
|
||||
</div>
|
||||
<div class="card-body px-0">
|
||||
<h3 class="h4 fw-bold font-family-roboto-condensed">
|
||||
<a href="{{ route('front.post', ['category_slug' => $post->category->slug,'slug' => $post->slug]) }}">{{ $post->title }}</a>
|
||||
</h3>
|
||||
<p>{{ str_first_sentence($post->bites) }}</p>
|
||||
<div class="row g-3">
|
||||
@foreach ($featured_posts as $post)
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="card border-0" style="height:100%;">
|
||||
<div class="ratio ratio-16x9">
|
||||
<img src="{{ $post->featured_image }}" alt=""
|
||||
class="rounded-4 card-img-top shadow" style="object-fit: cover;">
|
||||
</div>
|
||||
<div class="card-body px-0">
|
||||
<h3 class="h4 fw-bold font-family-roboto-condensed">
|
||||
<a
|
||||
href="{{ route('front.post', ['category_slug' => $post->category->slug, 'slug' => $post->slug]) }}">{{ $post->title }}</a>
|
||||
</h3>
|
||||
<p>{{ str_first_sentence($post->bites) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($latest_posts->count() > 0)
|
||||
<div class="container-lg py-4">
|
||||
<div class="container-lg py-4">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8 mb-3">
|
||||
<div class="text-start">
|
||||
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Latest News</h2>
|
||||
</div>
|
||||
<div class="row g-3 mb-4">
|
||||
@foreach ($latest_posts as $post)
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="card bg-white border-0 shadow" style="height:100%;">
|
||||
<div class="card-body d-flex">
|
||||
<div class="row align-self-center">
|
||||
<div class="col-12 col-lg-5 d-flex py-1" style="height:100%;">
|
||||
<div class="align-self-center">
|
||||
<img class="img-fluid rounded-4" src="{{ $post->featured_image }}"
|
||||
alt="{{ $post->title }}">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8 mb-3">
|
||||
<div class="text-start">
|
||||
<h2 id="latest-news" class="fw-bold font-family-roboto-condensed mb-3 h2">Latest News</h2>
|
||||
</div>
|
||||
<div class="row g-3 mb-4">
|
||||
@foreach ($latest_posts as $post)
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="card bg-white border-0 shadow" style="height:100%;">
|
||||
<div class="card-body d-flex">
|
||||
<div class="row align-self-center">
|
||||
<div class="col-12 col-lg-5 d-flex py-1" style="height:100%;">
|
||||
<div class="align-self-center">
|
||||
<img class="img-fluid rounded-4" src="{{ $post->featured_image }}"
|
||||
alt="{{ $post->title }}">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-lg-7 d-flex py-1" style="height:100%;">
|
||||
<div class="align-self-center">
|
||||
<div class="">
|
||||
<h3 class="h6 mb-0 fw-bold font-family-roboto-condensed">
|
||||
<a href="{{ route('front.post', ['category_slug' => $post->category->slug,'slug' => $post->slug]) }}" class="fw-bold"
|
||||
style=" display: -webkit-box;
|
||||
</div>
|
||||
<div class="col-12 col-lg-7 d-flex py-1" style="height:100%;">
|
||||
<div class="align-self-center">
|
||||
<div class="">
|
||||
<h3 class="h6 mb-0 fw-bold font-family-roboto-condensed">
|
||||
<a href="{{ route('front.post', ['category_slug' => $post->category->slug, 'slug' => $post->slug]) }}"
|
||||
class="fw-bold"
|
||||
style=" display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;">{{ $post->title }}</a></h3>
|
||||
</div>
|
||||
<div><small
|
||||
class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
|
||||
overflow: hidden;">{{ $post->title }}</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div><small
|
||||
class="text-secondary">{{ $post->published_at->diffForHumans() }}</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="w-full text-center">
|
||||
<a href="{{ route('front.all') }}"
|
||||
class="btn btn-outline-primary px-4 rounded-pill text-decoration-none">Discover More
|
||||
News</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="w-full text-center">
|
||||
<a href="{{ route('front.all') }}"
|
||||
class="btn btn-outline-primary px-4 rounded-pill text-decoration-none">Discover More News</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 mb-3">
|
||||
<div class="position-sticky" style="top: 2rem;">
|
||||
@include('front.partials.sidebar')
|
||||
<div class="col-12 col-lg-4 mb-3">
|
||||
<div class="position-sticky" style="top: 2rem;">
|
||||
@include('front.partials.sidebar')
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user