FE-011: Minify HTML Resources

Background: For now, all minify were handle from SSL provider (Cloudflare). Since Cloudflare will deprecated that feature on next august, we should prepare to minify our resources before it's dropped from support Possibility Issue: - Increase time to load resource Resolution: - Minify web resources that will be load when the page load (HTML), JS and CSS already minifed by VITE framework Signed-off-by: Dicky Herlambang (花） <herlambangdicky5@gmail.com>
Nicklas373 · May 20, 2024 · 4629107 · 4629107
1 parent 7eae0ac
commit 4629107
Show file tree

Hide file tree

Showing 28 changed files with 28 additions and 1,390 deletions.
diff --git a/resources/views/errors/401.blade.php b/resources/views/errors/401.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="401">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">401</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Unauthorized</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">The page that you are looking for are require authorization</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">You are not authorized to access this page.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=401><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">401</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Unauthorized</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">The page that you are looking for are require authorization</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">You are not authorized to access this page.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/402.blade.php b/resources/views/errors/402.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="500">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">402</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Payment Required</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">PLACEHOLDER</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">PLACEHOLDER</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=500><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">402</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Payment Required</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">PLACEHOLDER</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">PLACEHOLDER</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="403">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">403</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Forbidden</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">The page that you are looking for are restricted</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">You do not have access this for this page.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=403><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">403</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Forbidden</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">The page that you are looking for are restricted</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">You do not have access this for this page.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="404">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">404</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Page not found</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">The page that you are looking for does not exist</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">It may already move or deleted permanently.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=404><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">404</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Page not found</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">The page that you are looking for does not exist</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">It may already move or deleted permanently.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/419.blade.php b/resources/views/errors/419.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="419">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">419</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Page Expired</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">Sorry your session was expired</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">Please wait and try again later.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=419><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">419</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Page Expired</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">Sorry your session was expired</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">Please wait and try again later.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/429.blade.php b/resources/views/errors/429.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="429">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">429</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Too Many Requests</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">You've made too many requests recently</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">Please wait and try again later.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=429><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">429</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Too Many Requests</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">You've made too many requests recently</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">Please wait and try again later.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="500">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">500</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Internal Server Error</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">The page that you are looking for does not exist</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">It may already move or deleted permanently.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=500><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">500</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Internal Server Error</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">The page that you are looking for does not exist</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">It may already move or deleted permanently.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
@@ -1,19 +1 @@
-<html lang="en">
-@extends('layouts.clean-layout')
-@section('content')
-<div id="503">
-    <section class="flex flex-col justify-center items-center bg-dt1 bg-opacity-35 backdrop-filter backdrop-blur-md w-full h-full">
-        <div class="text-center px-2">
-            <h1 class="text-5xl lg:text-8xl font-semibold font-quicksand text-lt1">503</h1>
-        </div>
-        <div class="text-center px-4">
-            <h2 class="mt-4 lg:mt-8 text-lg lg:text-3xl font-medium font-quicksand text-lt2">Service Temporary Unavailable</h2>
-            <h2 class="mt-4 text-xs text-center lg:text-start lg:text-lg font-medium font-quicksand text-lt4">Our service are temporary down or under going maintenance</h2>
-            <h2 class="text-xs lg:text-lg text-center font-medium font-quicksand text-lt4">Please wait and try again later.</h3>
-        </div>
-        <div class="mt-10 px-4">
-            <button type="button" id="submitBtn_1" class="p-4 font-quicksand font-medium bg-rt1 text-lt1 rounded-lg cursor-pointer w-full h-14" onclick="window.location.href='/'" data-ripple-light="true">Go Back Home</button>
-        </div>
-    </section>
-</div>
-@stop
+<html lang=en>@extends('layouts.clean-layout') @section('content')<div id=503><section class="w-full backdrop-blur-md backdrop-filter bg-dt1 bg-opacity-35 flex flex-col h-full items-center justify-center"><div class="text-center px-2"><h1 class="font-quicksand text-lt1 font-semibold lg:text-8xl text-5xl">503</h1></div><div class="text-center px-4"><h2 class="font-quicksand font-medium mt-4 lg:mt-8 lg:text-3xl text-lg text-lt2">Service Temporary Unavailable</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs lg:text-start mt-4">Our service are temporary down or under going maintenance</h2><h2 class="font-quicksand font-medium lg:text-lg text-center text-lt4 text-xs">Please wait and try again later.</div><div class="px-4 mt-10"><button class="font-quicksand font-medium bg-rt1 cursor-pointer h-14 p-4 rounded-lg text-lt1 w-full"data-ripple-light=true id=submitBtn_1 onclick='window.location.href="/"'type=button>Go Back Home</button></div></section></div>@stop