zarif59/website-zarif
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
782270c665
website-zarif/page2/index.html

2673 lines
35 KiB
HTML
Raw Normal View History

first commit
2023-08-30 20:07:11 +03:00
<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="my"
data-mode="dark"
>
<!-- The Head -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
>
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.2" />
<meta property="og:title" content="Zarif Rani" />
<meta property="og:locale" content="my" />
<meta name="description" content="Bloging dan Dokumentasi" />
<meta property="og:description" content="Bloging dan Dokumentasi" />
<link rel="canonical" href="https://blog.zarifhomelab.com/page2/" />
<meta property="og:url" content="https://blog.zarifhomelab.com/page2/" />
<meta property="og:site_name" content="Zarif Rani" />
<meta property="og:type" content="website" />
<link rel="prev" href="https://blog.zarifhomelab.com/" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Zarif Rani" />
<meta name="twitter:site" content="@twitter_username" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"Bloging dan Dokumentasi","headline":"Zarif Rani","url":"https://blog.zarifhomelab.com/page2/"}</script>
<!-- End Jekyll SEO tag -->
<title>Zarif Rani
</title>
<!--
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
Generated by: https://realfavicongenerator.net/
-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Zarif Rani">
<meta name="application-name" content="Zarif Rani">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="/assets/lib/fonts/main.css">
<!-- GA -->
<!-- Bootstrap -->
<link rel="stylesheet" href="/assets/lib/bootstrap/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="/assets/lib/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="/assets/css/style.css">
<!-- JavaScript -->
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<div id="sidebar" class="d-flex flex-column align-items-end">
<div class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle">
<img src="/assets/non-post-image/avatar.webp" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
</a>
<div class="site-title">
<a href="/">Zarif Rani</a>
</div>
<div class="site-subtitle fst-italic">Bloging dan Dokumentasi</div>
</div>
<!-- .profile-wrapper -->
<ul class="nav flex-column flex-grow-1 w-100 ps-0">
<!-- home -->
<li class="nav-item active">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>LAMAN UTAMA</span>
</a>
</li>
<!-- the real tabs -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>KATEGORI</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAG</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARKIB</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>TENTANG</span>
</a>
</li>
<!-- .nav-item -->
</ul>
<!-- ul.nav.flex-column -->
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<a
href="https://www.instagram.com/firaz.fat/"
aria-label="instagram"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-instagram"></i>
</a>
<a
href="https://facebook.com/zarif.fathurrahman"
aria-label="facebook"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-facebook"></i>
</a>
<a
href="javascript:location.href = 'mailto:' + ['zariffathurrahman59','gmail.com'].join('@')"
aria-label="email"
>
<i class="fas fa-envelope"></i>
</a>
<a
href="/feed.xml"
aria-label="rss"
>
<i class="fas fa-rss"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</div>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div id="main" class="container px-xxl-5">
<!-- The Top Bar -->
<div id="topbar-wrapper">
<div
id="topbar"
class="container d-flex align-items-center justify-content-between h-100"
>
<span id="breadcrumb">
<!-- index page -->
<span>Laman utama</span>
</span>
<!-- endof #breadcrumb -->
<i id="sidebar-trigger" class="fas fa-bars fa-fw"></i>
<div id="topbar-title">
Zarif Rani
</div>
<i id="search-trigger" class="fas fa-search fa-fw"></i>
<span id="search-wrapper" class="align-items-center">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Cari..."
>
</span>
<span id="search-cancel">Batal</span>
</div>
</div>
<div class="row mb-5">
<!-- core -->
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
<div class="post px-md-2">
<!-- Refactor the HTML structure -->
<!--
In order to allow a wide table to scroll horizontally,
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
<!-- Change the icon of checkbox -->
<!-- images -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<!-- Get pinned posts -->
<!-- Get default posts -->
<div id="post-list">
<a href="/posts/gitea/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Gitea
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Gitea adalah git repo yang mudah untuk di larikan. Berperanan sebagai storan file file code seperti github.
Environment
Ubuntu 22.04 LTS
Docker 20.10.12
Install docker
sudo apt in...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1657528166"
data-df="DD/MM/YYYY"
>
11/07/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/cloudflaredns/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Configure Cloudflare DNS
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Buat acount dan login ke Cloudflare DNS
Layari Cloudflare DNS dan buat account anda.
Log masuk dan click pada Domain dan Register New Domain
Masukkan domain anda
Tukar Name Server daripad...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654795500"
data-df="DD/MM/YYYY"
>
09/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
server,
domain
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/gbnetwork/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Beli Domain di GB Network
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Buat acount dan login ke GBNetwork
Layari GB Network dan buat account anda.
Log masuk dan click pada Domain dan Register New Domain
Masukan domain pilihan dan Add to Cart
Biarkan defaul...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654777500"
data-df="DD/MM/YYYY"
>
09/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
server,
domain
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/npm-networking/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Nginx Proxy Manager Networking
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Nginx Proxy Manager berperanan sebagai reverse proxy kepada webapp dalam server.
Objektif
Dapat configure static networking docker mengunakan Nginx Proxy Manager (NPM) seperti gambar di...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654709100"
data-df="DD/MM/YYYY"
>
08/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/nginx-webserver/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Nginx Webserver
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
NGINX adalah open source webserver, reverse proxying, caching, load balancing, media streaming dan banyak lagi. Ianya stabil dan berprestasi tinggi.
Environment
Ubuntu 22.04 LTS
Dock...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654709100"
data-df="DD/MM/YYYY"
>
08/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/wordpress/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Wordpress
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Wordpress adalah Content Management System (CMS) yang kebiasaan dipakai oleh kebanyakan website.
Environment
Ubuntu 22.04 LTS
Docker 20.10.12
Install docker
sudo apt install docke...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654622700"
data-df="DD/MM/YYYY"
>
07/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/vault/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Vaultwarden
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Vaultwarden (dahulunya Bitwarden_RS) ialah Bitwarden tidak rasmi yang diprogramkan dengan Rust language berperanan sebagai password manager. Vaultwarden serasi dengan aplikasi Bitwarden ras...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654622700"
data-df="DD/MM/YYYY"
>
07/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/npm/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Nginx Proxy Manager
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Nginx Proxy Manager berperanan sebagai reverse proxy kepada webapp dalam server.
Environment
Ubuntu 22.04 LTS
Docker 20.10.12
Install docker
sudo apt install docker.io
sudo apt ...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654622700"
data-df="DD/MM/YYYY"
>
07/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/joplin/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Joplin
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Joplin adalah aplikasi note-taking. Ianya lengkap dengan software di kesemua platform (desktop, mobile, tab).
Environment
Ubuntu 22.04 LTS
Docker 20.10.12
Install docker
sudo apt ...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654622700"
data-df="DD/MM/YYYY"
>
07/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
<a href="/posts/akaunting/" class="card-wrapper">
<div class="card post-preview flex-md-row-reverse">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">
Akaunting 2.1.35
</h1>
<div class="card-text post-content mt-0 mb-2">
<p>
Fungsi
Organisasi Kewangan
Environment
Ubuntu 22.04 LTS
Docker 20.10.12
Install docker
sudo apt install docker.io
sudo apt install docker-compose
Bina folder
mkdir akaunting
cd ak...
</p>
</div>
<div class="post-meta flex-grow-1 d-flex align-items-end">
<div class="me-auto">
<!-- posted date -->
<i class="far fa-calendar fa-fw me-1"></i>
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1654622700"
data-df="DD/MM/YYYY"
>
07/06/2022
</em>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
homelab,
docker
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</div>
<!-- #post-list -->
<!-- The paginator for post list on HomgPage. -->
<ul class="pagination align-items-center mt-4 mb-1 ps-lg-2">
<!-- left arrow -->
<li class="page-item ">
<a class="page-link btn-box-shadow" href="/" aria-label="previous-page">
<i class="fas fa-angle-left"></i>
</a>
</li>
<!-- page numbers -->
<!-- show number -->
<li class="page-item ">
<a
class="page-link btn-box-shadow"
href="/"
>1</a>
</li>
<!-- show number -->
<li class="page-item active">
<a
class="page-link btn-box-shadow"
href="/page2"
>2</a>
</li>
<!-- mobile pagination -->
<li class="page-index align-middle">
<span>2</span>
<span class="text-muted">/ 2</span>
</li>
<!-- right arrow -->
<li class="page-item disabled">
<a class="page-link btn-box-shadow" href="#" aria-label="next-page">
<i class="fas fa-angle-right"></i>
</a>
</li>
</ul>
<!-- .pagination -->
</div>
</div>
<!-- #core-wrapper -->
<!-- panel -->
<div id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
<div class="access">
<!-- Get the last 5 posts from lastmod list. -->
<div id="access-lastmod" class="post">
<div class="panel-heading">Pos dikemaskini</div>
<ul class="post-content list-unstyled ps-0 pb-1 ms-1 mt-2">
<li class="text-truncate lh-lg">
<a href="/posts/quotes/">Quotes</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/internalmed/">Internal Medicine</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/pengalam-ramadan-di-mesir/">Pengalaman Ramadan di Mesir</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/home-media/">Home Media Stack</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/automatic-deploy-jekyll-website/">Automatic Deploy Jekyll Website Menggunakan Gitea Webhook</a>
</li>
</ul>
</div>
<!-- #access-lastmod -->
<!-- The trending tags list -->
<div id="access-tags">
<div class="panel-heading">Tag popular</div>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/how-to/">how-to</a>
<a class="post-tag btn btn-outline-primary" href="/tags/server/">server</a>
<a class="post-tag btn btn-outline-primary" href="/tags/docker/">docker</a>
<a class="post-tag btn btn-outline-primary" href="/tags/medic/">medic</a>
<a class="post-tag btn btn-outline-primary" href="/tags/mesir/">mesir</a>
<a class="post-tag btn btn-outline-primary" href="/tags/alex/">alex</a>
<a class="post-tag btn btn-outline-primary" href="/tags/dns/">dns</a>
<a class="post-tag btn btn-outline-primary" href="/tags/kedihupan/">kedihupan</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cdn/">cdn</a>
<a class="post-tag btn btn-outline-primary" href="/tags/gitea/">gitea</a>
</div>
</div>
</div>
</div>
</div>
<!-- tail -->
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
<div class="col-11 post-content">
<div id="search-hints">
<!-- The trending tags list -->
<div id="access-tags">
<div class="panel-heading">Tag popular</div>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/how-to/">how-to</a>
<a class="post-tag btn btn-outline-primary" href="/tags/server/">server</a>
<a class="post-tag btn btn-outline-primary" href="/tags/docker/">docker</a>
<a class="post-tag btn btn-outline-primary" href="/tags/medic/">medic</a>
<a class="post-tag btn btn-outline-primary" href="/tags/mesir/">mesir</a>
<a class="post-tag btn btn-outline-primary" href="/tags/alex/">alex</a>
<a class="post-tag btn btn-outline-primary" href="/tags/dns/">dns</a>
<a class="post-tag btn btn-outline-primary" href="/tags/kedihupan/">kedihupan</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cdn/">cdn</a>
<a class="post-tag btn btn-outline-primary" href="/tags/gitea/">gitea</a>
</div>
</div>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
</div>
<!-- The Footer -->
<footer>
<div class="container px-lg-4">
<div class="d-flex justify-content-center align-items-center text-muted mx-md-3">
<p>Dikuasakan oleh <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a> dengan tema <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>.
</p>
<p>©
2023
<a href="https://www.instagram.com/firaz.fat/">Zarif Fathurrahman Rani</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Kecuali jika dinyatakan, Pos blog di situs ini dilesenkan di bawah Creative Commons Attribution 4.0 International License (CC BY 4.0) oleh penulis."
>Sebagian kandungan dilindungi.</span>
</p>
</div>
</div>
</footer>
<div id="mask"></div>
<button id="back-to-top" aria-label="back-to-top" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
<div
id="notification"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<button
type="button"
class="btn-close ms-auto"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">Kandungan baharu tersedia.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Kemas kini
</button>
</div>
</div>
<!-- JS selector for site. -->
<!-- commons -->
<!-- layout specified -->
<script src="/assets/lib/jquery/jquery.min.js"></script>
<script src="/assets/lib/bootstrap/bootstrap.bundle.min.js"></script>
<script src="/assets/lib/simple-jekyll-search/simple-jekyll-search.min.js"></script>
<script src="/assets/lib/lazysizes/lazysizes.min.js"></script>
<script src="/assets/lib/dayjs/dayjs.min.js"></script>
<script src="/assets/lib/dayjs/locale/en.min.js"></script>
<script src="/assets/lib/dayjs/plugin/relativeTime.min.js"></script>
<script src="/assets/lib/dayjs/plugin/localizedFormat.min.js"></script>
<script defer src="/assets/js/dist/home.min.js"></script>
<!--
Jekyll Simple Search loader
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->
<script>
/* Note: dependent library will be loaded in `js-selector.html` */
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('search-results'),
json: '/assets/js/data/search.json',
searchResultTemplate: '<div class="px-1 px-sm-2 px-lg-4 px-xl-0"> <a href="{url}">{title}</a> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> <p>{snippet}</p></div>',
noResultsText: '<p class="mt-5"></p>',
templateMiddleware: function(prop, value, template) {
if (prop === 'categories') {
if (value === '') {
return `${value}`;
} else {
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
}
}
if (prop === 'tags') {
if (value === '') {
return `${value}`;
} else {
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
}
}
}
});
</script>
</body>
</html>
Reference in New Issue Copy Permalink