asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions
web/_site/index.html
Aliberk Sandıkçı 74e8880b0c add website root directory
2024-04-13 12:47:49 +03:00

2194 lines
33 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en" >
<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"
><!-- Setup Open Graph image -->
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.3" />
<meta property="og:title" content="Aliberk Sandıkçı" />
<meta property="og:locale" content="en" />
<meta name="description" content="Personal Website &amp; Blog of Aliberk Sandıkçı" />
<meta property="og:description" content="Personal Website &amp; Blog of Aliberk Sandıkçı" />
<link rel="canonical" href="http://localhost:4000/" />
<meta property="og:url" content="http://localhost:4000/" />
<meta property="og:site_name" content="Aliberk Sandıkçı" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Aliberk Sandıkçı" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"Personal Website &amp; Blog of Aliberk Sandıkçı","headline":"Aliberk Sandıkçı","name":"Aliberk Sandıkçı","sameAs":["https://git.aliberksandikci.com.tr/asandikci","https://mastodon.social/@asandikci","https://www.linkedin.com/in/asandikci"],"url":"http://localhost:4000/"}</script>
<!-- End Jekyll SEO tag -->
<title>Aliberk Sandıkçı
</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="Aliberk Sandıkçı">
<meta name="application-name" content="Aliberk Sandıkçı">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
<link rel="preconnect" href="https://cdnjs.cloudflare.com" >
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<!-- GA -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<!-- Font Logos -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css" >
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
<!-- Fork Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<!-- Balloon CSS -->
<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
<!-- JavaScript -->
<!-- Switch the mode between dark and light. -->
<script type="text/javascript">
class ModeToggle {
static get MODE_KEY() {
return 'mode';
}
static get MODE_ATTR() {
return 'data-mode';
}
static get DARK_MODE() {
return 'dark';
}
static get LIGHT_MODE() {
return 'light';
}
static get ID() {
return 'mode-toggle';
}
constructor() {
if (this.hasMode) {
if (this.isDarkMode) {
if (!this.isSysDarkPrefer) {
this.setDark();
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
}
}
}
let self = this;
/* always follow the system prefers */
this.sysDarkPrefers.addEventListener('change', () => {
if (self.hasMode) {
if (self.isDarkMode) {
if (!self.isSysDarkPrefer) {
self.setDark();
}
} else {
if (self.isSysDarkPrefer) {
self.setLight();
}
}
self.clearMode();
}
self.notify();
});
} /* constructor() */
get sysDarkPrefers() {
return window.matchMedia('(prefers-color-scheme: dark)');
}
get isSysDarkPrefer() {
return this.sysDarkPrefers.matches;
}
get isDarkMode() {
return this.mode === ModeToggle.DARK_MODE;
}
get isLightMode() {
return this.mode === ModeToggle.LIGHT_MODE;
}
get hasMode() {
return this.mode != null;
}
get mode() {
return sessionStorage.getItem(ModeToggle.MODE_KEY);
}
/* get the current mode on screen */
get modeStatus() {
if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
return ModeToggle.DARK_MODE;
} else {
return ModeToggle.LIGHT_MODE;
}
}
setDark() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
}
setLight() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
}
clearMode() {
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
sessionStorage.removeItem(ModeToggle.MODE_KEY);
}
/* Notify another plugins that the theme mode has changed */
notify() {
window.postMessage(
{
direction: ModeToggle.ID,
message: this.modeStatus
},
'*'
);
}
flipMode() {
if (this.hasMode) {
if (this.isSysDarkPrefer) {
if (this.isLightMode) {
this.clearMode();
} else {
this.setLight();
}
} else {
if (this.isDarkMode) {
this.clearMode();
} else {
this.setDark();
}
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
} else {
this.setDark();
}
}
this.notify();
} /* flipMode() */
} /* ModeToggle */
const modeToggle = new ModeToggle();
</script>
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
<header class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle"><img src="/assets/img/pp.png" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
<h1 class="site-title">
<a href="/">Aliberk Sandıkçı</a>
</h1>
<p class="site-subtitle fst-italic mb-0">Personal Website & Blog</p>
</header>
<!-- .profile-wrapper -->
<nav class="flex-column flex-grow-1 w-100 ps-0">
<ul class="nav">
<!-- home -->
<!--<li class="nav-item active">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>HOME</span>
</a>
</li>-->
<!-- the real tabs -->
<li class="nav-item">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>ABOUT</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/now/" class="nav-link">
<i class="fa-fw fa-solid fa-clock"></i>
<span>NOW</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>CATEGORIES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAGS</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARCHIVES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/donate/" class="nav-link">
<i class="fa-fw fa-solid fa-mug-hot"></i>
<span>DONATE</span>
</a>
</li>
<!-- .nav-item -->
</ul>
</nav>
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<button type="button" class="mode-toggle btn" aria-label="Switch Mode">
<i class="fas fa-adjust"></i>
</button>
<span class="icon-border"></span>
<a
href="https://git.aliberksandikci.com.tr/asandikci"
aria-label="forgejo"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa-solid fa-code-branch"></i>
</a>
<a
href="xmpp:asandikci@aliberksandikci.com.tr"
aria-label="xmpp"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-xmpp"></i>
</a>
<a
href="javascript:location.href = 'mailto:' + ['contact','aliberksandikci.com.tr'].join('@')"
aria-label="email"
target="_blank"
rel="noopener noreferrer"
>
<i class="fas fa-envelope"></i>
</a>
<a
href="https://mastodon.social/@asandikci/"
aria-label="mastodon"
target="_blank"
rel="noopener noreferrer me"
>
<i class="fa fa-mastodon"></i>
</a>
<a
href="https://linkedin.com/in/asandikci"
aria-label="linkedin"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-linkedin"></i>
</a>
<a
href="https://discord.com/users/987999573479944222"
aria-label="discord"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-discord"></i>
</a>
<a
href="https://instagram.com/aliberksandikci"
aria-label="instagram"
target="_blank"
rel="noopener noreferrer"
>
<i class="fa fa-instagram"></i>
</a>
<a
href="https://codeberg.org/asandikci"
aria-label="codeberg"
target="_blank"
rel="noopener noreferrer"
>
<i class="fl-codeberg"></i>
</a>
<a
href="/feed.xml"
aria-label="rss"
>
<i class="fas fa-rss"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div class="container d-flex flex-column px-xxl-5">
<!-- The Top Bar -->
<header id="topbar-wrapper" aria-label="Top Bar">
<div
id="topbar"
class="d-flex align-items-center justify-content-between px-lg-3 h-100"
>
<nav id="breadcrumb" aria-label="Breadcrumb">
<!-- index page -->
<span>Home</span>
</nav>
<!-- endof #breadcrumb -->
<button type="button" id="sidebar-trigger" class="btn btn-link">
<i class="fas fa-bars fa-fw"></i>
</button>
<div id="topbar-title">
Aliberk Sandıkçı
</div>
<button type="button" id="search-trigger" class="btn btn-link">
<i class="fas fa-search fa-fw"></i>
</button>
<search class="align-items-center ms-3 ms-lg-0">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Search..."
>
</search>
<button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
</div>
</header>
<div class="row flex-grow-1">
<main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- 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 -->
<!-- Handle images -->
<!-- take out classes -->
<!-- lazy-load images -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<!-- Get pinned posts -->
<!-- Get default posts -->
<div id="post-list" class="flex-grow-1 px-xl-1">
<article class="card-wrapper card">
<a href="/posts/android-foss-apps/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-12">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri</h1>
<div class="card-text content mt-0 mb-3">
<p>
Günümüzde gizlilik ve güvenlik en önemli konulardan biri. Bunu sağlamanın en garanti yollarında biri ise kullandığımız uygulamaların açık kaynak olmasına dikkat etmek. Bu tarz uygulamaların kaynak...
</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
-->
<time
data-ts="1700578800"
data-df="ll"
>
Nov 21, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Android
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/linux-epson-yazici/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-12">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma</h1>
<div class="card-text content mt-0 mb-3">
<p>
Merhabalar evimde 1 Arch, 1 Pardus bilgisayarı olan biri olarak Epson yazıcı kullanmak ilk başlarda benim için bir işkenceydi. Ancak araştırmalarım neticesinde şu anda rahat bir şekilde Epson yazı...
</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
-->
<time
data-ts="1694790000"
data-df="ll"
>
Sep 15, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Linux,
Troubleshooting
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/teknofest-deneyimlerim/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-5">
<div class="preview-img shimmer"><img src="https://gonullu.pardus.org.tr/wp-content/uploads/2023/07/pardus.jpg" alt="Teknofest sitesindeki Pardus 21 Hata Yakalama ve Öneri Yarışması Kategorisi" loading="lazy"></div>
</div>
<div class="col-md-7">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim</h1>
<div class="card-text content mt-0 mb-3">
<p>
Merhabalar, ben Teknofest 2023 Pardus 21 Hata Yakalama ve Öneri Yarışması finalisti Aliberk. Bu yazı içerisinde sizlere milli imkanlarla geliştirilen işletim sistemimiz Pardus üzerinde yakalamış o...
</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
-->
<time
data-ts="1686841200"
data-df="ll"
>
Jun 15, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Competitions
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
<article class="card-wrapper card">
<a href="/posts/pardus-roportaj/" class="post-preview row g-0 flex-md-row-reverse">
<div class="col-md-12">
<div class="card-body d-flex flex-column">
<h1 class="card-title my-2 mt-md-0">Pardus Ekibinden Ali Rıza ile Röportaj</h1>
<div class="card-text content mt-0 mb-3">
<p>
Ankara&#39;da düzenlenen 5. Verimlilik ve Teknoloji Fuarı kapsamında birçok stand ve etkinliğin yanında Pardus standı da vardı. Ben de hazır Ankara&#39;da iken hem Pardus ekibi ile konuşmak hem de fuarı g...
</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
-->
<time
data-ts="1676386800"
data-df="ll"
>
Feb 14, 2023
</time>
<!-- categories -->
<i class="far fa-folder-open fa-fw me-1"></i>
<span class="categories">
Reportages
</span>
</div>
</div>
<!-- .post-meta -->
</div>
<!-- .card-body -->
</div>
</a>
</article>
</div>
<!-- #post-list -->
</main>
<!-- panel -->
<aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
<div class="access">
<!-- Get 5 last posted/updated posts -->
<section id="access-lastmod">
<h2 class="panel-heading">Recently Updated</h2>
<ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
<li class="text-truncate lh-lg">
<a href="/posts/android-foss-apps/">Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/linux-epson-yazici/">Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/teknofest-deneyimlerim/">Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/pardus-roportaj/">Pardus Ekibinden Ali Rıza ile Röportaj</a>
</li>
</ul>
</section>
<!-- #access-lastmod -->
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/duzenlenecek/">duzenlenecek</a>
<a class="post-tag btn btn-outline-primary" href="/tags/pardus/">pardus</a>
<a class="post-tag btn btn-outline-primary" href="/tags/linux/">linux</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tubitak/">tubitak</a>
<a class="post-tag btn btn-outline-primary" href="/tags/app-recommendations/">app-recommendations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/arch/">arch</a>
<a class="post-tag btn btn-outline-primary" href="/tags/debian/">debian</a>
<a class="post-tag btn btn-outline-primary" href="/tags/epson/">epson</a>
<a class="post-tag btn btn-outline-primary" href="/tags/foss/">foss</a>
<a class="post-tag btn btn-outline-primary" href="/tags/liderahenk/">liderahenk</a>
</div>
</section>
</div>
</aside>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- The Footer -->
<footer
aria-label="Site Info"
class="
d-flex flex-column justify-content-center text-muted
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
"
>
<p>©
<time>2024</time>
<a href="https://git.aliberksandikci.com.tr/asandikci">Aliberk Sandıkçı</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
>Some rights reserved.</span>
</p>
<p>Using the <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>.
</p>
</footer>
</div>
</div>
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
<div class="col-11 content">
<div id="search-hints">
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/duzenlenecek/">duzenlenecek</a>
<a class="post-tag btn btn-outline-primary" href="/tags/pardus/">pardus</a>
<a class="post-tag btn btn-outline-primary" href="/tags/linux/">linux</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tubitak/">tubitak</a>
<a class="post-tag btn btn-outline-primary" href="/tags/app-recommendations/">app-recommendations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/arch/">arch</a>
<a class="post-tag btn btn-outline-primary" href="/tags/debian/">debian</a>
<a class="post-tag btn btn-outline-primary" href="/tags/epson/">epson</a>
<a class="post-tag btn btn-outline-primary" href="/tags/foss/">foss</a>
<a class="post-tag btn btn-outline-primary" href="/tags/liderahenk/">liderahenk</a>
</div>
</section>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
<aside aria-label="Scroll to Top">
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
</aside>
</div>
<div id="mask"></div>
<aside
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">A new version of content is available.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Update
</button>
</div>
</aside>
<!-- JavaScripts -->
<!-- JS selector for site. -->
<!-- commons -->
<script src="/assets/js/user/copy.js"></script>
<!-- layout specified -->
<script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.7.1/dist/jquery.min.js,npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js,npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/dayjs@1.11.10/dayjs.min.js,npm/dayjs@1.11.10/locale/en.min.js,npm/dayjs@1.11.10/plugin/relativeTime.min.js,npm/dayjs@1.11.10/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: ' <article class="px-1 px-sm-2 px-lg-4 px-xl-0"> <header> <h2><a href="{url}">{title}</a></h2> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> </header> <p>{snippet}</p> </article>',
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 a new issue View git blame Copy permalink