chore: make adjustments on the homepage

This commit is contained in:
myqnrrhmn 2025-07-16 13:56:24 +07:00
parent d6dfdfb40e
commit 097e1e7fcb
9 changed files with 39 additions and 35 deletions

View File

@ -46,7 +46,7 @@
</section> </section>
<!-- end section --> <!-- end section -->
<!-- start section --> <!-- start section -->
<section class="pt-0 ps-15 pe-15 xl-ps-2 xl-pe-2 lg-ps-2 lg-pe-2 sm-mx-0"> <section class="pt-0 ps-15 pe-15 xl-ps-2 xl-pe-2 lg-ps-2 lg-pe-2 sm-mx-0 mb-5">
<div class="container-fluid"> <div class="container-fluid">
<div class="row" data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'> <div class="row" data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
<div class="col-12 mx-lg-3"> <div class="col-12 mx-lg-3">
@ -93,7 +93,7 @@
</section> </section>
<!-- end section --> <!-- end section -->
<!-- start section --> <!-- start section -->
<section class="pt-0 ps-15 pe-15 xl-ps-2 xl-pe-2 lg-ps-2 lg-pe-2 sm-mx-0" style="margin-top: -2rem !important;"> <section class="pt-0 ps-15 pe-15 xl-ps-2 xl-pe-2 lg-ps-2 lg-pe-2 sm-mx-0 mb-3">
<div class="container-fluid"> <div class="container-fluid">
<div class="row" data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'> <div class="row" data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
<div class="col-12 mx-lg-3"> <div class="col-12 mx-lg-3">
@ -110,15 +110,15 @@
<li class="grid-item"> <li class="grid-item">
<div class="card bg-transparent border-0 h-100"> <div class="card bg-transparent border-0 h-100">
<div class="blog-image position-relative overflow-hidden border-radius-4px"> <div class="blog-image position-relative overflow-hidden border-radius-4px">
<a href="demo-elearning-blog-single-simple.html"> <a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}">
<img src="{{asset(display_image($item->image, 'news', 'simedkom-logo-circle.png'))}}" alt="" class="information-img" /> <img src="{{asset(display_image($item->image, 'news', 'simedkom-logo-circle.png'))}}" alt="" class="information-img" />
</a> </a>
</div> </div>
<div class="card-body px-0 pt-30px pb-30px"> <div class="card-body px-0 pt-30px pb-30px">
<span class="fs-13 text-uppercase mb-5px d-block"><a href="blog-grid.html" class="blog-date text-dark-gray-hover">{{idn_date($item->created_at, 'l, d F y')}}</a></span> <span class="fs-13 text-uppercase mb-5px d-block"><a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="blog-date text-dark-gray-hover">{{idn_date($item->created_at, 'l, d F y')}}</a></span>
<a href="demo-elearning-blog-single-simple.html" class="card-title mb-10px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block w-95 information-title">{{shorten_text($item->title, 40)}}</a> <a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="card-title mb-10px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block w-95 information-title">{{shorten_text($item->title, 40)}}</a>
<p class="mb-10px w-95 information-desc">{{strip_tags(shorten_text($item->content, 50))}}</p> <p class="mb-10px w-95 information-desc">{{strip_tags(shorten_text($item->content, 50))}}</p>
<a href="demo-elearning-blog-single-simple.html" class="card-link alt-font fs-12 text-uppercase text-dark-gray text-dark-gray-hover fw-700">Baca Selengkapnya<i class="feather icon-feather-arrow-right icon-very-small"></i></a> <a href="{{route('homepage.announcements.read', ['slug' => $item->slug])}}" class="card-link alt-font fs-12 text-uppercase text-dark-gray text-dark-gray-hover fw-700">Baca Selengkapnya<i class="feather icon-feather-arrow-right icon-very-small"></i></a>
</div> </div>
</div> </div>
</li> </li>

View File

@ -17,7 +17,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<ul class="blog-grid blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large"> <ul class="blog-grid blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
<li class="grid-sizer"></li> <li class="grid-sizer"></li>
@forelse ($data as $item) @forelse ($data as $item)
<!-- start blog item --> <!-- start blog item -->
@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<div class="card-body p-12"> <div class="card-body p-12">
<a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block search-title">{{shorten_text($item->title, 70)}}</a> <a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block search-title">{{shorten_text($item->title, 80)}}</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase"> <div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto"> <div class="me-auto">
<span class="blog-date fw-500 d-inline-block">{{idn_date($item->created_at, 'd F Y')}}</span> <span class="blog-date fw-500 d-inline-block">{{idn_date($item->created_at, 'd F Y')}}</span>

View File

@ -1,15 +1,25 @@
<!-- SEO Meta Tags -->
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
<meta name="author" content="Hamba Allah"> <meta name="description" content="{{$app->app_description}}" />
<meta name="description" content="{{$app->app_description}}"> <meta name="keywords" content="{{$app->app_keywords}}" />
<meta name="keywords" content="{{$app->app_keywords}}"> <meta name="author" content="PT. Pratama Solusi Teknologi" />
<!-- Fav Icon --> <!-- Fav Icon -->
<link rel="shortcut icon" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}"> <link rel="shortcut icon" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}">
<link rel="apple-touch-icon" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}"> <link rel="apple-touch-icon" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}">
<link rel="apple-touch-icon" sizes="72x72" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}"> <link rel="apple-touch-icon" sizes="72x72" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}">
<link rel="apple-touch-icon" sizes="114x114" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}"> <link rel="apple-touch-icon" sizes="114x114" href="{{$app->app_icon == 'simedkom-logo-circle.png' ? asset('assets/defaults/simedkom-logo-circle.png') : asset('storage/uploads/settings/'. $app->app_icon)}}">
<meta property="og:title" content="{{$app->app_title}}">
<meta property="og:description" content="{{$app->app_description}}"> <!-- Open Graph / Facebook -->
<meta property="og:url" content="{{ url()->current() }}"> <meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image"> <meta property="og:url" content="{{url()->current()}}" />
<meta name="twitter:title" content="{{$app->app_title}}"> <meta property="og:title" content="{{$title}} - {{$app->app_title}}" />
<meta name="twitter:description" content="{{$app->app_description}}"> <meta property="og:description" content="{{$app->app_description}}" />
<meta property="og:image" content="{{asset('assets/defaults/simedkom-logo-circle.png')}}" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="{{url()->current()}}" />
<meta name="twitter:title" content="{{$title}} - {{$app->app_title}}" />
<meta name="twitter:description" content="{{$description ?? 'Deskripsi singkat website Anda di sini'}}" />
<meta name="twitter:image" content="{{asset('assets/defaults/simedkom-logo-circle.png')}}" />

View File

@ -6,7 +6,7 @@
<div class="nk-footer"> <div class="nk-footer">
<div class="container-fluid"> <div class="container-fluid">
<div class="nk-footer-wrap"> <div class="nk-footer-wrap">
<div class="nk-footer-copyright"> &copy; {{date('Y')}} Simedkom. <div class="nk-footer-copyright"> &copy; {{date('Y')}} {{$app->app_title}}.
</div> </div>
<div class="nk-footer-links"> <div class="nk-footer-links">
<ul class="nav nav-sm"> <ul class="nav nav-sm">

View File

@ -4,7 +4,6 @@
<head> <head>
<base href="../"> <base href="../">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="author" content="Yuqi">
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@include('partials.app.head') @include('partials.app.head')

View File

@ -8,7 +8,7 @@
<a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a> <a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a>
</div> </div>
<div class="nk-header-brand d-xl-none"> <div class="nk-header-brand d-xl-none">
<a href="html/index.html" class="logo-link"> <a href="javascript: void(0);" class="logo-link">
<img class="logo-light logo-img" src="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" srcset="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}} 2x" alt="logo"> <img class="logo-light logo-img" src="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" srcset="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}} 2x" alt="logo">
<img class="logo-dark logo-img" src="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" srcset="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}} 2x" alt="logo-dark"> <img class="logo-dark logo-img" src="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" srcset="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}} 2x" alt="logo-dark">
</a> </a>

View File

@ -43,15 +43,9 @@
<!-- end footer column --> <!-- end footer column -->
<!-- start footer column --> <!-- start footer column -->
<div class="col-lg-3 col-sm-6 ps-30px sm-ps-15px md-mb-40px xs-mb-0 order-sm-2 order-lg-5"> <div class="col-lg-3 col-sm-6 ps-30px sm-ps-15px md-mb-40px xs-mb-0 order-sm-2 order-lg-5">
<span class="fs-17 fw-500 d-block text-white mb-5px">Subscribe our newsletter</span> <span class="fs-17 fw-500 d-block text-white mb-5px">DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN PURWAKARTA</span>
<p class="mb-20px">Subscribe our newsletter to get the latest news and updates!</p> <div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px mt-5">
<div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px"> <img src="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" data-at2x="{{$app->app_logo == 'simedkom-logo-full.png' ? asset('assets/defaults/simedkom-logo-full.png') : asset('storage/uploads/settings/'. $app->app_logo)}}" alt="" class="default-logo">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="input-small bg-transparent-white-light fs-14 border-color-transparent w-100 form-control pe-50px ps-20px lg-ps-15px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value="">
<button class="btn pe-20px submit" aria-label="submit"><i class="icon bi bi-envelope icon-small text-white"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div> </div>
<div class="footer-card"> <div class="footer-card">
<a href="#" class="d-inline-block me-5px xxl-me-0 align-middle"><img src="https://via.placeholder.com/55x20" alt=""></a> <a href="#" class="d-inline-block me-5px xxl-me-0 align-middle"><img src="https://via.placeholder.com/55x20" alt=""></a>
@ -63,7 +57,7 @@
<!-- end footer column --> <!-- end footer column -->
</div> </div>
<div class="border-top border-color-transparent-white-light pt-35px pb-35px text-center"> <div class="border-top border-color-transparent-white-light pt-35px pb-35px text-center">
<span class="fs-13 w-60 lg-w-70 md-w-100 d-block mx-auto lh-22">&copy; {{date("Y")}}. Kementerian Komunikasi dan Digital</span> <span class="fs-13 w-60 lg-w-70 md-w-100 d-block mx-auto lh-22">&copy; {{date("Y")}}. DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN PURWAKARTA</span>
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -1,15 +1,16 @@
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<head> <head>
<title>{{$title}} - Simedkom</title> <title>{{$title}} - {{$app->app_title}}</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@include('partials.app.head') @include('partials.app.head')
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- favicon icon -->
<!-- google fonts preconnect --> <!-- google fonts preconnect -->
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- style sheets and font icons --> <!-- style sheets and font icons -->
<link rel="stylesheet" href="{{asset('assets/homepage/css/vendors.min.css')}}"/> <link rel="stylesheet" href="{{asset('assets/homepage/css/vendors.min.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/homepage/css/icon.min.css')}}"/> <link rel="stylesheet" href="{{asset('assets/homepage/css/icon.min.css')}}"/>

View File

@ -7,12 +7,12 @@
<div class="fs-13 text-white"><span class="opacity-6 me-5px">Get a hosting plans, as low as starting at only</span><span class="fw-600">$2.78/mo*</span></div> <div class="fs-13 text-white"><span class="opacity-6 me-5px">Get a hosting plans, as low as starting at only</span><span class="fw-600">$2.78/mo*</span></div>
</div> </div>
<div class="col-5 text-end d-none d-md-flex"> <div class="col-5 text-end d-none d-md-flex">
<a href="demo-hosting-contact.html" class="widget fs-13 me-20px text-white opacity-8 d-none d-lg-inline-block"><i class="feather icon-feather-phone"></i>Customer service</a> <a href="javascript: void(0);" class="widget fs-13 me-20px text-white opacity-8 d-none d-lg-inline-block"><i class="feather icon-feather-phone"></i>Customer service</a>
<a href="mailto:support@domain.com" class="widget fs-13 text-white text-white-hover opacity-8"><i class="feather icon-feather-mail text-white position-relative top-1px"></i>support@domain.com</a> <a href="mailto:support@domain.com" class="widget fs-13 text-white text-white-hover opacity-8"><i class="feather icon-feather-mail text-white position-relative top-1px"></i>support@domain.com</a>
</div> </div>
</div> </div>
</div> --}}
</div> </div>
</div> --}}
<!-- start navigation --> <!-- start navigation -->
<nav class="navbar navbar-expand-lg header-light bg-light header-reverse glass-effect" data-header-hover="light"> <nav class="navbar navbar-expand-lg header-light bg-light header-reverse glass-effect" data-header-hover="light">
<div class="container-fluid"> <div class="container-fluid">