From e46003ae22df4f70e875d475aa741c800db7bc89 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliberk=20Sand=C4=B1k=C3=A7=C4=B1=20=28CI=29?= Date: Fri, 15 Nov 2024 17:29:28 +0000 Subject: [PATCH] built latest static sources from main --- _site/404.html | 2 +- _site/about/index.html | 2 +- _site/archives/index.html | 2 +- _site/assets/css/jekyll-theme-chirpy.css | 2 +- _site/assets/css/jekyll-theme-chirpy.css.map | 2 +- _site/assets/js/data/mathjax.js | 1 + _site/assets/js/data/search.json | 2 +- _site/assets/js/data/swconf.js | 2 +- _site/categories/android/index.html | 2 +- _site/categories/blogging/index.html | 1 + _site/categories/competitions/index.html | 2 +- _site/categories/demo/index.html | 1 + _site/categories/index.html | 2 +- _site/categories/linux/index.html | 2 +- _site/categories/reportages/index.html | 2 +- _site/categories/trip/index.html | 2 +- _site/categories/troubleshooting/index.html | 2 +- _site/categories/tutorial/index.html | 1 + _site/donate/index.html | 2 +- _site/feed.xml | 2 +- _site/index.html | 2 +- _site/now/index.html | 2 +- _site/posts/android-foss-apps/index.html | 2 +- _site/posts/customize-the-favicon/index.html | 1 + _site/posts/getting-started/index.html | 7 + _site/posts/linux-epson-yazici/index.html | 4 +- _site/posts/pardus-roportaj/index.html | 2 +- _site/posts/pardus-ve-windows/index.html | 2 +- _site/posts/teknofest-deneyimlerim/index.html | 2 +- _site/posts/text-and-typography/index.html | 22 ++ _site/posts/tusas-gezisi/index.html | 2 +- _site/posts/write-a-new-post/index.html | 269 ++++++++++++++++++ _site/sitemap.xml | 49 +++- _site/tags/app-recommendations/index.html | 2 +- _site/tags/arch/index.html | 2 +- _site/tags/debian/index.html | 2 +- _site/tags/duzenlenecek/index.html | 2 +- _site/tags/epson/index.html | 2 +- _site/tags/favicon/index.html | 1 + _site/tags/foss/index.html | 2 +- _site/tags/getting-started/index.html | 1 + _site/tags/index.html | 2 +- _site/tags/liderahenk/index.html | 2 +- _site/tags/linux/index.html | 2 +- _site/tags/pardus/index.html | 2 +- _site/tags/printer/index.html | 2 +- _site/tags/teknofest/index.html | 2 +- _site/tags/trip/index.html | 2 +- _site/tags/tubitak/index.html | 2 +- _site/tags/tusaş/index.html | 2 +- _site/tags/typography/index.html | 1 + _site/tags/writing/index.html | 1 + 52 files changed, 390 insertions(+), 46 deletions(-) create mode 100644 _site/assets/js/data/mathjax.js create mode 100644 _site/categories/blogging/index.html create mode 100644 _site/categories/demo/index.html create mode 100644 _site/categories/tutorial/index.html create mode 100644 _site/posts/customize-the-favicon/index.html create mode 100644 _site/posts/getting-started/index.html create mode 100644 _site/posts/text-and-typography/index.html create mode 100644 _site/posts/write-a-new-post/index.html create mode 100644 _site/tags/favicon/index.html create mode 100644 _site/tags/getting-started/index.html create mode 100644 _site/tags/typography/index.html create mode 100644 _site/tags/writing/index.html diff --git a/_site/404.html b/_site/404.html index 6c4e7b1..c403ea5 100644 --- a/_site/404.html +++ b/_site/404.html @@ -1 +1 @@ - 404: Page not found | Aliberk Sandıkçı
+ 404: Page not found | Aliberk Sandıkçı
404: Page not found

404: Page not found

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist.

diff --git a/_site/about/index.html b/_site/about/index.html index cf03892..6831edc 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -1 +1 @@ - About Me | Aliberk Sandıkçı
About

About Me

Software Enthusiast
FOSS Advocate
High School Student
Linux User 🐧

I love programming, learning new things (about everything but especially about new technologies), open source methodology, reading science-fiction and biking.

I speak Turkish native and English as intermediate. Also I know basic words in German and Russian.

I am interested in network technologies, operating systems, artificial intelligence, algorithms, and back-end development

I also spend my spare time with cybersecurity, web development and playing drum/piano

Trying to use my own network services as alternative to services of big companies. I don’t use any Google, Microsoft, Amazon, Apple services actively. Instead of them, i use my own cloud service (Nextcloud), social media service (Firefish - Fediverse), git service (Forgejo), news service (FreshRSS) … Tries to be a conscious user in technology world!

I am Pardus and TEMA Volunteer.

I have also made internship in TÜBİTAK with Pardus & Liderahenk Team for 2 month, see project

Using Arch based GNU/Linux distribution CachyOs (with KDE desktop environment and Xorg display server) in daily usage. Still trying random operating systems, GNU/Linux distributions in virtual machine

+ About Me | Aliberk Sandıkçı
About

About Me

Software Enthusiast
FOSS Advocate
High School Student
Linux User 🐧

I love programming, learning new things (about everything but especially about new technologies), open source methodology, reading science-fiction and biking.

I speak Turkish native and English as intermediate. Also I know basic words in German and Russian.

I am interested in network technologies, operating systems, artificial intelligence, algorithms, and back-end development

I also spend my spare time with cybersecurity, web development and playing drum/piano

Trying to use my own network services as alternative to services of big companies. I don’t use any Google, Microsoft, Amazon, Apple services actively. Instead of them, i use my own cloud service (Nextcloud), social media service (Firefish - Fediverse), git service (Forgejo), news service (FreshRSS) … Tries to be a conscious user in technology world!

I am Pardus and TEMA Volunteer.

I have also made internship in TÜBİTAK with Pardus & Liderahenk Team for 2 month, see project

Using Arch based GNU/Linux distribution CachyOs (with KDE desktop environment and Xorg display server) in daily usage. Still trying random operating systems, GNU/Linux distributions in virtual machine

diff --git a/_site/archives/index.html b/_site/archives/index.html index 86a644d..b567a79 100644 --- a/_site/archives/index.html +++ b/_site/archives/index.html @@ -1 +1 @@ - Archives | Aliberk Sandıkçı
+ Archives | Aliberk Sandıkçı
diff --git a/_site/assets/css/jekyll-theme-chirpy.css b/_site/assets/css/jekyll-theme-chirpy.css index 545c177..7287ea7 100644 --- a/_site/assets/css/jekyll-theme-chirpy.css +++ b/_site/assets/css/jekyll-theme-chirpy.css @@ -1 +1 @@ -#search-results a,h5,h4,h3,h2,h1{color:var(--heading-color);font-weight:400;font-family:Lato,"Microsoft Yahei",sans-serif}main h5,main h4,main h3,main h2{margin-top:2.5rem;margin-bottom:1.25rem}main h5:focus,main h4:focus,main h3:focus,main h2:focus{outline:none}h5 .anchor,h4 .anchor,h3 .anchor,h2 .anchor{font-size:80%}@media(hover: hover){h5 .anchor,h4 .anchor,h3 .anchor,h2 .anchor{visibility:hidden;opacity:0;transition:opacity .25s ease-in,visibility 0s ease-in .25s}h5:hover .anchor,h4:hover .anchor,h3:hover .anchor,h2:hover .anchor{visibility:visible;opacity:1;transition:opacity .25s ease-in,visibility 0s ease-in 0s}}.post-tags .post-tag:hover,.tag:hover{background:var(--tag-hover);transition:background .35s ease-in-out}.table-wrapper>table tbody tr td,.table-wrapper>table thead th{padding:.4rem 1rem;font-size:95%;white-space:nowrap}#page-category a:hover,#page-tag a:hover,.post-tags .post-tag:hover,.post-tail-wrapper .license-wrapper>a:hover,#search-results a:hover,#topbar #breadcrumb a:hover,.content a:not(.img-link):hover,.post-meta a:not([class]):hover,#access-lastmod a:hover,footer a:hover{color:#d2603a !important;border-bottom:1px solid #d2603a;text-decoration:none}#search-results a,#search-hints .post-tag,a{color:var(--link-color)}.post-tail-wrapper .post-meta a:not(:hover),.content a:not(.img-link){border-bottom:1px solid var(--link-underline-color)}#sidebar .sidebar-bottom a,#sidebar .site-title a,#sidebar .profile-wrapper{transition:all .3s ease-in-out}#sidebar .sidebar-bottom .icon-border,.content a.popup,i.far,i.fas,.code-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#page-category ul>li>a,#page-tag ul>li>a,.post-tags .post-tag:hover,#search-results a,main .categories a:not(:hover),main #tags a:not(:hover),main #archives a:not(:hover),#access-lastmod a{border-bottom:none}.post-tail-wrapper .share-wrapper .share-icons button,#search-cancel,.code-header button{cursor:pointer}#related-posts time,#post-list .card .card-body .post-meta em,.post-meta em{font-style:normal}.categories.card,.categories .list-group,.embed-video,.post-preview::before,.post-preview,.preview-img img,.preview-img,blockquote[class^=prompt-],.code-header button,div[class^=language-],.highlight{border-radius:.625rem}.content a.popup+em{display:block;text-align:center;font-style:normal;font-size:80%;padding:0;color:#6d6c6c}#sidebar .sidebar-bottom .mode-toggle,#sidebar a{color:var(--sidebar-muted-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#related-posts .card h4,#post-list .card .card-body .card-text.content p,#post-list .card .card-body .card-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-tail-wrapper .license-wrapper>a,h1+.post-meta em,h1+.post-meta time,footer em,footer a{color:var(--text-muted-hightlight-color);font-weight:600}.post-tail-wrapper .license-wrapper span:last-child,.post-tail-wrapper,.post-meta{font-size:.85rem}#related-posts time,footer{font-size:.8rem}sup:target,.footnotes>ol>li:target{background-color:var(--footnote-target-bg);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;transition:background-color 1.75s ease-in-out}@media(prefers-color-scheme: light){html:not([data-mode]),html[data-mode=light]{--language-border-color: #ececec;--highlight-bg-color: #f6f8fa;--highlighter-rouge-color: #3f596f;--highlight-lineno-color: #9e9e9e;--inline-code-bg: #f6f6f7;--code-color: #3a3a3a;--code-header-text-color: #a3a3a3;--code-header-muted-color: #e5e5e5;--code-header-icon-color: #c9c8c8;--clipboard-checked-color: #43c743}html:not([data-mode]) [class^=prompt-],html[data-mode=light] [class^=prompt-]{--inline-code-bg: #fbfafa}html:not([data-mode]) .highlight table td,html[data-mode=light] .highlight table td{padding:5px}html:not([data-mode]) .highlight table pre,html[data-mode=light] .highlight table pre{margin:0}html:not([data-mode]) .highlight,html:not([data-mode]) .highlight .w,html[data-mode=light] .highlight,html[data-mode=light] .highlight .w{color:#24292f;background-color:#f6f8fa}html:not([data-mode]) .highlight .k,html:not([data-mode]) .highlight .kd,html:not([data-mode]) .highlight .kn,html:not([data-mode]) .highlight .kp,html:not([data-mode]) .highlight .kr,html:not([data-mode]) .highlight .kt,html:not([data-mode]) .highlight .kv,html[data-mode=light] .highlight .k,html[data-mode=light] .highlight .kd,html[data-mode=light] .highlight .kn,html[data-mode=light] .highlight .kp,html[data-mode=light] .highlight .kr,html[data-mode=light] .highlight .kt,html[data-mode=light] .highlight .kv{color:#cf222e}html:not([data-mode]) .highlight .gr,html[data-mode=light] .highlight .gr{color:#f6f8fa}html:not([data-mode]) .highlight .gd,html[data-mode=light] .highlight .gd{color:#82071e;background-color:#ffebe9}html:not([data-mode]) .highlight .nb,html[data-mode=light] .highlight .nb{color:#953800}html:not([data-mode]) .highlight .nc,html[data-mode=light] .highlight .nc{color:#953800}html:not([data-mode]) .highlight .no,html[data-mode=light] .highlight .no{color:#953800}html:not([data-mode]) .highlight .nn,html[data-mode=light] .highlight .nn{color:#953800}html:not([data-mode]) .highlight .sr,html[data-mode=light] .highlight .sr{color:#116329}html:not([data-mode]) .highlight .na,html[data-mode=light] .highlight .na{color:#116329}html:not([data-mode]) .highlight .nt,html[data-mode=light] .highlight .nt{color:#116329}html:not([data-mode]) .highlight .gi,html[data-mode=light] .highlight .gi{color:#116329;background-color:#dafbe1}html:not([data-mode]) .highlight .kc,html[data-mode=light] .highlight .kc{color:#0550ae}html:not([data-mode]) .highlight .l,html:not([data-mode]) .highlight .ld,html:not([data-mode]) .highlight .m,html:not([data-mode]) .highlight .mb,html:not([data-mode]) .highlight .mf,html:not([data-mode]) .highlight .mh,html:not([data-mode]) .highlight .mi,html:not([data-mode]) .highlight .il,html:not([data-mode]) .highlight .mo,html:not([data-mode]) .highlight .mx,html[data-mode=light] .highlight .l,html[data-mode=light] .highlight .ld,html[data-mode=light] .highlight .m,html[data-mode=light] .highlight .mb,html[data-mode=light] .highlight .mf,html[data-mode=light] .highlight .mh,html[data-mode=light] .highlight .mi,html[data-mode=light] .highlight .il,html[data-mode=light] .highlight .mo,html[data-mode=light] .highlight .mx{color:#0550ae}html:not([data-mode]) .highlight .sb,html[data-mode=light] .highlight .sb{color:#0550ae}html:not([data-mode]) .highlight .bp,html[data-mode=light] .highlight .bp{color:#0550ae}html:not([data-mode]) .highlight .ne,html[data-mode=light] .highlight .ne{color:#0550ae}html:not([data-mode]) .highlight .nl,html[data-mode=light] .highlight .nl{color:#0550ae}html:not([data-mode]) .highlight .py,html[data-mode=light] .highlight .py{color:#0550ae}html:not([data-mode]) .highlight .nv,html:not([data-mode]) .highlight .vc,html:not([data-mode]) .highlight .vg,html:not([data-mode]) .highlight .vi,html:not([data-mode]) .highlight .vm,html[data-mode=light] .highlight .nv,html[data-mode=light] .highlight .vc,html[data-mode=light] .highlight .vg,html[data-mode=light] .highlight .vi,html[data-mode=light] .highlight .vm{color:#0550ae}html:not([data-mode]) .highlight .o,html:not([data-mode]) .highlight .ow,html[data-mode=light] .highlight .o,html[data-mode=light] .highlight .ow{color:#0550ae}html:not([data-mode]) .highlight .gh,html[data-mode=light] .highlight .gh{color:#0550ae;font-weight:bold}html:not([data-mode]) .highlight .gu,html[data-mode=light] .highlight .gu{color:#0550ae;font-weight:bold}html:not([data-mode]) .highlight .s,html:not([data-mode]) .highlight .sa,html:not([data-mode]) .highlight .sc,html:not([data-mode]) .highlight .dl,html:not([data-mode]) .highlight .sd,html:not([data-mode]) .highlight .s2,html:not([data-mode]) .highlight .se,html:not([data-mode]) .highlight .sh,html:not([data-mode]) .highlight .sx,html:not([data-mode]) .highlight .s1,html:not([data-mode]) .highlight .ss,html[data-mode=light] .highlight .s,html[data-mode=light] .highlight .sa,html[data-mode=light] .highlight .sc,html[data-mode=light] .highlight .dl,html[data-mode=light] .highlight .sd,html[data-mode=light] .highlight .s2,html[data-mode=light] .highlight .se,html[data-mode=light] .highlight .sh,html[data-mode=light] .highlight .sx,html[data-mode=light] .highlight .s1,html[data-mode=light] .highlight .ss{color:#0a3069}html:not([data-mode]) .highlight .nd,html[data-mode=light] .highlight .nd{color:#8250df}html:not([data-mode]) .highlight .nf,html:not([data-mode]) .highlight .fm,html[data-mode=light] .highlight .nf,html[data-mode=light] .highlight .fm{color:#8250df}html:not([data-mode]) .highlight .err,html[data-mode=light] .highlight .err{color:#f6f8fa;background-color:#82071e}html:not([data-mode]) .highlight .c,html:not([data-mode]) .highlight .ch,html:not([data-mode]) .highlight .cd,html:not([data-mode]) .highlight .cm,html:not([data-mode]) .highlight .cp,html:not([data-mode]) .highlight .cpf,html:not([data-mode]) .highlight .c1,html:not([data-mode]) .highlight .cs,html[data-mode=light] .highlight .c,html[data-mode=light] .highlight .ch,html[data-mode=light] .highlight .cd,html[data-mode=light] .highlight .cm,html[data-mode=light] .highlight .cp,html[data-mode=light] .highlight .cpf,html[data-mode=light] .highlight .c1,html[data-mode=light] .highlight .cs{color:#68717a}html:not([data-mode]) .highlight .gl,html[data-mode=light] .highlight .gl{color:#68717a}html:not([data-mode]) .highlight .gt,html[data-mode=light] .highlight .gt{color:#68717a}html:not([data-mode]) .highlight .ni,html[data-mode=light] .highlight .ni{color:#24292f}html:not([data-mode]) .highlight .si,html[data-mode=light] .highlight .si{color:#24292f}html:not([data-mode]) .highlight .ge,html[data-mode=light] .highlight .ge{color:#24292f;font-style:italic}html:not([data-mode]) .highlight .gs,html[data-mode=light] .highlight .gs{color:#24292f;font-weight:bold}html[data-mode=dark]{--language-border-color: #2d2d2d;--highlight-bg-color: #151515;--highlighter-rouge-color: #c9def1;--highlight-lineno-color: #808080;--inline-code-bg: #323238;--code-color: #b0b0b0;--code-header-text-color: #6a6a6a;--code-header-muted-color: #353535;--code-header-icon-color: #565656;--clipboard-checked-color: #2bcc2b;--filepath-text-color: #cacaca}html[data-mode=dark] .highlight .gp{color:#87939d}html[data-mode=dark] .highlight table td{padding:5px}html[data-mode=dark] .highlight table pre{margin:0}html[data-mode=dark] .highlight,html[data-mode=dark] .highlight .w{color:#d0d0d0;background-color:#151515}html[data-mode=dark] .highlight .err{color:#151515;background-color:#ac4142}html[data-mode=dark] .highlight .c,html[data-mode=dark] .highlight .ch,html[data-mode=dark] .highlight .cd,html[data-mode=dark] .highlight .cm,html[data-mode=dark] .highlight .cpf,html[data-mode=dark] .highlight .c1,html[data-mode=dark] .highlight .cs{color:#848484}html[data-mode=dark] .highlight .cp{color:#f4bf75}html[data-mode=dark] .highlight .nt{color:#f4bf75}html[data-mode=dark] .highlight .o,html[data-mode=dark] .highlight .ow{color:#d0d0d0}html[data-mode=dark] .highlight .p,html[data-mode=dark] .highlight .pi{color:#d0d0d0}html[data-mode=dark] .highlight .gi{color:#90a959}html[data-mode=dark] .highlight .gd{color:#f08a8b;background-color:#320000}html[data-mode=dark] .highlight .gh{color:#6a9fb5;background-color:#151515;font-weight:bold}html[data-mode=dark] .highlight .k,html[data-mode=dark] .highlight .kn,html[data-mode=dark] .highlight .kp,html[data-mode=dark] .highlight .kr,html[data-mode=dark] .highlight .kv{color:#aa759f}html[data-mode=dark] .highlight .kc{color:#d28445}html[data-mode=dark] .highlight .kt{color:#d28445}html[data-mode=dark] .highlight .kd{color:#d28445}html[data-mode=dark] .highlight .s,html[data-mode=dark] .highlight .sb,html[data-mode=dark] .highlight .sc,html[data-mode=dark] .highlight .dl,html[data-mode=dark] .highlight .sd,html[data-mode=dark] .highlight .s2,html[data-mode=dark] .highlight .sh,html[data-mode=dark] .highlight .sx,html[data-mode=dark] .highlight .s1{color:#90a959}html[data-mode=dark] .highlight .sa{color:#aa759f}html[data-mode=dark] .highlight .sr{color:#75b5aa}html[data-mode=dark] .highlight .si{color:#b76d45}html[data-mode=dark] .highlight .se{color:#b76d45}html[data-mode=dark] .highlight .nn{color:#f4bf75}html[data-mode=dark] .highlight .nc{color:#f4bf75}html[data-mode=dark] .highlight .no{color:#f4bf75}html[data-mode=dark] .highlight .na{color:#6a9fb5}html[data-mode=dark] .highlight .m,html[data-mode=dark] .highlight .mb,html[data-mode=dark] .highlight .mf,html[data-mode=dark] .highlight .mh,html[data-mode=dark] .highlight .mi,html[data-mode=dark] .highlight .il,html[data-mode=dark] .highlight .mo,html[data-mode=dark] .highlight .mx{color:#90a959}html[data-mode=dark] .highlight .ss{color:#90a959}}@media(prefers-color-scheme: dark){html:not([data-mode]),html[data-mode=dark]{--language-border-color: #2d2d2d;--highlight-bg-color: #151515;--highlighter-rouge-color: #c9def1;--highlight-lineno-color: #808080;--inline-code-bg: #323238;--code-color: #b0b0b0;--code-header-text-color: #6a6a6a;--code-header-muted-color: #353535;--code-header-icon-color: #565656;--clipboard-checked-color: #2bcc2b;--filepath-text-color: #cacaca}html:not([data-mode]) .highlight .gp,html[data-mode=dark] .highlight .gp{color:#87939d}html:not([data-mode]) .highlight table td,html[data-mode=dark] .highlight table td{padding:5px}html:not([data-mode]) .highlight table pre,html[data-mode=dark] .highlight table pre{margin:0}html:not([data-mode]) .highlight,html:not([data-mode]) .highlight .w,html[data-mode=dark] .highlight,html[data-mode=dark] .highlight .w{color:#d0d0d0;background-color:#151515}html:not([data-mode]) .highlight .err,html[data-mode=dark] .highlight .err{color:#151515;background-color:#ac4142}html:not([data-mode]) .highlight .c,html:not([data-mode]) .highlight .ch,html:not([data-mode]) .highlight .cd,html:not([data-mode]) .highlight .cm,html:not([data-mode]) .highlight .cpf,html:not([data-mode]) .highlight .c1,html:not([data-mode]) .highlight .cs,html[data-mode=dark] .highlight .c,html[data-mode=dark] .highlight .ch,html[data-mode=dark] .highlight .cd,html[data-mode=dark] .highlight .cm,html[data-mode=dark] .highlight .cpf,html[data-mode=dark] .highlight .c1,html[data-mode=dark] .highlight .cs{color:#848484}html:not([data-mode]) .highlight .cp,html[data-mode=dark] .highlight .cp{color:#f4bf75}html:not([data-mode]) .highlight .nt,html[data-mode=dark] .highlight .nt{color:#f4bf75}html:not([data-mode]) .highlight .o,html:not([data-mode]) .highlight .ow,html[data-mode=dark] .highlight .o,html[data-mode=dark] .highlight .ow{color:#d0d0d0}html:not([data-mode]) .highlight .p,html:not([data-mode]) .highlight .pi,html[data-mode=dark] .highlight .p,html[data-mode=dark] .highlight .pi{color:#d0d0d0}html:not([data-mode]) .highlight .gi,html[data-mode=dark] .highlight .gi{color:#90a959}html:not([data-mode]) .highlight .gd,html[data-mode=dark] .highlight .gd{color:#f08a8b;background-color:#320000}html:not([data-mode]) .highlight .gh,html[data-mode=dark] .highlight .gh{color:#6a9fb5;background-color:#151515;font-weight:bold}html:not([data-mode]) .highlight .k,html:not([data-mode]) .highlight .kn,html:not([data-mode]) .highlight .kp,html:not([data-mode]) .highlight .kr,html:not([data-mode]) .highlight .kv,html[data-mode=dark] .highlight .k,html[data-mode=dark] .highlight .kn,html[data-mode=dark] .highlight .kp,html[data-mode=dark] .highlight .kr,html[data-mode=dark] .highlight .kv{color:#aa759f}html:not([data-mode]) .highlight .kc,html[data-mode=dark] .highlight .kc{color:#d28445}html:not([data-mode]) .highlight .kt,html[data-mode=dark] .highlight .kt{color:#d28445}html:not([data-mode]) .highlight .kd,html[data-mode=dark] .highlight .kd{color:#d28445}html:not([data-mode]) .highlight .s,html:not([data-mode]) .highlight .sb,html:not([data-mode]) .highlight .sc,html:not([data-mode]) .highlight .dl,html:not([data-mode]) .highlight .sd,html:not([data-mode]) .highlight .s2,html:not([data-mode]) .highlight .sh,html:not([data-mode]) .highlight .sx,html:not([data-mode]) .highlight .s1,html[data-mode=dark] .highlight .s,html[data-mode=dark] .highlight .sb,html[data-mode=dark] .highlight .sc,html[data-mode=dark] .highlight .dl,html[data-mode=dark] .highlight .sd,html[data-mode=dark] .highlight .s2,html[data-mode=dark] .highlight .sh,html[data-mode=dark] .highlight .sx,html[data-mode=dark] .highlight .s1{color:#90a959}html:not([data-mode]) .highlight .sa,html[data-mode=dark] .highlight .sa{color:#aa759f}html:not([data-mode]) .highlight .sr,html[data-mode=dark] .highlight .sr{color:#75b5aa}html:not([data-mode]) .highlight .si,html[data-mode=dark] .highlight .si{color:#b76d45}html:not([data-mode]) .highlight .se,html[data-mode=dark] .highlight .se{color:#b76d45}html:not([data-mode]) .highlight .nn,html[data-mode=dark] .highlight .nn{color:#f4bf75}html:not([data-mode]) .highlight .nc,html[data-mode=dark] .highlight .nc{color:#f4bf75}html:not([data-mode]) .highlight .no,html[data-mode=dark] .highlight .no{color:#f4bf75}html:not([data-mode]) .highlight .na,html[data-mode=dark] .highlight .na{color:#6a9fb5}html:not([data-mode]) .highlight .m,html:not([data-mode]) .highlight .mb,html:not([data-mode]) .highlight .mf,html:not([data-mode]) .highlight .mh,html:not([data-mode]) .highlight .mi,html:not([data-mode]) .highlight .il,html:not([data-mode]) .highlight .mo,html:not([data-mode]) .highlight .mx,html[data-mode=dark] .highlight .m,html[data-mode=dark] .highlight .mb,html[data-mode=dark] .highlight .mf,html[data-mode=dark] .highlight .mh,html[data-mode=dark] .highlight .mi,html[data-mode=dark] .highlight .il,html[data-mode=dark] .highlight .mo,html[data-mode=dark] .highlight .mx{color:#90a959}html:not([data-mode]) .highlight .ss,html[data-mode=dark] .highlight .ss{color:#90a959}html[data-mode=light]{--language-border-color: #ececec;--highlight-bg-color: #f6f8fa;--highlighter-rouge-color: #3f596f;--highlight-lineno-color: #9e9e9e;--inline-code-bg: #f6f6f7;--code-color: #3a3a3a;--code-header-text-color: #a3a3a3;--code-header-muted-color: #e5e5e5;--code-header-icon-color: #c9c8c8;--clipboard-checked-color: #43c743}html[data-mode=light] [class^=prompt-]{--inline-code-bg: #fbfafa}html[data-mode=light] .highlight table td{padding:5px}html[data-mode=light] .highlight table pre{margin:0}html[data-mode=light] .highlight,html[data-mode=light] .highlight .w{color:#24292f;background-color:#f6f8fa}html[data-mode=light] .highlight .k,html[data-mode=light] .highlight .kd,html[data-mode=light] .highlight .kn,html[data-mode=light] .highlight .kp,html[data-mode=light] .highlight .kr,html[data-mode=light] .highlight .kt,html[data-mode=light] .highlight .kv{color:#cf222e}html[data-mode=light] .highlight .gr{color:#f6f8fa}html[data-mode=light] .highlight .gd{color:#82071e;background-color:#ffebe9}html[data-mode=light] .highlight .nb{color:#953800}html[data-mode=light] .highlight .nc{color:#953800}html[data-mode=light] .highlight .no{color:#953800}html[data-mode=light] .highlight .nn{color:#953800}html[data-mode=light] .highlight .sr{color:#116329}html[data-mode=light] .highlight .na{color:#116329}html[data-mode=light] .highlight .nt{color:#116329}html[data-mode=light] .highlight .gi{color:#116329;background-color:#dafbe1}html[data-mode=light] .highlight .kc{color:#0550ae}html[data-mode=light] .highlight .l,html[data-mode=light] .highlight .ld,html[data-mode=light] .highlight .m,html[data-mode=light] .highlight .mb,html[data-mode=light] .highlight .mf,html[data-mode=light] .highlight .mh,html[data-mode=light] .highlight .mi,html[data-mode=light] .highlight .il,html[data-mode=light] .highlight .mo,html[data-mode=light] .highlight .mx{color:#0550ae}html[data-mode=light] .highlight .sb{color:#0550ae}html[data-mode=light] .highlight .bp{color:#0550ae}html[data-mode=light] .highlight .ne{color:#0550ae}html[data-mode=light] .highlight .nl{color:#0550ae}html[data-mode=light] .highlight .py{color:#0550ae}html[data-mode=light] .highlight .nv,html[data-mode=light] .highlight .vc,html[data-mode=light] .highlight .vg,html[data-mode=light] .highlight .vi,html[data-mode=light] .highlight .vm{color:#0550ae}html[data-mode=light] .highlight .o,html[data-mode=light] .highlight .ow{color:#0550ae}html[data-mode=light] .highlight .gh{color:#0550ae;font-weight:bold}html[data-mode=light] .highlight .gu{color:#0550ae;font-weight:bold}html[data-mode=light] .highlight .s,html[data-mode=light] .highlight .sa,html[data-mode=light] .highlight .sc,html[data-mode=light] .highlight .dl,html[data-mode=light] .highlight .sd,html[data-mode=light] .highlight .s2,html[data-mode=light] .highlight .se,html[data-mode=light] .highlight .sh,html[data-mode=light] .highlight .sx,html[data-mode=light] .highlight .s1,html[data-mode=light] .highlight .ss{color:#0a3069}html[data-mode=light] .highlight .nd{color:#8250df}html[data-mode=light] .highlight .nf,html[data-mode=light] .highlight .fm{color:#8250df}html[data-mode=light] .highlight .err{color:#f6f8fa;background-color:#82071e}html[data-mode=light] .highlight .c,html[data-mode=light] .highlight .ch,html[data-mode=light] .highlight .cd,html[data-mode=light] .highlight .cm,html[data-mode=light] .highlight .cp,html[data-mode=light] .highlight .cpf,html[data-mode=light] .highlight .c1,html[data-mode=light] .highlight .cs{color:#68717a}html[data-mode=light] .highlight .gl{color:#68717a}html[data-mode=light] .highlight .gt{color:#68717a}html[data-mode=light] .highlight .ni{color:#24292f}html[data-mode=light] .highlight .si{color:#24292f}html[data-mode=light] .highlight .ge{color:#24292f;font-style:italic}html[data-mode=light] .highlight .gs{color:#24292f;font-weight:bold}}div[class^=language-],figure.highlight,.highlight{background-color:var(--highlight-bg-color)}td.rouge-code{padding-left:1rem;padding-right:1.5rem}.highlighter-rouge{color:var(--highlighter-rouge-color);margin-top:.5rem;margin-bottom:1.2em}.highlight{overflow:auto;padding-bottom:.75rem}.highlight pre{margin-bottom:0;font-size:.85rem;line-height:1.4rem;word-wrap:normal}.highlight table td:first-child{display:inline-block;margin-left:1rem;margin-right:.75rem}.highlight table td:last-child{padding-right:2rem !important}.highlight table td pre{overflow:visible;word-break:normal}.highlight .lineno{text-align:right;color:var(--highlight-lineno-color);-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}code{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--code-color)}code.highlighter-rouge{font-size:.85rem;padding:3px 5px;word-break:break-word;border-radius:4px;background-color:var(--inline-code-bg)}code.filepath{background-color:inherit;color:var(--filepath-text-color);font-weight:600;padding:0}a>code.highlighter-rouge{padding-bottom:0;color:inherit}a:hover>code.highlighter-rouge{border-bottom:none}blockquote code{color:inherit}td.rouge-code a{color:inherit !important;border-bottom:none !important;pointer-events:none}div[class^=language-]{box-shadow:var(--language-border-color) 0 0 0 1px}.content>div[class^=language-]{margin-left:-1rem;margin-right:-1rem;border-radius:0}div[class^=language-] .highlight{border-top-left-radius:0;border-top-right-radius:0}div.nolineno td:first-child,div.language-plaintext td:first-child,div.language-console td:first-child,div.language-terminal td:first-child{padding:0 !important;margin-right:0}div.nolineno td:first-child .lineno,div.language-plaintext td:first-child .lineno,div.language-console td:first-child .lineno,div.language-terminal td:first-child .lineno{display:none}.code-header{display:flex;justify-content:space-between;align-items:center;height:2.25rem;margin-left:.75rem;margin-right:.25rem}.code-header span{line-height:2.25rem}.code-header span i{font-size:1rem;width:1.75rem;color:var(--code-header-icon-color)}.code-header span i.small{font-size:70%}[file] .code-header span>i{position:relative;top:1px}.code-header span::after{content:attr(data-label-text);font-size:.85rem;font-weight:600;color:var(--code-header-text-color)}.code-header button{border:1px solid rgba(0,0,0,0);height:2.25rem;width:2.25rem;padding:0;background-color:inherit}.code-header button i{color:var(--code-header-icon-color)}.code-header button[timeout]:hover{border-color:var(--clipboard-checked-color)}.code-header button[timeout] i{color:var(--clipboard-checked-color)}.code-header button:focus{outline:none}.code-header button:not([timeout]):hover{background-color:rgba(128,128,128,.37)}.code-header button:not([timeout]):hover i{color:#fff}@media all and (min-width: 576px){.content>div[class^=language-]{margin-left:0;margin-right:0;border-radius:.625rem}div[class^=language-] .code-header{margin-left:0;margin-right:0}div[class^=language-] .code-header::before{content:"";display:inline-block;margin-left:1rem;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--code-header-muted-color);box-shadow:1.25rem 0 0 var(--code-header-muted-color),2.5rem 0 0 var(--code-header-muted-color)}div[class^=language-] .code-header span{margin-left:-0.875rem}}html{font-size:16px}@media(prefers-color-scheme: light){html:not([data-mode]),html[data-mode=light]{--main-bg: white;--mask-bg: #c1c3c5;--main-border-color: #f3f3f3;--text-color: #34343c;--text-muted-color: #757575;--text-muted-hightlight-color: inherit;--heading-color: #2a2a2a;--label-color: #585858;--blockquote-border-color: #eeeeee;--blockquote-text-color: #757575;--link-color: #0056b2;--link-underline-color: #dee2e6;--button-bg: #ffffff;--btn-border-color: #e9ecef;--btn-backtotop-color: #686868;--btn-backtotop-border-color: #f1f1f1;--btn-box-shadow: #eaeaea;--checkbox-color: #c5c5c5;--checkbox-checked-color: #07a8f7;--img-bg: radial-gradient( circle, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100% );--shimmer-bg: linear-gradient( 90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100% );--site-title-color: rgb(113, 113, 113);--site-subtitle-color: #717171;--sidebar-bg: #f6f8fa;--sidebar-border-color: #efefef;--sidebar-muted-color: #545454;--sidebar-active-color: #1d1d1d;--sidebar-hover-bg: rgb(223, 233, 241, 0.64);--sidebar-btn-bg: white;--sidebar-btn-color: #8e8e8e;--avatar-border-color: white;--topbar-bg: rgb(255, 255, 255, 0.7);--topbar-text-color: rgb(78, 78, 78);--search-border-color: rgb(240, 240, 240);--search-icon-color: #c2c6cc;--input-focus-border-color: #b8b8b8;--post-list-text-color: dimgray;--btn-patinator-text-color: #555555;--btn-paginator-hover-color: var(--sidebar-bg);--toc-highlight: #0550ae;--btn-share-color: gray;--btn-share-hover-color: #0d6efd;--card-bg: white;--card-hovor-bg: #e2e2e2;--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0, rgba(211, 209, 209, 0.15) 0 0 0 1px;--footnote-target-bg: lightcyan;--tb-odd-bg: #fbfcfd;--tb-border-color: #eaeaea;--dash-color: silver;--kbd-wrap-color: #bdbdbd;--kbd-text-color: var(--text-color);--kbd-bg-color: white;--prompt-text-color: rgb(46, 46, 46, 0.77);--prompt-tip-bg: rgb(123, 247, 144, 0.2);--prompt-tip-icon-color: #03b303;--prompt-info-bg: #e1f5fe;--prompt-info-icon-color: #0070cb;--prompt-warning-bg: rgb(255, 243, 205);--prompt-warning-icon-color: #ef9c03;--prompt-danger-bg: rgb(248, 215, 218, 0.56);--prompt-danger-icon-color: #df3c30;--tag-border: #dee2e6;--tag-shadow: var(--btn-border-color);--tag-hover: rgb(222, 226, 230);--search-tag-bg: #f8f9fa;--categories-border: rgba(0, 0, 0, 0.125);--categories-hover-bg: var(--btn-border-color);--categories-icon-hover-color: darkslategray;--timeline-color: rgba(0, 0, 0, 0.075);--timeline-node-bg: #c2c6cc;--timeline-year-dot-color: #ffffff}html:not([data-mode]) [class^=prompt-],html[data-mode=light] [class^=prompt-]{--link-underline-color: rgb(219, 216, 216)}html:not([data-mode]) .dark,html[data-mode=light] .dark{display:none}html[data-mode=dark]{--main-bg: rgb(27, 27, 30);--mask-bg: rgb(68, 69, 70);--main-border-color: rgb(44, 45, 45);--text-color: rgb(175, 176, 177);--text-muted-color: #868686;--text-muted-hightlight-color: #aeaeae;--heading-color: #cccccc;--label-color: #a7a7a7;--blockquote-border-color: rgb(66, 66, 66);--blockquote-text-color: #868686;--link-color: rgb(138, 180, 248);--link-underline-color: rgb(82, 108, 150);--button-bg: #1e1e1e;--btn-border-color: #2e2f31;--btn-backtotop-color: var(--text-color);--btn-backtotop-border-color: #212122;--btn-box-shadow: var(--main-bg);--card-header-bg: #292929;--checkbox-color: rgb(118, 120, 121);--checkbox-checked-color: var(--link-color);--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);--shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(58, 55, 55, 0.4) 50%, rgba(255, 255, 255, 0) 100% );--site-title-color: #717070;--site-subtitle-color: #868686;--sidebar-bg: #1e1e1e;--sidebar-border-color: #292929;--sidebar-muted-color: #868686;--sidebar-active-color: rgb(255, 255, 255, 0.95);--sidebar-hover-bg: #262626;--sidebar-btn-bg: #232328;--sidebar-btn-color: #787878;--avatar-border-color: rgb(206, 206, 206, 0.9);--topbar-bg: rgb(27, 27, 30, 0.64);--topbar-text-color: var(--text-color);--search-border-color: rgb(55, 55, 55);--search-icon-color: rgb(100, 102, 105);--input-focus-border-color: rgb(112, 114, 115);--post-list-text-color: rgb(175, 176, 177);--btn-patinator-text-color: var(--text-color);--btn-paginator-hover-color: #2e2e2e;--toc-highlight: rgb(116, 178, 243);--tag-hover: rgb(43, 56, 62);--tb-odd-bg: #252526;--tb-even-bg: rgb(31, 31, 34);--tb-border-color: var(--tb-odd-bg);--footnote-target-bg: rgb(63, 81, 181);--btn-share-color: #6c757d;--btn-share-hover-color: #bfc1ca;--card-bg: #1e1e1e;--card-hovor-bg: #464d51;--card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0, rgb(137, 135, 135, 0.24) 0 0 0 1px;--kbd-wrap-color: #6a6a6a;--kbd-text-color: #d3d3d3;--kbd-bg-color: #242424;--prompt-text-color: rgb(216, 212, 212, 0.75);--prompt-tip-bg: rgb(22, 60, 36, 0.64);--prompt-tip-icon-color: rgb(15, 164, 15, 0.81);--prompt-info-bg: rgb(7, 59, 104, 0.8);--prompt-info-icon-color: #0075d1;--prompt-warning-bg: rgb(90, 69, 3, 0.88);--prompt-warning-icon-color: rgb(255, 165, 0, 0.8);--prompt-danger-bg: rgb(86, 28, 8, 0.8);--prompt-danger-icon-color: #cd0202;--tag-border: rgb(59, 79, 88);--tag-shadow: rgb(32, 33, 33);--dash-color: rgb(63, 65, 68);--search-tag-bg: #292828;--categories-border: rgb(64, 66, 69, 0.5);--categories-hover-bg: rgb(73, 75, 76);--categories-icon-hover-color: white;--timeline-node-bg: rgb(150, 152, 156);--timeline-color: rgb(63, 65, 68);--timeline-year-dot-color: var(--timeline-color);color-scheme:dark}html[data-mode=dark] .light{display:none}html[data-mode=dark] hr{border-color:var(--main-border-color)}html[data-mode=dark] .categories.card,html[data-mode=dark] .list-group-item{background-color:var(--card-bg)}html[data-mode=dark] .categories .card-header{background-color:var(--card-header-bg)}html[data-mode=dark] .categories .list-group-item{border-left:none;border-right:none;padding-left:2rem;border-color:var(--categories-border)}html[data-mode=dark] .categories .list-group-item:last-child{border-bottom-color:var(--card-bg)}html[data-mode=dark] #archives li:nth-child(odd){background-image:linear-gradient(to left, rgb(26, 26, 30), rgb(39, 39, 45), rgb(39, 39, 45), rgb(39, 39, 45), rgb(26, 26, 30))}html[data-mode=dark] #disqus_thread{color-scheme:none}}@media(prefers-color-scheme: dark){html:not([data-mode]),html[data-mode=dark]{--main-bg: rgb(27, 27, 30);--mask-bg: rgb(68, 69, 70);--main-border-color: rgb(44, 45, 45);--text-color: rgb(175, 176, 177);--text-muted-color: #868686;--text-muted-hightlight-color: #aeaeae;--heading-color: #cccccc;--label-color: #a7a7a7;--blockquote-border-color: rgb(66, 66, 66);--blockquote-text-color: #868686;--link-color: rgb(138, 180, 248);--link-underline-color: rgb(82, 108, 150);--button-bg: #1e1e1e;--btn-border-color: #2e2f31;--btn-backtotop-color: var(--text-color);--btn-backtotop-border-color: #212122;--btn-box-shadow: var(--main-bg);--card-header-bg: #292929;--checkbox-color: rgb(118, 120, 121);--checkbox-checked-color: var(--link-color);--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);--shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(58, 55, 55, 0.4) 50%, rgba(255, 255, 255, 0) 100% );--site-title-color: #717070;--site-subtitle-color: #868686;--sidebar-bg: #1e1e1e;--sidebar-border-color: #292929;--sidebar-muted-color: #868686;--sidebar-active-color: rgb(255, 255, 255, 0.95);--sidebar-hover-bg: #262626;--sidebar-btn-bg: #232328;--sidebar-btn-color: #787878;--avatar-border-color: rgb(206, 206, 206, 0.9);--topbar-bg: rgb(27, 27, 30, 0.64);--topbar-text-color: var(--text-color);--search-border-color: rgb(55, 55, 55);--search-icon-color: rgb(100, 102, 105);--input-focus-border-color: rgb(112, 114, 115);--post-list-text-color: rgb(175, 176, 177);--btn-patinator-text-color: var(--text-color);--btn-paginator-hover-color: #2e2e2e;--toc-highlight: rgb(116, 178, 243);--tag-hover: rgb(43, 56, 62);--tb-odd-bg: #252526;--tb-even-bg: rgb(31, 31, 34);--tb-border-color: var(--tb-odd-bg);--footnote-target-bg: rgb(63, 81, 181);--btn-share-color: #6c757d;--btn-share-hover-color: #bfc1ca;--card-bg: #1e1e1e;--card-hovor-bg: #464d51;--card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0, rgb(137, 135, 135, 0.24) 0 0 0 1px;--kbd-wrap-color: #6a6a6a;--kbd-text-color: #d3d3d3;--kbd-bg-color: #242424;--prompt-text-color: rgb(216, 212, 212, 0.75);--prompt-tip-bg: rgb(22, 60, 36, 0.64);--prompt-tip-icon-color: rgb(15, 164, 15, 0.81);--prompt-info-bg: rgb(7, 59, 104, 0.8);--prompt-info-icon-color: #0075d1;--prompt-warning-bg: rgb(90, 69, 3, 0.88);--prompt-warning-icon-color: rgb(255, 165, 0, 0.8);--prompt-danger-bg: rgb(86, 28, 8, 0.8);--prompt-danger-icon-color: #cd0202;--tag-border: rgb(59, 79, 88);--tag-shadow: rgb(32, 33, 33);--dash-color: rgb(63, 65, 68);--search-tag-bg: #292828;--categories-border: rgb(64, 66, 69, 0.5);--categories-hover-bg: rgb(73, 75, 76);--categories-icon-hover-color: white;--timeline-node-bg: rgb(150, 152, 156);--timeline-color: rgb(63, 65, 68);--timeline-year-dot-color: var(--timeline-color);color-scheme:dark}html:not([data-mode]) .light,html[data-mode=dark] .light{display:none}html:not([data-mode]) hr,html[data-mode=dark] hr{border-color:var(--main-border-color)}html:not([data-mode]) .categories.card,html:not([data-mode]) .list-group-item,html[data-mode=dark] .categories.card,html[data-mode=dark] .list-group-item{background-color:var(--card-bg)}html:not([data-mode]) .categories .card-header,html[data-mode=dark] .categories .card-header{background-color:var(--card-header-bg)}html:not([data-mode]) .categories .list-group-item,html[data-mode=dark] .categories .list-group-item{border-left:none;border-right:none;padding-left:2rem;border-color:var(--categories-border)}html:not([data-mode]) .categories .list-group-item:last-child,html[data-mode=dark] .categories .list-group-item:last-child{border-bottom-color:var(--card-bg)}html:not([data-mode]) #archives li:nth-child(odd),html[data-mode=dark] #archives li:nth-child(odd){background-image:linear-gradient(to left, rgb(26, 26, 30), rgb(39, 39, 45), rgb(39, 39, 45), rgb(39, 39, 45), rgb(26, 26, 30))}html:not([data-mode]) #disqus_thread,html[data-mode=dark] #disqus_thread{color-scheme:none}html[data-mode=light]{--main-bg: white;--mask-bg: #c1c3c5;--main-border-color: #f3f3f3;--text-color: #34343c;--text-muted-color: #757575;--text-muted-hightlight-color: inherit;--heading-color: #2a2a2a;--label-color: #585858;--blockquote-border-color: #eeeeee;--blockquote-text-color: #757575;--link-color: #0056b2;--link-underline-color: #dee2e6;--button-bg: #ffffff;--btn-border-color: #e9ecef;--btn-backtotop-color: #686868;--btn-backtotop-border-color: #f1f1f1;--btn-box-shadow: #eaeaea;--checkbox-color: #c5c5c5;--checkbox-checked-color: #07a8f7;--img-bg: radial-gradient( circle, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100% );--shimmer-bg: linear-gradient( 90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100% );--site-title-color: rgb(113, 113, 113);--site-subtitle-color: #717171;--sidebar-bg: #f6f8fa;--sidebar-border-color: #efefef;--sidebar-muted-color: #545454;--sidebar-active-color: #1d1d1d;--sidebar-hover-bg: rgb(223, 233, 241, 0.64);--sidebar-btn-bg: white;--sidebar-btn-color: #8e8e8e;--avatar-border-color: white;--topbar-bg: rgb(255, 255, 255, 0.7);--topbar-text-color: rgb(78, 78, 78);--search-border-color: rgb(240, 240, 240);--search-icon-color: #c2c6cc;--input-focus-border-color: #b8b8b8;--post-list-text-color: dimgray;--btn-patinator-text-color: #555555;--btn-paginator-hover-color: var(--sidebar-bg);--toc-highlight: #0550ae;--btn-share-color: gray;--btn-share-hover-color: #0d6efd;--card-bg: white;--card-hovor-bg: #e2e2e2;--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0, rgba(211, 209, 209, 0.15) 0 0 0 1px;--footnote-target-bg: lightcyan;--tb-odd-bg: #fbfcfd;--tb-border-color: #eaeaea;--dash-color: silver;--kbd-wrap-color: #bdbdbd;--kbd-text-color: var(--text-color);--kbd-bg-color: white;--prompt-text-color: rgb(46, 46, 46, 0.77);--prompt-tip-bg: rgb(123, 247, 144, 0.2);--prompt-tip-icon-color: #03b303;--prompt-info-bg: #e1f5fe;--prompt-info-icon-color: #0070cb;--prompt-warning-bg: rgb(255, 243, 205);--prompt-warning-icon-color: #ef9c03;--prompt-danger-bg: rgb(248, 215, 218, 0.56);--prompt-danger-icon-color: #df3c30;--tag-border: #dee2e6;--tag-shadow: var(--btn-border-color);--tag-hover: rgb(222, 226, 230);--search-tag-bg: #f8f9fa;--categories-border: rgba(0, 0, 0, 0.125);--categories-hover-bg: var(--btn-border-color);--categories-icon-hover-color: darkslategray;--timeline-color: rgba(0, 0, 0, 0.075);--timeline-node-bg: #c2c6cc;--timeline-year-dot-color: #ffffff}html[data-mode=light] [class^=prompt-]{--link-underline-color: rgb(219, 216, 216)}html[data-mode=light] .dark{display:none}}body{background:var(--main-bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:"Source Sans Pro","Microsoft Yahei",sans-serif}h1{font-size:1.92rem}h2{font-size:1.54rem}h3{font-size:1.36rem}h4{font-size:1.18rem}h5{font-size:1rem}a{text-decoration:none}img{max-width:100%;height:auto;transition:all .35s ease-in-out}.blur img{-webkit-filter:blur(20px);filter:blur(20px)}blockquote{border-left:5px solid var(--blockquote-border-color);padding-left:1rem;color:var(--blockquote-text-color)}blockquote>p:last-child{margin-bottom:0}blockquote[class^=prompt-]{border-left:0;position:relative;padding:1rem 1rem 1rem 3rem;color:var(--prompt-text-color)}blockquote[class^=prompt-]::before{text-align:center;width:3rem;position:absolute;left:.25rem;margin-top:.4rem;text-rendering:auto;-webkit-font-smoothing:antialiased}blockquote.prompt-tip{background-color:var(--prompt-tip-bg)}blockquote.prompt-tip::before{content:"";color:var(--prompt-tip-icon-color);font:var(--fa-font-regular)}blockquote.prompt-info{background-color:var(--prompt-info-bg)}blockquote.prompt-info::before{content:"";color:var(--prompt-info-icon-color);font:var(--fa-font-solid)}blockquote.prompt-warning{background-color:var(--prompt-warning-bg)}blockquote.prompt-warning::before{content:"";color:var(--prompt-warning-icon-color);font:var(--fa-font-solid)}blockquote.prompt-danger{background-color:var(--prompt-danger-bg)}blockquote.prompt-danger::before{content:"";color:var(--prompt-danger-icon-color);font:var(--fa-font-solid)}kbd{font-family:inherit;display:inline-block;vertical-align:middle;line-height:1.3rem;min-width:1.75rem;text-align:center;margin:0 .3rem;padding-top:.1rem;color:var(--kbd-text-color);background-color:var(--kbd-bg-color);border-radius:.25rem;border:solid 1px var(--kbd-wrap-color);box-shadow:inset 0 -2px 0 var(--kbd-wrap-color)}footer{background-color:var(--main-bg);height:5rem;border-top:1px solid var(--main-border-color)}footer p{text-align:center;margin-bottom:0}.access{top:2rem;transition:top .2s ease-in-out;margin-top:3rem;margin-bottom:4rem}.access:only-child{position:-webkit-sticky;position:sticky}.access>section{padding-left:1rem;border-left:1px solid var(--main-border-color)}.access>section:not(:last-child){margin-bottom:4rem}.access .content{font-size:.9rem}#panel-wrapper .panel-heading{font-family:inherit;line-height:inherit;color:var(--label-color);font-size:inherit;font-weight:600}#panel-wrapper .post-tag{line-height:1.05rem;font-size:.85rem;border-radius:.8rem;padding:.3rem .5rem;margin:0 .35rem .5rem 0}#panel-wrapper .post-tag:hover{transition:all .3s ease-in}#access-lastmod a{color:inherit}.footnotes>ol{padding-left:2rem;margin-top:.5rem}.footnotes>ol>li:not(:last-child){margin-bottom:.3rem}.footnotes>ol>li>p{margin-left:.25em;margin-top:0;margin-bottom:0}a.footnote{margin-left:1px;margin-right:1px;padding-left:2px;padding-right:2px;border-bottom-style:none !important}a.reversefootnote{font-size:.6rem;line-height:1;position:relative;bottom:.25em;margin-left:.25em;border-bottom-style:none !important}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.table-wrapper>table{min-width:100%;overflow-x:auto;border-spacing:0}.table-wrapper>table thead{border-bottom:solid 2px rgba(210,215,217,.75)}.table-wrapper>table tbody tr{border-bottom:1px solid var(--tb-border-color)}.table-wrapper>table tbody tr:nth-child(2n){background-color:var(--tb-even-bg)}.table-wrapper>table tbody tr:nth-child(2n+1){background-color:var(--tb-odd-bg)}.preview-img{aspect-ratio:40/21;width:100%;height:100%;overflow:hidden}.preview-img:not(.no-bg){background:var(--img-bg)}.preview-img img{height:100%;-o-object-fit:cover;object-fit:cover}#post-list .preview-img img{width:100%}.post-preview{border:0;background:var(--card-bg);box-shadow:var(--card-shadow)}.post-preview::before{content:"";width:100%;height:100%;position:absolute;background-color:var(--card-hovor-bg);opacity:0;transition:opacity .35s ease-in-out}.post-preview:hover::before{opacity:.3}main{line-height:1.75}main h1{margin-top:2rem;margin-bottom:1.5rem}main p>a.popup:not(.normal):not(.left):not(.right){position:relative;left:50%;transform:translateX(-50%)}.content{font-size:1.08rem;margin-top:2rem;overflow-wrap:break-word}.content a.popup{margin-top:.5rem;margin-bottom:.5rem;cursor:zoom-in}.content ol:not([class]),.content ol.task-list,.content ul:not([class]),.content ul.task-list{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}.content ol:not([class]) li,.content ol.task-list li,.content ul:not([class]) li,.content ul.task-list li{margin:.25rem 0;padding-left:.25rem}.content ol:not([class]) ol,.content ol:not([class]) ul,.content ol.task-list ol,.content ol.task-list ul,.content ul:not([class]) ol,.content ul:not([class]) ul,.content ul.task-list ol,.content ul.task-list ul{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem;margin:.5rem 0}.content ul.task-list{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.content ul.task-list li{list-style-type:none;padding-left:0}.content ul.task-list li>i{width:2rem;margin-left:-1.25rem;color:var(--checkbox-color)}.content ul.task-list li>i.checked{color:var(--checkbox-checked-color)}.content ul.task-list li ul{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}.content ul.task-list input[type=checkbox]{margin:0 .5rem .2rem -1.3rem;vertical-align:middle}.content dl>dd{margin-left:1rem}.content ::marker{color:var(--text-muted-color)}.post-tag{display:inline-block;min-width:2rem;text-align:center;border-radius:.5rem;border:1px solid var(--btn-border-color);padding:0 .4rem;color:var(--text-muted-color);line-height:1.3rem}.post-tag:not(:last-child){margin-right:.2rem}.rounded-10{border-radius:10px !important}.img-link{color:rgba(0,0,0,0);display:inline-flex}.shimmer{overflow:hidden;position:relative;background:var(--img-bg)}.shimmer::before{content:"";position:absolute;background:var(--shimmer-bg);height:100%;width:100%;-webkit-animation:shimmer 1.3s infinite;animation:shimmer 1.3s infinite}@-webkit-keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.embed-video{width:100%;height:100%;margin-bottom:1rem}.embed-video.youtube,.embed-video.bilibili{aspect-ratio:16/9}.embed-video.twitch{aspect-ratio:310/189}.btn-lang{border:1px solid !important;padding:1px 3px;border-radius:3px;color:var(--link-color)}.btn-lang:focus{box-shadow:none}.loaded{display:block !important}.d-flex.loaded{display:flex !important}.unloaded{display:none !important}.visible{visibility:visible !important}.hidden{visibility:hidden !important}.flex-grow-1{flex-grow:1 !important}.btn-box-shadow{box-shadow:var(--card-shadow)}.text-muted{color:var(--text-muted-color) !important}.tooltip-inner{font-size:.7rem;max-width:220px;text-align:left}.btn.btn-outline-primary:not(.disabled):hover{border-color:#007bff !important}.disabled{color:#cec4c4;pointer-events:auto;cursor:not-allowed}.hide-border-bottom{border-bottom:none !important}.input-focus{box-shadow:none;border-color:var(--input-focus-border-color) !important;background:center !important;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.left{float:left;margin:.75rem 1rem 1rem 0}.right{float:right;margin:.75rem 0 1rem 1rem}figure .mfp-title{text-align:center;padding-right:0;margin-top:.5rem}.mfp-img{transition:none}.mermaid{text-align:center}mjx-container{overflow-y:hidden;min-width:auto !important}#sidebar{padding-left:0;padding-right:0;position:fixed;top:0;left:0;height:100%;overflow-y:auto;width:260px;z-index:99;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border-color);-ms-overflow-style:none;scrollbar-width:none}#sidebar::-webkit-scrollbar{display:none}#sidebar .sidebar-bottom .mode-toggle:hover,#sidebar .sidebar-bottom a:hover,#sidebar .site-title a:hover{color:var(--sidebar-active-color)}#sidebar #avatar{display:block;width:7rem;height:7rem;overflow:hidden;box-shadow:var(--avatar-border-color) 0 0 0 2px;transform:translateZ(0)}#sidebar #avatar img{transition:transform .5s}#sidebar #avatar img:hover{transform:scale(1.2)}#sidebar .profile-wrapper{margin-top:.5rem;margin-bottom:.5rem;padding-left:2.5rem;padding-right:1.25rem;width:100%}#sidebar .site-title{font-family:inherit;font-weight:900;font-size:1.75rem;line-height:1.2;letter-spacing:.25px;margin-top:1.25rem;margin-bottom:.5rem}#sidebar .site-title a{color:var(--site-title-color)}#sidebar .site-subtitle{font-size:95%;color:var(--site-subtitle-color);margin-top:.25rem;word-spacing:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sidebar ul{margin-bottom:2rem}#sidebar ul li.nav-item{opacity:.9;width:100%;padding-left:1.5rem;padding-right:1.5rem}#sidebar ul li.nav-item a.nav-link{padding-top:.6rem;padding-bottom:.6rem;display:flex;align-items:center;border-radius:.75rem;font-weight:600}#sidebar ul li.nav-item a.nav-link:hover{background-color:var(--sidebar-hover-bg)}#sidebar ul li.nav-item a.nav-link i{font-size:95%;opacity:.8;margin-right:1.5rem}#sidebar ul li.nav-item a.nav-link span{font-size:90%;letter-spacing:.2px}#sidebar ul li.nav-item.active .nav-link{color:var(--sidebar-active-color);background-color:var(--sidebar-hover-bg)}#sidebar ul li.nav-item.active .nav-link span{opacity:1}#sidebar ul li.nav-item:not(:first-child){margin-top:.25rem}#sidebar .sidebar-bottom{padding-left:2rem;padding-right:1rem;margin-bottom:1.5rem}#sidebar .sidebar-bottom .mode-toggle,#sidebar .sidebar-bottom a{width:1.75rem;height:1.75rem;margin-bottom:.5rem;border-radius:50%;color:var(--sidebar-btn-color);background-color:var(--sidebar-btn-bg);text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:var(--sidebar-border-color) 0 0 0 1px}#sidebar .sidebar-bottom .mode-toggle:hover,#sidebar .sidebar-bottom a:hover{background-color:var(--sidebar-hover-bg)}#sidebar .sidebar-bottom a:not(:last-child){margin-right:.8rem}#sidebar .sidebar-bottom i{line-height:1.75rem}#sidebar .sidebar-bottom .mode-toggle{padding:0;border:0}#sidebar .sidebar-bottom .icon-border{margin-left:calc((.8rem - 3px)/2);margin-right:calc((.8rem - 3px)/2);background-color:var(--sidebar-btn-color);content:"";width:3px;height:3px;border-radius:50%;margin-bottom:.5rem}@media(hover: hover){#sidebar ul>li:last-child::after{transition:top .5s ease}.nav-link{transition:background-color .3s ease-in-out}.post-preview{transition:background-color .35s ease-in-out}}#search-result-wrapper{display:none;height:100%;width:100%;overflow:auto}#search-result-wrapper .content{margin-top:2rem}#topbar-wrapper{height:3rem;background-color:var(--topbar-bg)}#topbar button i{color:#999}#topbar #breadcrumb{font-size:1rem;color:var(--text-muted-color);padding-left:.5rem}#topbar #breadcrumb span:not(:last-child)::after{content:"›";padding:0 .3rem}::-webkit-input-placeholder{color:var(--text-muted-color) !important}::-moz-placeholder{color:var(--text-muted-color) !important}:-ms-input-placeholder{color:var(--text-muted-color) !important}::-ms-input-placeholder{color:var(--text-muted-color) !important}::placeholder{color:var(--text-muted-color) !important}:focus::-webkit-input-placeholder{opacity:.6}:focus::-moz-placeholder{opacity:.6}:focus:-ms-input-placeholder{opacity:.6}:focus::-ms-input-placeholder{opacity:.6}:focus::placeholder{opacity:.6}search{display:flex;width:100%;border-radius:1rem;border:1px solid var(--search-border-color);background:var(--main-bg);padding:0 .5rem}search i{z-index:2;font-size:.9rem;color:var(--search-icon-color)}#sidebar-trigger,#search-trigger{display:none}#search-cancel{color:var(--link-color);display:none;white-space:nowrap}#search-input{background:center;border:0;border-radius:0;padding:.18rem .3rem;color:var(--text-color);height:auto}#search-input:focus{box-shadow:none}#search-hints{padding:0 1rem}#search-hints h4{margin-bottom:1.5rem}#search-hints .post-tag{display:inline-block;line-height:1rem;font-size:1rem;background:var(--search-tag-bg);border:none;padding:.5rem;margin:0 1.25rem 1rem 0}#search-hints .post-tag::before{content:"#";color:var(--text-muted-color);padding-right:.2rem}#search-results{padding-bottom:3rem}#search-results a{font-size:1.4rem;line-height:2.5rem}#search-results>article{width:100%}#search-results>article:not(:last-child){margin-bottom:1rem}#search-results>article i{color:#818182;margin-right:.15rem;font-size:80%}#search-results>article>p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#topbar-title{display:none;font-size:1.1rem;font-weight:600;font-family:sans-serif;color:var(--topbar-text-color);text-align:center;width:70%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}#mask{display:none;position:fixed;inset:0 0 0 0;height:100%;width:100%;z-index:1}[sidebar-display] #mask{display:block !important}#main-wrapper{position:relative;padding-left:0;padding-right:0}#main-wrapper>.container{min-height:100vh}#topbar-wrapper.row,#main-wrapper>.container>.row,#search-result-wrapper>.row{margin-left:0;margin-right:0}#tail-wrapper>:not(script){margin-top:3rem}#back-to-top{display:none;z-index:1;cursor:pointer;position:fixed;right:1rem;bottom:4.625rem;background:var(--button-bg);color:var(--btn-backtotop-color);padding:0;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--btn-backtotop-border-color);transition:transform .2s ease-out;-webkit-transition:transform .2s ease-out}#back-to-top:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0)}#back-to-top i{line-height:2.75rem;position:relative;bottom:2px}@-webkit-keyframes popup{from{opacity:0;bottom:0}}@keyframes popup{from{opacity:0;bottom:0}}#notification .toast-header{background:none;border-bottom:none;color:inherit}#notification .toast-body{font-family:Lato,sans-serif;line-height:1.25rem}#notification .toast-body button{font-size:90%;min-width:4rem}#notification.toast.show{display:block;min-width:20rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5);color:rgba(27,27,30,.7294117647);position:fixed;left:50%;bottom:20%;transform:translateX(-50%);-webkit-animation:popup .8s;animation:popup .8s}@media all and (max-width: 576px){main .content>blockquote[class^=prompt-]{margin-left:-1rem;margin-right:-1rem;border-radius:0;max-width:none}#avatar{width:5rem;height:5rem}}@media all and (max-width: 768px){#main-wrapper>.container,#topbar{max-width:100%}#main-wrapper>.container{padding-left:0;padding-right:0}}@media all and (max-width: 849px){footer{transition:transform .4s ease;height:6rem;padding:1.5rem 0}[sidebar-display] #sidebar{transform:translateX(0)}[sidebar-display] #main-wrapper{transform:translateX(260px)}[sidebar-display] #back-to-top{visibility:hidden}#sidebar{transition:transform .4s ease;transform:translateX(-260px);-webkit-transform:translateX(-260px)}#main-wrapper{transition:transform .4s ease}#topbar,#main-wrapper>.container{max-width:100%}#search-result-wrapper{width:100%}#breadcrumb,search{display:none}#topbar-wrapper{transition:transform .4s ease,top .2s ease;left:0}main,#panel-wrapper{margin-top:0}#topbar-title,#sidebar-trigger,#search-trigger{display:block}#search-result-wrapper .content{letter-spacing:0}#tags{justify-content:center !important}h1.dynamic-title{display:none}h1.dynamic-title~.content{margin-top:2.5rem}}@media all and (min-width: 850px){html{overflow-y:scroll}#main-wrapper{margin-left:260px}#sidebar .profile-wrapper{margin-top:3rem}#search-hints{display:none}search{max-width:200px}#search-result-wrapper{max-width:1250px;justify-content:start !important}main h1{margin-top:3rem}div.content .table-wrapper>table{min-width:70%}#back-to-top{right:5%;bottom:3.625rem}#topbar-title{text-align:left}}@media all and (min-width: 992px)and (max-width: 1199px){#main-wrapper>.container .col-lg-11{flex:0 0 96%;max-width:96%}}@media all and (min-width: 850px)and (max-width: 1199px){#search-results>div{max-width:700px}#breadcrumb{width:65%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}}@media all and (max-width: 1199px){#panel-wrapper{display:none}#main-wrapper>.container>div.row{justify-content:center !important}}@media all and (min-width: 1200px){search{margin-right:4rem}#search-input{transition:all .3s ease-in-out}#search-results>article{width:45%}#search-results>article:nth-child(odd){margin-right:1.5rem}#search-results>article:nth-child(even){margin-left:1.5rem}#search-results>article:last-child:nth-child(odd){position:relative;right:24.3%}.content{font-size:1.03rem}}@media all and (min-width: 1400px){#back-to-top{right:calc((100vw - 260px - 1140px)/2 + 3rem)}}@media all and (min-width: 1650px){#main-wrapper{margin-left:300px}#topbar-wrapper{left:300px}search{margin-right:calc(112.5px - .75rem)}#main-wrapper>.container{max-width:1250px;padding-left:1.75rem !important;padding-right:1.75rem !important}main.col-12,#tail-wrapper{padding-right:4.5rem !important}#back-to-top{right:calc((100vw - 300px - 1250px)/2 + 2rem)}#sidebar{width:300px}#sidebar .profile-wrapper{margin-top:3.5rem;margin-bottom:2.5rem;padding-left:3.5rem}#sidebar ul li.nav-item{padding-left:2.75rem;padding-right:2.75rem}#sidebar .sidebar-bottom{padding-left:2.75rem;margin-bottom:1.75rem}#sidebar .sidebar-bottom a:not(:last-child){margin-right:1rem}#sidebar .sidebar-bottom .icon-border{margin-left:calc((1rem - 3px)/2);margin-right:calc((1rem - 3px)/2)}}#post-list{margin-top:2rem}#post-list .card-wrapper:hover{text-decoration:none}#post-list .card-wrapper:not(:last-child){margin-bottom:1.25rem}#post-list .card{border:0;background:none}#post-list .card .preview-img img,#post-list .card .preview-img{border-radius:.625rem .625rem 0 0}#post-list .card .card-body{height:100%;padding:1rem}#post-list .card .card-body .card-title{color:var(--heading-color) !important;font-size:1.25rem}#post-list .card .card-body .post-meta,#post-list .card .card-body .card-text.content{color:var(--text-muted-color) !important}#post-list .card .card-body .card-text.content p{line-height:1.5;margin:0}#post-list .card .card-body .post-meta i:not(:first-child){margin-left:1.5rem}#post-list .card .card-body .post-meta em{color:inherit}#post-list .card .card-body .post-meta>div:first-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination{color:var(--text-color);font-family:Lato,sans-serif;justify-content:space-evenly}.pagination a:hover{text-decoration:none}.pagination .page-item .page-link{color:var(--btn-patinator-text-color);padding:0 .6rem;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-radius:.5rem;border:0;background-color:inherit}.pagination .page-item.active .page-link{background-color:var(--btn-paginator-hover-color)}.pagination .page-item:not(.active) .page-link:hover{box-shadow:inset var(--btn-border-color) 0 0 0 1px}.pagination .page-item.disabled{cursor:not-allowed}.pagination .page-item.disabled .page-link{color:rgba(108,117,125,.57)}@media all and (min-width: 768px){#post-list .card .preview-img,#post-list .card .preview-img img{border-radius:0 .625rem .625rem 0}#post-list .card .card-body{padding:1.75rem 1.75rem 1.25rem 1.75rem}#post-list .card .card-body .card-text{display:inherit !important}#post-list .card .card-body .post-meta i:not(:first-child){margin-left:1.75rem}}@media all and (max-width: 830px){.pagination .page-item:not(:first-child):not(:last-child){display:none}}@media all and (min-width: 831px){#post-list{margin-top:2.5rem}.pagination{font-size:.85rem;justify-content:center}.pagination .page-item:not(:last-child){margin-right:.7rem}.pagination .page-index{display:none}}.post-navigation .btn.disabled,.post-navigation .btn{width:50%;position:relative;border-color:var(--btn-border-color)}h1+.post-meta>span+span::before{content:"•";padding-left:.25rem;padding-right:.25rem}h1+.post-meta em a{color:inherit}.post-tail-wrapper{margin-top:6rem;border-bottom:1px double var(--main-border-color)}.post-tail-wrapper .license-wrapper{line-height:1.2rem}.post-tail-wrapper .share-wrapper{vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.post-tail-wrapper .share-wrapper .share-icons>*,.post-tail-wrapper .share-wrapper .share-icons i{font-size:1.125rem}.post-tail-wrapper .share-wrapper .share-icons{display:flex}.post-tail-wrapper .share-wrapper .share-icons i{color:var(--btn-share-color)}.post-tail-wrapper .share-wrapper .share-icons>*{margin-left:.5rem}.post-tail-wrapper .share-wrapper .share-icons button{padding:0;border:none;line-height:inherit}.share-mastodon{--wc-stm-font-family: $font-family-base;--wc-stm-dialog-background-color: var(--card-bg);--wc-stm-form-button-border: 1px solid var(--btn-border-color);--wc-stm-form-submit-background-color: var(--sidebar-btn-bg);--wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);--wc-stm-form-button-background-color-hover: #007bff;--wc-stm-form-button-color-hover: white;font-size:1rem}.post-tags{line-height:2rem}.post-navigation .btn:not(:hover){color:var(--link-color)}.post-navigation .btn:hover:not(.disabled)::before{color:#f5f5f5}.post-navigation .btn.disabled{pointer-events:auto;cursor:not-allowed;background:none;color:gray}.post-navigation .btn.btn-outline-primary.disabled:focus{box-shadow:none}.post-navigation .btn::before{color:var(--text-muted-color);font-size:.65rem;text-transform:uppercase;content:attr(aria-label)}.post-navigation .btn:first-child{border-radius:.625rem 0 0 .625rem;left:.5px}.post-navigation .btn:last-child{border-radius:0 .625rem .625rem 0;right:.5px}.post-navigation p{font-size:1.1rem;line-height:1.5rem;margin-top:.3rem;white-space:normal}@media(hover: hover){.post-navigation .btn,.post-navigation .btn::before{transition:all .35s ease-in-out}}@-webkit-keyframes fade-up{from{opacity:0;position:relative;top:2rem}to{opacity:1;position:relative;top:0}}@keyframes fade-up{from{opacity:0;position:relative;top:2rem}to{opacity:1;position:relative;top:0}}#toc-wrapper{border-left:1px solid rgba(158,158,158,.17);position:-webkit-sticky;position:sticky;top:4rem;transition:top .2s ease-in-out;-webkit-animation:fade-up .8s;animation:fade-up .8s}#toc-wrapper ul{list-style:none;font-size:.85rem;line-height:1.25;padding-left:0}#toc-wrapper ul li:not(:last-child){margin:.4rem 0}#toc-wrapper ul li a{padding:.2rem 0 .2rem 1.25rem}#toc-wrapper ul .toc-link{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toc-wrapper ul .toc-link:hover{color:var(--toc-highlight);text-decoration:none}#toc-wrapper ul .toc-link::before{display:none}#toc-wrapper ul .is-active-link{color:var(--toc-highlight) !important;font-weight:600}#toc-wrapper ul .is-active-link::before{display:inline-block;width:1px;left:-1px;height:1.25rem;background-color:var(--toc-highlight) !important}#toc-wrapper ul ul{padding-left:.75rem}#related-posts>h3{color:var(--label-color);font-size:1.1rem;font-weight:600}#related-posts time{color:var(--text-muted-color)}#related-posts p{font-size:.9rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#disqus_thread{min-height:8.5rem}.utterances{max-width:100%}.post-tail-wrapper .share-wrapper .share-icons>*:hover i{color:var(--btn-share-hover-color) !important}.share-label{color:inherit;font-size:inherit;font-weight:400}.share-label::after{content:":"}@media all and (max-width: 576px){.post-tail-bottom{flex-wrap:wrap-reverse !important}.post-tail-bottom>div:first-child{width:100%;margin-top:1rem}}@media all and (max-width: 768px){.content>p>img{max-width:calc(100% + 1rem)}}@media all and (max-width: 849px){.post-navigation{padding-left:0;padding-right:0;margin-left:-0.5rem;margin-right:-0.5rem}}.tag{border-radius:.7em;padding:6px 8px 7px;margin-right:.8rem;line-height:3rem;letter-spacing:0;border:1px solid var(--tag-border) !important;box-shadow:0 0 3px 0 var(--tag-shadow)}.tag span{margin-left:.6em;font-size:.7em;font-family:Oswald,sans-serif}#archives{letter-spacing:.03rem}#archives ul li::before,#archives .year:first-child::before,#archives .year::before{content:"";width:4px;position:relative;float:left;background-color:var(--timeline-color)}#archives .year{height:3.5rem;font-size:1.5rem;position:relative;left:2px;margin-left:-4px}#archives .year::before{height:72px;left:79px;bottom:16px}#archives .year:first-child::before{height:32px;top:24px}#archives .year::after{content:"";display:inline-block;position:relative;border-radius:50%;width:12px;height:12px;left:21.5px;border:3px solid;background-color:var(--timeline-year-dot-color);border-color:var(--timeline-node-bg);box-shadow:0 0 2px 0 #c2c6cc;z-index:1}#archives ul li{font-size:1.1rem;line-height:3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#archives ul li:nth-child(odd){background-color:var(--main-bg, #ffffff);background-image:linear-gradient(to left, #ffffff, #fbfbfb, #fbfbfb, #fbfbfb, #ffffff)}#archives ul li::before{top:0;left:77px;height:3.1rem}#archives ul:last-child li:last-child::before{height:1.5rem}#archives .date{white-space:nowrap;display:inline-block;position:relative;right:.5rem}#archives .date.month{width:1.4rem;text-align:center}#archives .date.day{font-size:85%;font-family:Lato,sans-serif}#archives a{margin-left:2.5rem;position:relative;top:.1rem}#archives a:hover{border-bottom:none}#archives a::before{content:"";display:inline-block;position:relative;border-radius:50%;width:8px;height:8px;float:left;top:1.35rem;left:71px;background-color:var(--timeline-node-bg);box-shadow:0 0 3px 0 #c2c6cc;z-index:1}@media all and (max-width: 576px){#archives{margin-top:-1rem}#archives ul{letter-spacing:0}}.categories i{color:gray}.categories{margin-bottom:2rem;border-color:var(--categories-border)}.categories .card-header{padding:.75rem;border-radius:calc(.625rem - 1px);border-bottom:0}.categories .card-header.hide-border-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.categories i{font-size:86%}.categories .list-group-item{border-left:none;border-right:none;padding-left:2rem}.categories .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.categories .list-group-item:last-child{border-bottom:0}.category-trigger{width:1.7rem;height:1.7rem;border-radius:50%;text-align:center;color:#6c757d !important}.category-trigger i{position:relative;height:.7rem;width:1rem;transition:transform 300ms ease}.category-trigger:hover i{color:var(--categories-icon-hover-color)}@media(hover: hover){.category-trigger:hover{background-color:var(--categories-hover-bg)}}.rotate{transform:rotate(-90deg)}.dash{margin:0 .5rem .6rem .5rem;border-bottom:2px dotted var(--dash-color)}#page-category ul>li,#page-tag ul>li{line-height:1.5rem;padding:.6rem 0}#page-category ul>li::before,#page-tag ul>li::before{background:#999;width:5px;height:5px;border-radius:50%;display:block;content:"";position:relative;top:.6rem;margin-right:.5rem}#page-category ul>li>a,#page-tag ul>li>a{font-size:1.1rem}#page-tag h1>i{font-size:1.2rem}#page-category h1>i{font-size:1.25rem}#page-category a:hover,#page-tag a:hover,#access-lastmod a:hover{margin-bottom:-1px}@media all and (max-width: 576px){#page-category ul>li::before,#page-tag ul>li::before{margin:0 .5rem}#page-category ul>li>a,#page-tag ul>li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}/*# sourceMappingURL=jekyll-theme-chirpy.css.map */ \ No newline at end of file +#toc-bar .label,header .post-desc,#search-results a,h5,h4,h3,h2,h1{color:var(--heading-color);font-weight:400;font-family:Lato,"Microsoft Yahei",sans-serif;scroll-margin-top:3.5rem}h5 .anchor,h4 .anchor,h3 .anchor,h2 .anchor{font-size:80%}@media(hover: hover){h5 .anchor,h4 .anchor,h3 .anchor,h2 .anchor{visibility:hidden;opacity:0;transition:opacity .25s ease-in,visibility 0s ease-in .25s}h5:hover .anchor,h4:hover .anchor,h3:hover .anchor,h2:hover .anchor{visibility:visible;opacity:1;transition:opacity .25s ease-in,visibility 0s ease-in 0s}}.post-tags .post-tag:hover,.tag:hover{background:var(--tag-hover);transition:background .35s ease-in-out}.table-wrapper>table tbody tr td,.table-wrapper>table thead th{padding:.4rem 1rem;font-size:95%;white-space:nowrap}#page-category a:hover,#page-tag a:hover,.post-tags .post-tag:hover,.post-tail-wrapper .license-wrapper>a:hover,#search-results a:hover,#topbar #breadcrumb a:hover,.content a:not(.img-link):hover,.post-meta a:not([class]):hover,#access-lastmod a:hover,footer a:hover{color:#d2603a !important;border-bottom:1px solid #d2603a;text-decoration:none}#search-results a,#search-hints .post-tag,a{color:var(--link-color)}.post-tail-wrapper .post-meta a:not(:hover),.content a:not(.img-link){border-bottom:1px solid var(--link-underline-color)}#sidebar .sidebar-bottom a,#sidebar .site-title,#sidebar .profile-wrapper{transition:all .3s ease-in-out}#sidebar .sidebar-bottom .icon-border,.content a.popup,i.far,i.fas,.code-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#page-category ul>li>a,#page-tag ul>li>a,.post-tags .post-tag:hover,#search-results a,main .categories a:not(:hover),main #tags a:not(:hover),main #archives a:not(:hover),#access-lastmod a{border-bottom:none}.post-tail-wrapper .share-wrapper .share-icons button,#search-cancel,.code-header button{cursor:pointer}#related-posts time,#post-list .card .card-body .post-meta em,.post-meta em{font-style:normal}.categories.card,.categories .list-group,.embed-video,.post-preview::before,.post-preview,.preview-img img,.preview-img,blockquote[class^=prompt-],.code-header button,div[class^=language-],.highlight{border-radius:10px}.embed-audio+em,.embed-video+em,.content a.popup+em{display:block;text-align:center;font-style:normal;font-size:80%;padding:0;color:#6d6c6c}#sidebar .sidebar-bottom #mode-toggle,#sidebar a{color:var(--sidebar-muted-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#related-posts .card h4,#post-list .card .card-body .card-text.content p,#post-list .card .card-body .card-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}#archives ul li,#related-posts p,#toc-wrapper ul .toc-link,#post-list .card .card-body .post-meta>div:first-child,#search-results>article>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-tail-wrapper .license-wrapper>a,header .post-meta em,header .post-meta time,footer em,footer a{color:var(--text-muted-highlight-color);font-weight:600}.post-tail-wrapper .license-wrapper span:last-child,.post-tail-wrapper,.post-meta{font-size:.85rem}#related-posts time,footer{font-size:.8rem}sup:target,.footnotes>ol>li:target{background-color:var(--footnote-target-bg);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;transition:background-color 1.75s ease-in-out}#toc-popup .header button i,#toc-bar button i,#topbar button i{color:#999}@media(prefers-color-scheme: light){html:not([data-mode]),html[data-mode=light]{--language-border-color: #ececec;--highlight-bg-color: #f6f8fa;--highlighter-rouge-color: #3f596f;--highlight-lineno-color: #9e9e9e;--inline-code-bg: rgba(25, 25, 28, 0.05);--code-color: #3a3a3a;--code-header-text-color: #a3a3a3;--code-header-muted-color: #e5e5e5;--code-header-icon-color: #c9c8c8;--clipboard-checked-color: #43c743}html:not([data-mode]) .highlight table td,html[data-mode=light] .highlight table td{padding:5px}html:not([data-mode]) .highlight table pre,html[data-mode=light] .highlight table pre{margin:0}html:not([data-mode]) .highlight,html:not([data-mode]) .highlight .w,html[data-mode=light] .highlight,html[data-mode=light] .highlight .w{color:#24292f;background-color:#f6f8fa}html:not([data-mode]) .highlight .k,html:not([data-mode]) .highlight .kd,html:not([data-mode]) .highlight .kn,html:not([data-mode]) .highlight .kp,html:not([data-mode]) .highlight .kr,html:not([data-mode]) .highlight .kt,html:not([data-mode]) .highlight .kv,html[data-mode=light] .highlight .k,html[data-mode=light] .highlight .kd,html[data-mode=light] .highlight .kn,html[data-mode=light] .highlight .kp,html[data-mode=light] .highlight .kr,html[data-mode=light] .highlight .kt,html[data-mode=light] .highlight .kv{color:#cf222e}html:not([data-mode]) .highlight .gr,html[data-mode=light] .highlight .gr{color:#f6f8fa}html:not([data-mode]) .highlight .gd,html[data-mode=light] .highlight .gd{color:#82071e;background-color:#ffebe9}html:not([data-mode]) .highlight .nb,html[data-mode=light] .highlight .nb{color:#953800}html:not([data-mode]) .highlight .nc,html[data-mode=light] .highlight .nc{color:#953800}html:not([data-mode]) .highlight .no,html[data-mode=light] .highlight .no{color:#953800}html:not([data-mode]) .highlight .nn,html[data-mode=light] .highlight .nn{color:#953800}html:not([data-mode]) .highlight .sr,html[data-mode=light] .highlight .sr{color:#116329}html:not([data-mode]) .highlight .na,html[data-mode=light] .highlight .na{color:#116329}html:not([data-mode]) .highlight .nt,html[data-mode=light] .highlight .nt{color:#116329}html:not([data-mode]) .highlight .gi,html[data-mode=light] .highlight .gi{color:#116329;background-color:#dafbe1}html:not([data-mode]) .highlight .kc,html[data-mode=light] .highlight .kc{color:#0550ae}html:not([data-mode]) .highlight .l,html:not([data-mode]) .highlight .ld,html:not([data-mode]) .highlight .m,html:not([data-mode]) .highlight .mb,html:not([data-mode]) .highlight .mf,html:not([data-mode]) .highlight .mh,html:not([data-mode]) .highlight .mi,html:not([data-mode]) .highlight .il,html:not([data-mode]) .highlight .mo,html:not([data-mode]) .highlight .mx,html[data-mode=light] .highlight .l,html[data-mode=light] .highlight .ld,html[data-mode=light] .highlight .m,html[data-mode=light] .highlight .mb,html[data-mode=light] .highlight .mf,html[data-mode=light] .highlight .mh,html[data-mode=light] .highlight .mi,html[data-mode=light] .highlight .il,html[data-mode=light] .highlight .mo,html[data-mode=light] .highlight .mx{color:#0550ae}html:not([data-mode]) .highlight .sb,html[data-mode=light] .highlight .sb{color:#0550ae}html:not([data-mode]) .highlight .bp,html[data-mode=light] .highlight .bp{color:#0550ae}html:not([data-mode]) .highlight .ne,html[data-mode=light] .highlight .ne{color:#0550ae}html:not([data-mode]) .highlight .nl,html[data-mode=light] .highlight .nl{color:#0550ae}html:not([data-mode]) .highlight .py,html[data-mode=light] .highlight .py{color:#0550ae}html:not([data-mode]) .highlight .nv,html:not([data-mode]) .highlight .vc,html:not([data-mode]) .highlight .vg,html:not([data-mode]) .highlight .vi,html:not([data-mode]) .highlight .vm,html[data-mode=light] .highlight .nv,html[data-mode=light] .highlight .vc,html[data-mode=light] .highlight .vg,html[data-mode=light] .highlight .vi,html[data-mode=light] .highlight .vm{color:#0550ae}html:not([data-mode]) .highlight .o,html:not([data-mode]) .highlight .ow,html[data-mode=light] .highlight .o,html[data-mode=light] .highlight .ow{color:#0550ae}html:not([data-mode]) .highlight .gh,html[data-mode=light] .highlight .gh{color:#0550ae;font-weight:bold}html:not([data-mode]) .highlight .gu,html[data-mode=light] .highlight .gu{color:#0550ae;font-weight:bold}html:not([data-mode]) .highlight .s,html:not([data-mode]) .highlight .sa,html:not([data-mode]) .highlight .sc,html:not([data-mode]) .highlight .dl,html:not([data-mode]) .highlight .sd,html:not([data-mode]) .highlight .s2,html:not([data-mode]) .highlight .se,html:not([data-mode]) .highlight .sh,html:not([data-mode]) .highlight .sx,html:not([data-mode]) .highlight .s1,html:not([data-mode]) .highlight .ss,html[data-mode=light] .highlight .s,html[data-mode=light] .highlight .sa,html[data-mode=light] .highlight .sc,html[data-mode=light] .highlight .dl,html[data-mode=light] .highlight .sd,html[data-mode=light] .highlight .s2,html[data-mode=light] .highlight .se,html[data-mode=light] .highlight .sh,html[data-mode=light] .highlight .sx,html[data-mode=light] .highlight .s1,html[data-mode=light] .highlight .ss{color:#0a3069}html:not([data-mode]) .highlight .nd,html[data-mode=light] .highlight .nd{color:#8250df}html:not([data-mode]) .highlight .nf,html:not([data-mode]) .highlight .fm,html[data-mode=light] .highlight .nf,html[data-mode=light] .highlight .fm{color:#8250df}html:not([data-mode]) .highlight .err,html[data-mode=light] .highlight .err{color:#f6f8fa;background-color:#82071e}html:not([data-mode]) .highlight .c,html:not([data-mode]) .highlight .ch,html:not([data-mode]) .highlight .cd,html:not([data-mode]) .highlight .cm,html:not([data-mode]) .highlight .cp,html:not([data-mode]) .highlight .cpf,html:not([data-mode]) .highlight .c1,html:not([data-mode]) .highlight .cs,html[data-mode=light] .highlight .c,html[data-mode=light] .highlight .ch,html[data-mode=light] .highlight .cd,html[data-mode=light] .highlight .cm,html[data-mode=light] .highlight .cp,html[data-mode=light] .highlight .cpf,html[data-mode=light] .highlight .c1,html[data-mode=light] .highlight .cs{color:#68717a}html:not([data-mode]) .highlight .gl,html[data-mode=light] .highlight .gl{color:#68717a}html:not([data-mode]) .highlight .gt,html[data-mode=light] .highlight .gt{color:#68717a}html:not([data-mode]) .highlight .ni,html[data-mode=light] .highlight .ni{color:#24292f}html:not([data-mode]) .highlight .si,html[data-mode=light] .highlight .si{color:#24292f}html:not([data-mode]) .highlight .ge,html[data-mode=light] .highlight .ge{color:#24292f;font-style:italic}html:not([data-mode]) .highlight .gs,html[data-mode=light] .highlight .gs{color:#24292f;font-weight:bold}html[data-mode=dark]{--language-border-color: #2d2d2d;--highlight-bg-color: #151515;--highlighter-rouge-color: #c9def1;--highlight-lineno-color: #808080;--inline-code-bg: rgba(255, 255, 255, 0.05);--code-color: #b0b0b0;--code-header-text-color: #6a6a6a;--code-header-muted-color: #353535;--code-header-icon-color: #565656;--clipboard-checked-color: #2bcc2b;--filepath-text-color: #cacaca}html[data-mode=dark] .highlight .gp{color:#87939d}html[data-mode=dark] .highlight table td{padding:5px}html[data-mode=dark] .highlight table pre{margin:0}html[data-mode=dark] .highlight,html[data-mode=dark] .highlight .w{color:#d0d0d0;background-color:#151515}html[data-mode=dark] .highlight .err{color:#151515;background-color:#ac4142}html[data-mode=dark] .highlight .c,html[data-mode=dark] .highlight .ch,html[data-mode=dark] .highlight .cd,html[data-mode=dark] .highlight .cm,html[data-mode=dark] .highlight .cpf,html[data-mode=dark] .highlight .c1,html[data-mode=dark] .highlight .cs{color:#848484}html[data-mode=dark] .highlight .cp{color:#f4bf75}html[data-mode=dark] .highlight .nt{color:#f4bf75}html[data-mode=dark] .highlight .o,html[data-mode=dark] .highlight .ow{color:#d0d0d0}html[data-mode=dark] .highlight .p,html[data-mode=dark] .highlight .pi{color:#d0d0d0}html[data-mode=dark] .highlight .gi{color:#90a959}html[data-mode=dark] .highlight .gd{color:#f08a8b;background-color:#320000}html[data-mode=dark] .highlight .gh{color:#6a9fb5;background-color:#151515;font-weight:bold}html[data-mode=dark] .highlight .k,html[data-mode=dark] .highlight .kn,html[data-mode=dark] .highlight .kp,html[data-mode=dark] .highlight .kr,html[data-mode=dark] .highlight .kv{color:#aa759f}html[data-mode=dark] .highlight .kc{color:#d28445}html[data-mode=dark] .highlight .kt{color:#d28445}html[data-mode=dark] .highlight .kd{color:#d28445}html[data-mode=dark] .highlight .s,html[data-mode=dark] .highlight .sb,html[data-mode=dark] .highlight .sc,html[data-mode=dark] .highlight .dl,html[data-mode=dark] .highlight .sd,html[data-mode=dark] .highlight .s2,html[data-mode=dark] .highlight .sh,html[data-mode=dark] .highlight .sx,html[data-mode=dark] .highlight .s1{color:#90a959}html[data-mode=dark] .highlight .sa{color:#aa759f}html[data-mode=dark] .highlight .sr{color:#75b5aa}html[data-mode=dark] .highlight .si{color:#b76d45}html[data-mode=dark] .highlight .se{color:#b76d45}html[data-mode=dark] .highlight .nn{color:#f4bf75}html[data-mode=dark] .highlight .nc{color:#f4bf75}html[data-mode=dark] .highlight .no{color:#f4bf75}html[data-mode=dark] .highlight .na{color:#6a9fb5}html[data-mode=dark] .highlight .m,html[data-mode=dark] .highlight .mb,html[data-mode=dark] .highlight .mf,html[data-mode=dark] .highlight .mh,html[data-mode=dark] .highlight .mi,html[data-mode=dark] .highlight .il,html[data-mode=dark] .highlight .mo,html[data-mode=dark] .highlight .mx{color:#90a959}html[data-mode=dark] .highlight .ss{color:#90a959}}@media(prefers-color-scheme: dark){html:not([data-mode]),html[data-mode=dark]{--language-border-color: #2d2d2d;--highlight-bg-color: #151515;--highlighter-rouge-color: #c9def1;--highlight-lineno-color: #808080;--inline-code-bg: rgba(255, 255, 255, 0.05);--code-color: #b0b0b0;--code-header-text-color: #6a6a6a;--code-header-muted-color: #353535;--code-header-icon-color: #565656;--clipboard-checked-color: #2bcc2b;--filepath-text-color: #cacaca}html:not([data-mode]) .highlight .gp,html[data-mode=dark] .highlight .gp{color:#87939d}html:not([data-mode]) .highlight table td,html[data-mode=dark] .highlight table td{padding:5px}html:not([data-mode]) .highlight table pre,html[data-mode=dark] .highlight table pre{margin:0}html:not([data-mode]) .highlight,html:not([data-mode]) .highlight .w,html[data-mode=dark] .highlight,html[data-mode=dark] .highlight .w{color:#d0d0d0;background-color:#151515}html:not([data-mode]) .highlight .err,html[data-mode=dark] .highlight .err{color:#151515;background-color:#ac4142}html:not([data-mode]) .highlight .c,html:not([data-mode]) .highlight .ch,html:not([data-mode]) .highlight .cd,html:not([data-mode]) .highlight .cm,html:not([data-mode]) .highlight .cpf,html:not([data-mode]) .highlight .c1,html:not([data-mode]) .highlight .cs,html[data-mode=dark] .highlight .c,html[data-mode=dark] .highlight .ch,html[data-mode=dark] .highlight .cd,html[data-mode=dark] .highlight .cm,html[data-mode=dark] .highlight .cpf,html[data-mode=dark] .highlight .c1,html[data-mode=dark] .highlight .cs{color:#848484}html:not([data-mode]) .highlight .cp,html[data-mode=dark] .highlight .cp{color:#f4bf75}html:not([data-mode]) .highlight .nt,html[data-mode=dark] .highlight .nt{color:#f4bf75}html:not([data-mode]) .highlight .o,html:not([data-mode]) .highlight .ow,html[data-mode=dark] .highlight .o,html[data-mode=dark] .highlight .ow{color:#d0d0d0}html:not([data-mode]) .highlight .p,html:not([data-mode]) .highlight .pi,html[data-mode=dark] .highlight .p,html[data-mode=dark] .highlight .pi{color:#d0d0d0}html:not([data-mode]) .highlight .gi,html[data-mode=dark] .highlight .gi{color:#90a959}html:not([data-mode]) .highlight .gd,html[data-mode=dark] .highlight .gd{color:#f08a8b;background-color:#320000}html:not([data-mode]) .highlight .gh,html[data-mode=dark] .highlight .gh{color:#6a9fb5;background-color:#151515;font-weight:bold}html:not([data-mode]) .highlight .k,html:not([data-mode]) .highlight .kn,html:not([data-mode]) .highlight .kp,html:not([data-mode]) .highlight .kr,html:not([data-mode]) .highlight .kv,html[data-mode=dark] .highlight .k,html[data-mode=dark] .highlight .kn,html[data-mode=dark] .highlight .kp,html[data-mode=dark] .highlight .kr,html[data-mode=dark] .highlight .kv{color:#aa759f}html:not([data-mode]) .highlight .kc,html[data-mode=dark] .highlight .kc{color:#d28445}html:not([data-mode]) .highlight .kt,html[data-mode=dark] .highlight .kt{color:#d28445}html:not([data-mode]) .highlight .kd,html[data-mode=dark] .highlight .kd{color:#d28445}html:not([data-mode]) .highlight .s,html:not([data-mode]) .highlight .sb,html:not([data-mode]) .highlight .sc,html:not([data-mode]) .highlight .dl,html:not([data-mode]) .highlight .sd,html:not([data-mode]) .highlight .s2,html:not([data-mode]) .highlight .sh,html:not([data-mode]) .highlight .sx,html:not([data-mode]) .highlight .s1,html[data-mode=dark] .highlight .s,html[data-mode=dark] .highlight .sb,html[data-mode=dark] .highlight .sc,html[data-mode=dark] .highlight .dl,html[data-mode=dark] .highlight .sd,html[data-mode=dark] .highlight .s2,html[data-mode=dark] .highlight .sh,html[data-mode=dark] .highlight .sx,html[data-mode=dark] .highlight .s1{color:#90a959}html:not([data-mode]) .highlight .sa,html[data-mode=dark] .highlight .sa{color:#aa759f}html:not([data-mode]) .highlight .sr,html[data-mode=dark] .highlight .sr{color:#75b5aa}html:not([data-mode]) .highlight .si,html[data-mode=dark] .highlight .si{color:#b76d45}html:not([data-mode]) .highlight .se,html[data-mode=dark] .highlight .se{color:#b76d45}html:not([data-mode]) .highlight .nn,html[data-mode=dark] .highlight .nn{color:#f4bf75}html:not([data-mode]) .highlight .nc,html[data-mode=dark] .highlight .nc{color:#f4bf75}html:not([data-mode]) .highlight .no,html[data-mode=dark] .highlight .no{color:#f4bf75}html:not([data-mode]) .highlight .na,html[data-mode=dark] .highlight .na{color:#6a9fb5}html:not([data-mode]) .highlight .m,html:not([data-mode]) .highlight .mb,html:not([data-mode]) .highlight .mf,html:not([data-mode]) .highlight .mh,html:not([data-mode]) .highlight .mi,html:not([data-mode]) .highlight .il,html:not([data-mode]) .highlight .mo,html:not([data-mode]) .highlight .mx,html[data-mode=dark] .highlight .m,html[data-mode=dark] .highlight .mb,html[data-mode=dark] .highlight .mf,html[data-mode=dark] .highlight .mh,html[data-mode=dark] .highlight .mi,html[data-mode=dark] .highlight .il,html[data-mode=dark] .highlight .mo,html[data-mode=dark] .highlight .mx{color:#90a959}html:not([data-mode]) .highlight .ss,html[data-mode=dark] .highlight .ss{color:#90a959}html[data-mode=light]{--language-border-color: #ececec;--highlight-bg-color: #f6f8fa;--highlighter-rouge-color: #3f596f;--highlight-lineno-color: #9e9e9e;--inline-code-bg: rgba(25, 25, 28, 0.05);--code-color: #3a3a3a;--code-header-text-color: #a3a3a3;--code-header-muted-color: #e5e5e5;--code-header-icon-color: #c9c8c8;--clipboard-checked-color: #43c743}html[data-mode=light] .highlight table td{padding:5px}html[data-mode=light] .highlight table pre{margin:0}html[data-mode=light] .highlight,html[data-mode=light] .highlight .w{color:#24292f;background-color:#f6f8fa}html[data-mode=light] .highlight .k,html[data-mode=light] .highlight .kd,html[data-mode=light] .highlight .kn,html[data-mode=light] .highlight .kp,html[data-mode=light] .highlight .kr,html[data-mode=light] .highlight .kt,html[data-mode=light] .highlight .kv{color:#cf222e}html[data-mode=light] .highlight .gr{color:#f6f8fa}html[data-mode=light] .highlight .gd{color:#82071e;background-color:#ffebe9}html[data-mode=light] .highlight .nb{color:#953800}html[data-mode=light] .highlight .nc{color:#953800}html[data-mode=light] .highlight .no{color:#953800}html[data-mode=light] .highlight .nn{color:#953800}html[data-mode=light] .highlight .sr{color:#116329}html[data-mode=light] .highlight .na{color:#116329}html[data-mode=light] .highlight .nt{color:#116329}html[data-mode=light] .highlight .gi{color:#116329;background-color:#dafbe1}html[data-mode=light] .highlight .kc{color:#0550ae}html[data-mode=light] .highlight .l,html[data-mode=light] .highlight .ld,html[data-mode=light] .highlight .m,html[data-mode=light] .highlight .mb,html[data-mode=light] .highlight .mf,html[data-mode=light] .highlight .mh,html[data-mode=light] .highlight .mi,html[data-mode=light] .highlight .il,html[data-mode=light] .highlight .mo,html[data-mode=light] .highlight .mx{color:#0550ae}html[data-mode=light] .highlight .sb{color:#0550ae}html[data-mode=light] .highlight .bp{color:#0550ae}html[data-mode=light] .highlight .ne{color:#0550ae}html[data-mode=light] .highlight .nl{color:#0550ae}html[data-mode=light] .highlight .py{color:#0550ae}html[data-mode=light] .highlight .nv,html[data-mode=light] .highlight .vc,html[data-mode=light] .highlight .vg,html[data-mode=light] .highlight .vi,html[data-mode=light] .highlight .vm{color:#0550ae}html[data-mode=light] .highlight .o,html[data-mode=light] .highlight .ow{color:#0550ae}html[data-mode=light] .highlight .gh{color:#0550ae;font-weight:bold}html[data-mode=light] .highlight .gu{color:#0550ae;font-weight:bold}html[data-mode=light] .highlight .s,html[data-mode=light] .highlight .sa,html[data-mode=light] .highlight .sc,html[data-mode=light] .highlight .dl,html[data-mode=light] .highlight .sd,html[data-mode=light] .highlight .s2,html[data-mode=light] .highlight .se,html[data-mode=light] .highlight .sh,html[data-mode=light] .highlight .sx,html[data-mode=light] .highlight .s1,html[data-mode=light] .highlight .ss{color:#0a3069}html[data-mode=light] .highlight .nd{color:#8250df}html[data-mode=light] .highlight .nf,html[data-mode=light] .highlight .fm{color:#8250df}html[data-mode=light] .highlight .err{color:#f6f8fa;background-color:#82071e}html[data-mode=light] .highlight .c,html[data-mode=light] .highlight .ch,html[data-mode=light] .highlight .cd,html[data-mode=light] .highlight .cm,html[data-mode=light] .highlight .cp,html[data-mode=light] .highlight .cpf,html[data-mode=light] .highlight .c1,html[data-mode=light] .highlight .cs{color:#68717a}html[data-mode=light] .highlight .gl{color:#68717a}html[data-mode=light] .highlight .gt{color:#68717a}html[data-mode=light] .highlight .ni{color:#24292f}html[data-mode=light] .highlight .si{color:#24292f}html[data-mode=light] .highlight .ge{color:#24292f;font-style:italic}html[data-mode=light] .highlight .gs{color:#24292f;font-weight:bold}}div[class^=language-],figure.highlight,.highlight{background-color:var(--highlight-bg-color)}td.rouge-code{padding-left:1rem;padding-right:1.5rem}.highlighter-rouge{color:var(--highlighter-rouge-color);margin-top:.5rem;margin-bottom:1.2em}.highlight{overflow:auto;padding-bottom:.75rem}.highlight pre{margin-bottom:0;font-size:.85rem;line-height:1.4rem;word-wrap:normal}.highlight table td:first-child{display:inline-block;margin-left:1rem;margin-right:.75rem}.highlight table td:last-child{padding-right:2rem !important}.highlight table td pre{overflow:visible;word-break:normal}.highlight .lineno{text-align:right;color:var(--highlight-lineno-color);-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}code{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--code-color)}code.highlighter-rouge{font-size:.85rem;padding:3px 5px;word-break:break-word;border-radius:6px;background-color:var(--inline-code-bg)}code.filepath{background-color:inherit;color:var(--filepath-text-color);font-weight:600;padding:0}a>code.highlighter-rouge{padding-bottom:0;color:inherit}a:hover>code.highlighter-rouge{border-bottom:none}blockquote code{color:inherit}td.rouge-code a{color:inherit !important;border-bottom:none !important;pointer-events:none}div[class^=language-]{box-shadow:var(--language-border-color) 0 0 0 1px}.content>div[class^=language-]{margin-left:-1rem;margin-right:-1rem;border-radius:0}div[class^=language-] .highlight{border-top-left-radius:0;border-top-right-radius:0}div.nolineno td:first-child,div.language-plaintext td:first-child,div.language-console td:first-child,div.language-terminal td:first-child{padding:0 !important;margin-right:0}div.nolineno td:first-child .lineno,div.language-plaintext td:first-child .lineno,div.language-console td:first-child .lineno,div.language-terminal td:first-child .lineno{display:none}.code-header{display:flex;justify-content:space-between;align-items:center;height:2.25rem;margin-left:.75rem;margin-right:.25rem}.code-header span{line-height:2.25rem}.code-header span i{font-size:1rem;width:1.75rem;color:var(--code-header-icon-color)}.code-header span i.small{font-size:70%}[file] .code-header span>i{position:relative;top:1px}.code-header span::after{content:attr(data-label-text);font-size:.85rem;font-weight:600;color:var(--code-header-text-color)}.code-header button{border:1px solid rgba(0,0,0,0);height:2.25rem;width:2.25rem;padding:0;background-color:inherit}.code-header button i{color:var(--code-header-icon-color)}.code-header button[timeout]:hover{border-color:var(--clipboard-checked-color)}.code-header button[timeout] i{color:var(--clipboard-checked-color)}.code-header button:focus{outline:none}.code-header button:not([timeout]):hover{background-color:rgba(128,128,128,.37)}.code-header button:not([timeout]):hover i{color:#fff}@media all and (min-width: 576px){.content>div[class^=language-]{margin-left:0;margin-right:0;border-radius:10px}div[class^=language-] .code-header{margin-left:0;margin-right:0}div[class^=language-] .code-header::before{content:"";display:inline-block;margin-left:1rem;width:.75rem;height:.75rem;border-radius:50%;background-color:var(--code-header-muted-color);box-shadow:1.25rem 0 0 var(--code-header-muted-color),2.5rem 0 0 var(--code-header-muted-color)}div[class^=language-] .code-header span{margin-left:-0.875rem}}html{font-size:16px}@media(prefers-color-scheme: light){html:not([data-mode]),html[data-mode=light]{--main-bg: white;--mask-bg: #c1c3c5;--main-border-color: #f3f3f3;--text-color: #34343c;--text-muted-color: #757575;--text-muted-highlight-color: inherit;--heading-color: #2a2a2a;--label-color: #585858;--blockquote-border-color: #eeeeee;--blockquote-text-color: #757575;--link-color: #0056b2;--link-underline-color: #dee2e6;--button-bg: #ffffff;--btn-border-color: #e9ecef;--btn-backtotop-color: #686868;--btn-backtotop-border-color: #f1f1f1;--checkbox-color: #c5c5c5;--checkbox-checked-color: #07a8f7;--img-bg: radial-gradient( circle, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100% );--shimmer-bg: linear-gradient( 90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100% );--site-title-color: rgb(113, 113, 113);--site-subtitle-color: #717171;--sidebar-bg: #f6f8fa;--sidebar-border-color: #efefef;--sidebar-muted-color: #545454;--sidebar-active-color: #1d1d1d;--sidebar-hover-bg: rgb(223, 233, 241, 0.64);--sidebar-btn-bg: white;--sidebar-btn-color: #8e8e8e;--avatar-border-color: white;--topbar-bg: rgb(255, 255, 255, 0.7);--topbar-text-color: rgb(78, 78, 78);--search-border-color: rgb(240, 240, 240);--search-icon-color: #c2c6cc;--input-focus-border-color: #b8b8b8;--post-list-text-color: dimgray;--btn-patinator-text-color: #555555;--btn-paginator-hover-color: var(--sidebar-bg);--toc-highlight: #0550ae;--toc-popup-border-color: lightgray;--btn-share-color: gray;--btn-share-hover-color: #0d6efd;--card-bg: white;--card-hovor-bg: #e2e2e2;--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0, rgba(211, 209, 209, 0.15) 0 0 0 1px;--footnote-target-bg: lightcyan;--tb-odd-bg: #fbfcfd;--tb-border-color: #eaeaea;--dash-color: silver;--kbd-wrap-color: #bdbdbd;--kbd-text-color: var(--text-color);--kbd-bg-color: white;--prompt-text-color: rgb(46, 46, 46, 0.77);--prompt-tip-bg: rgb(123, 247, 144, 0.2);--prompt-tip-icon-color: #03b303;--prompt-info-bg: #e1f5fe;--prompt-info-icon-color: #0070cb;--prompt-warning-bg: rgb(255, 243, 205);--prompt-warning-icon-color: #ef9c03;--prompt-danger-bg: rgb(248, 215, 218, 0.56);--prompt-danger-icon-color: #df3c30;--tag-border: #dee2e6;--tag-shadow: var(--btn-border-color);--tag-hover: rgb(222, 226, 230);--search-tag-bg: #f8f9fa;--categories-border: rgba(0, 0, 0, 0.125);--categories-hover-bg: var(--btn-border-color);--categories-icon-hover-color: darkslategray;--timeline-color: rgba(0, 0, 0, 0.075);--timeline-node-bg: #c2c6cc;--timeline-year-dot-color: #ffffff}html:not([data-mode]) [class^=prompt-],html[data-mode=light] [class^=prompt-]{--link-underline-color: rgb(219, 216, 216)}html:not([data-mode]) .dark,html[data-mode=light] .dark{display:none}html[data-mode=dark]{--main-bg: rgb(27, 27, 30);--mask-bg: rgb(68, 69, 70);--main-border-color: rgb(44, 45, 45);--text-color: rgb(175, 176, 177);--text-muted-color: #868686;--text-muted-highlight-color: #aeaeae;--heading-color: #cccccc;--label-color: #a7a7a7;--blockquote-border-color: rgb(66, 66, 66);--blockquote-text-color: #868686;--link-color: rgb(138, 180, 248);--link-underline-color: rgb(82, 108, 150);--button-bg: #1e1e1e;--btn-border-color: #2e2f31;--btn-backtotop-color: var(--text-color);--btn-backtotop-border-color: #212122;--card-header-bg: #292929;--checkbox-color: rgb(118, 120, 121);--checkbox-checked-color: var(--link-color);--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);--shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(58, 55, 55, 0.4) 50%, rgba(255, 255, 255, 0) 100% );--site-title-color: #717070;--site-subtitle-color: #868686;--sidebar-bg: #1e1e1e;--sidebar-border-color: #292929;--sidebar-muted-color: #868686;--sidebar-active-color: rgb(255, 255, 255, 0.95);--sidebar-hover-bg: #262626;--sidebar-btn-bg: #232328;--sidebar-btn-color: #787878;--avatar-border-color: rgb(206, 206, 206, 0.9);--topbar-bg: rgb(27, 27, 30, 0.64);--topbar-text-color: var(--text-color);--search-border-color: rgb(55, 55, 55);--search-icon-color: rgb(100, 102, 105);--input-focus-border-color: rgb(112, 114, 115);--post-list-text-color: rgb(175, 176, 177);--btn-patinator-text-color: var(--text-color);--btn-paginator-hover-color: #2e2e2e;--toc-highlight: rgb(116, 178, 243);--toc-popup-border-color: #373737;--tag-hover: rgb(43, 56, 62);--tb-odd-bg: #252526;--tb-even-bg: rgb(31, 31, 34);--tb-border-color: var(--tb-odd-bg);--footnote-target-bg: rgb(63, 81, 181);--btn-share-color: #6c757d;--btn-share-hover-color: #bfc1ca;--card-bg: #1e1e1e;--card-hovor-bg: #464d51;--card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0, rgb(137, 135, 135, 0.24) 0 0 0 1px;--kbd-wrap-color: #6a6a6a;--kbd-text-color: #d3d3d3;--kbd-bg-color: #242424;--prompt-text-color: rgb(216, 212, 212, 0.75);--prompt-tip-bg: rgb(22, 60, 36, 0.64);--prompt-tip-icon-color: rgb(15, 164, 15, 0.81);--prompt-info-bg: rgb(7, 59, 104, 0.8);--prompt-info-icon-color: #0075d1;--prompt-warning-bg: rgb(90, 69, 3, 0.88);--prompt-warning-icon-color: rgb(255, 165, 0, 0.8);--prompt-danger-bg: rgb(86, 28, 8, 0.8);--prompt-danger-icon-color: #cd0202;--tag-border: rgb(59, 79, 88);--tag-shadow: rgb(32, 33, 33);--dash-color: rgb(63, 65, 68);--search-tag-bg: #292828;--categories-border: rgb(64, 66, 69, 0.5);--categories-hover-bg: rgb(73, 75, 76);--categories-icon-hover-color: white;--timeline-node-bg: rgb(150, 152, 156);--timeline-color: rgb(63, 65, 68);--timeline-year-dot-color: var(--timeline-color);color-scheme:dark}html[data-mode=dark] .light{display:none}html[data-mode=dark] .categories.card,html[data-mode=dark] .list-group-item{background-color:var(--card-bg)}html[data-mode=dark] .categories .card-header{background-color:var(--card-header-bg)}html[data-mode=dark] .categories .list-group-item{border-left:none;border-right:none;padding-left:2rem;border-color:var(--categories-border)}html[data-mode=dark] .categories .list-group-item:last-child{border-bottom-color:var(--card-bg)}html[data-mode=dark] #archives li:nth-child(odd){background-image:linear-gradient(to left, rgb(26, 26, 30), rgb(39, 39, 45), rgb(39, 39, 45), rgb(39, 39, 45), rgb(26, 26, 30))}html[data-mode=dark] #disqus_thread{color-scheme:none}}@media(prefers-color-scheme: dark){html:not([data-mode]),html[data-mode=dark]{--main-bg: rgb(27, 27, 30);--mask-bg: rgb(68, 69, 70);--main-border-color: rgb(44, 45, 45);--text-color: rgb(175, 176, 177);--text-muted-color: #868686;--text-muted-highlight-color: #aeaeae;--heading-color: #cccccc;--label-color: #a7a7a7;--blockquote-border-color: rgb(66, 66, 66);--blockquote-text-color: #868686;--link-color: rgb(138, 180, 248);--link-underline-color: rgb(82, 108, 150);--button-bg: #1e1e1e;--btn-border-color: #2e2f31;--btn-backtotop-color: var(--text-color);--btn-backtotop-border-color: #212122;--card-header-bg: #292929;--checkbox-color: rgb(118, 120, 121);--checkbox-checked-color: var(--link-color);--img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);--shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(58, 55, 55, 0.4) 50%, rgba(255, 255, 255, 0) 100% );--site-title-color: #717070;--site-subtitle-color: #868686;--sidebar-bg: #1e1e1e;--sidebar-border-color: #292929;--sidebar-muted-color: #868686;--sidebar-active-color: rgb(255, 255, 255, 0.95);--sidebar-hover-bg: #262626;--sidebar-btn-bg: #232328;--sidebar-btn-color: #787878;--avatar-border-color: rgb(206, 206, 206, 0.9);--topbar-bg: rgb(27, 27, 30, 0.64);--topbar-text-color: var(--text-color);--search-border-color: rgb(55, 55, 55);--search-icon-color: rgb(100, 102, 105);--input-focus-border-color: rgb(112, 114, 115);--post-list-text-color: rgb(175, 176, 177);--btn-patinator-text-color: var(--text-color);--btn-paginator-hover-color: #2e2e2e;--toc-highlight: rgb(116, 178, 243);--toc-popup-border-color: #373737;--tag-hover: rgb(43, 56, 62);--tb-odd-bg: #252526;--tb-even-bg: rgb(31, 31, 34);--tb-border-color: var(--tb-odd-bg);--footnote-target-bg: rgb(63, 81, 181);--btn-share-color: #6c757d;--btn-share-hover-color: #bfc1ca;--card-bg: #1e1e1e;--card-hovor-bg: #464d51;--card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0, rgb(137, 135, 135, 0.24) 0 0 0 1px;--kbd-wrap-color: #6a6a6a;--kbd-text-color: #d3d3d3;--kbd-bg-color: #242424;--prompt-text-color: rgb(216, 212, 212, 0.75);--prompt-tip-bg: rgb(22, 60, 36, 0.64);--prompt-tip-icon-color: rgb(15, 164, 15, 0.81);--prompt-info-bg: rgb(7, 59, 104, 0.8);--prompt-info-icon-color: #0075d1;--prompt-warning-bg: rgb(90, 69, 3, 0.88);--prompt-warning-icon-color: rgb(255, 165, 0, 0.8);--prompt-danger-bg: rgb(86, 28, 8, 0.8);--prompt-danger-icon-color: #cd0202;--tag-border: rgb(59, 79, 88);--tag-shadow: rgb(32, 33, 33);--dash-color: rgb(63, 65, 68);--search-tag-bg: #292828;--categories-border: rgb(64, 66, 69, 0.5);--categories-hover-bg: rgb(73, 75, 76);--categories-icon-hover-color: white;--timeline-node-bg: rgb(150, 152, 156);--timeline-color: rgb(63, 65, 68);--timeline-year-dot-color: var(--timeline-color);color-scheme:dark}html:not([data-mode]) .light,html[data-mode=dark] .light{display:none}html:not([data-mode]) .categories.card,html:not([data-mode]) .list-group-item,html[data-mode=dark] .categories.card,html[data-mode=dark] .list-group-item{background-color:var(--card-bg)}html:not([data-mode]) .categories .card-header,html[data-mode=dark] .categories .card-header{background-color:var(--card-header-bg)}html:not([data-mode]) .categories .list-group-item,html[data-mode=dark] .categories .list-group-item{border-left:none;border-right:none;padding-left:2rem;border-color:var(--categories-border)}html:not([data-mode]) .categories .list-group-item:last-child,html[data-mode=dark] .categories .list-group-item:last-child{border-bottom-color:var(--card-bg)}html:not([data-mode]) #archives li:nth-child(odd),html[data-mode=dark] #archives li:nth-child(odd){background-image:linear-gradient(to left, rgb(26, 26, 30), rgb(39, 39, 45), rgb(39, 39, 45), rgb(39, 39, 45), rgb(26, 26, 30))}html:not([data-mode]) #disqus_thread,html[data-mode=dark] #disqus_thread{color-scheme:none}html[data-mode=light]{--main-bg: white;--mask-bg: #c1c3c5;--main-border-color: #f3f3f3;--text-color: #34343c;--text-muted-color: #757575;--text-muted-highlight-color: inherit;--heading-color: #2a2a2a;--label-color: #585858;--blockquote-border-color: #eeeeee;--blockquote-text-color: #757575;--link-color: #0056b2;--link-underline-color: #dee2e6;--button-bg: #ffffff;--btn-border-color: #e9ecef;--btn-backtotop-color: #686868;--btn-backtotop-border-color: #f1f1f1;--checkbox-color: #c5c5c5;--checkbox-checked-color: #07a8f7;--img-bg: radial-gradient( circle, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100% );--shimmer-bg: linear-gradient( 90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100% );--site-title-color: rgb(113, 113, 113);--site-subtitle-color: #717171;--sidebar-bg: #f6f8fa;--sidebar-border-color: #efefef;--sidebar-muted-color: #545454;--sidebar-active-color: #1d1d1d;--sidebar-hover-bg: rgb(223, 233, 241, 0.64);--sidebar-btn-bg: white;--sidebar-btn-color: #8e8e8e;--avatar-border-color: white;--topbar-bg: rgb(255, 255, 255, 0.7);--topbar-text-color: rgb(78, 78, 78);--search-border-color: rgb(240, 240, 240);--search-icon-color: #c2c6cc;--input-focus-border-color: #b8b8b8;--post-list-text-color: dimgray;--btn-patinator-text-color: #555555;--btn-paginator-hover-color: var(--sidebar-bg);--toc-highlight: #0550ae;--toc-popup-border-color: lightgray;--btn-share-color: gray;--btn-share-hover-color: #0d6efd;--card-bg: white;--card-hovor-bg: #e2e2e2;--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0, rgba(211, 209, 209, 0.15) 0 0 0 1px;--footnote-target-bg: lightcyan;--tb-odd-bg: #fbfcfd;--tb-border-color: #eaeaea;--dash-color: silver;--kbd-wrap-color: #bdbdbd;--kbd-text-color: var(--text-color);--kbd-bg-color: white;--prompt-text-color: rgb(46, 46, 46, 0.77);--prompt-tip-bg: rgb(123, 247, 144, 0.2);--prompt-tip-icon-color: #03b303;--prompt-info-bg: #e1f5fe;--prompt-info-icon-color: #0070cb;--prompt-warning-bg: rgb(255, 243, 205);--prompt-warning-icon-color: #ef9c03;--prompt-danger-bg: rgb(248, 215, 218, 0.56);--prompt-danger-icon-color: #df3c30;--tag-border: #dee2e6;--tag-shadow: var(--btn-border-color);--tag-hover: rgb(222, 226, 230);--search-tag-bg: #f8f9fa;--categories-border: rgba(0, 0, 0, 0.125);--categories-hover-bg: var(--btn-border-color);--categories-icon-hover-color: darkslategray;--timeline-color: rgba(0, 0, 0, 0.075);--timeline-node-bg: #c2c6cc;--timeline-year-dot-color: #ffffff}html[data-mode=light] [class^=prompt-]{--link-underline-color: rgb(219, 216, 216)}html[data-mode=light] .dark{display:none}}body{background:var(--main-bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:"Source Sans Pro","Microsoft Yahei",sans-serif}h1{font-size:2rem}main h2{margin:2.5rem 0 1.25rem}h2{font-size:1.54rem}main h3{margin:2rem 0 1rem}h3{font-size:1.36rem}main h4{margin:2rem 0 1rem}h4{font-size:1.18rem}h5{font-size:1.05rem}a{text-decoration:none}img{max-width:100%;height:auto;transition:all .35s ease-in-out}.blur img{-webkit-filter:blur(20px);filter:blur(20px)}blockquote{border-left:.125rem solid var(--blockquote-border-color);padding-left:1rem;color:var(--blockquote-text-color);margin-top:.5rem}blockquote>p:last-child{margin-bottom:0}blockquote[class^=prompt-]{border-left:0;position:relative;padding:1rem 1rem 1rem 3rem;color:var(--prompt-text-color)}blockquote[class^=prompt-]::before{text-align:center;width:3rem;position:absolute;left:.25rem;margin-top:.4rem;text-rendering:auto;-webkit-font-smoothing:antialiased}blockquote.prompt-tip{background-color:var(--prompt-tip-bg)}blockquote.prompt-tip::before{content:"";color:var(--prompt-tip-icon-color);font:var(--fa-font-regular)}blockquote.prompt-info{background-color:var(--prompt-info-bg)}blockquote.prompt-info::before{content:"";color:var(--prompt-info-icon-color);font:var(--fa-font-solid);transform:rotate(180deg)}blockquote.prompt-warning{background-color:var(--prompt-warning-bg)}blockquote.prompt-warning::before{content:"";color:var(--prompt-warning-icon-color);font:var(--fa-font-solid)}blockquote.prompt-danger{background-color:var(--prompt-danger-bg)}blockquote.prompt-danger::before{content:"";color:var(--prompt-danger-icon-color);font:var(--fa-font-solid)}kbd{font-family:Lato,sans-serif;display:inline-block;vertical-align:middle;line-height:1.3rem;min-width:1.75rem;text-align:center;margin:0 .3rem;padding-top:.1rem;color:var(--kbd-text-color);background-color:var(--kbd-bg-color);border-radius:6px;border:solid 1px var(--kbd-wrap-color);box-shadow:inset 0 -2px 0 var(--kbd-wrap-color)}hr{border-color:var(--main-border-color);opacity:1}footer{background-color:var(--main-bg);height:5rem;border-top:1px solid var(--main-border-color)}footer p{text-align:center;margin-bottom:0}.access{top:2rem;transition:top .2s ease-in-out;margin-top:3rem;margin-bottom:4rem}.access:only-child{position:-webkit-sticky;position:sticky}.access>section{padding-left:1rem;border-left:1px solid var(--main-border-color)}.access>section:not(:last-child){margin-bottom:4rem}.access .content{font-size:.9rem}#panel-wrapper .panel-heading{font-family:inherit;line-height:inherit;color:var(--label-color);font-size:inherit;font-weight:600}#panel-wrapper .post-tag{line-height:1.05rem;font-size:.85rem;border-radius:.8rem;padding:.3rem .5rem;margin:0 .35rem .5rem 0}#panel-wrapper .post-tag:hover{transition:all .3s ease-in}#access-lastmod a{color:inherit}.footnotes>ol{padding-left:2rem;margin-top:.5rem}.footnotes>ol>li:not(:last-child){margin-bottom:.3rem}.footnotes>ol>li>p{margin-left:.25em;margin-top:0;margin-bottom:0}a.footnote{margin-left:1px;margin-right:1px;padding-left:2px;padding-right:2px;border-bottom-style:none !important}a.reversefootnote{font-size:.6rem;line-height:1;position:relative;bottom:.25em;margin-left:.25em;border-bottom-style:none !important}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.table-wrapper>table{min-width:100%;overflow-x:auto;border-spacing:0}.table-wrapper>table thead{border-bottom:solid 2px rgba(210,215,217,.75)}.table-wrapper>table tbody tr{border-bottom:1px solid var(--tb-border-color)}.table-wrapper>table tbody tr:nth-child(2n){background-color:var(--tb-even-bg)}.table-wrapper>table tbody tr:nth-child(2n+1){background-color:var(--tb-odd-bg)}.preview-img{aspect-ratio:40/21;width:100%;height:100%;overflow:hidden}.preview-img:not(.no-bg){background:var(--img-bg)}.preview-img img{height:100%;-o-object-fit:cover;object-fit:cover}#post-list .preview-img img{width:100%}.post-preview{border:0;background:var(--card-bg);box-shadow:var(--card-shadow)}.post-preview::before{content:"";width:100%;height:100%;position:absolute;background-color:var(--card-hovor-bg);opacity:0;transition:opacity .35s ease-in-out}.post-preview:hover::before{opacity:.3}main{line-height:1.75}main h1{margin-top:2rem}main p>a.popup:not(.normal):not(.left):not(.right){position:relative;left:50%;transform:translateX(-50%)}.content{font-size:1.08rem;margin-top:2rem;overflow-wrap:break-word}.content a.popup{margin-top:.5rem;margin-bottom:.5rem;cursor:zoom-in}.content ol:not([class]),.content ol.task-list,.content ul:not([class]),.content ul.task-list{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}.content ol:not([class]) li,.content ol.task-list li,.content ul:not([class]) li,.content ul.task-list li{margin:.25rem 0;padding-left:.25rem}.content ol:not([class]) ol,.content ol:not([class]) ul,.content ol.task-list ol,.content ol.task-list ul,.content ul:not([class]) ol,.content ul:not([class]) ul,.content ul.task-list ol,.content ul.task-list ul{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem;margin:.5rem 0}.content ul.task-list{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.content ul.task-list li{list-style-type:none;padding-left:0}.content ul.task-list li>i{width:2rem;margin-left:-1.25rem;color:var(--checkbox-color)}.content ul.task-list li>i.checked{color:var(--checkbox-checked-color)}.content ul.task-list li ul{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}.content ul.task-list input[type=checkbox]{margin:0 .5rem .2rem -1.3rem;vertical-align:middle}.content dl>dd{margin-left:1rem}.content ::marker{color:var(--text-muted-color)}.post-tag{display:inline-block;min-width:2rem;text-align:center;border-radius:.5rem;border:1px solid var(--btn-border-color);padding:0 .4rem;color:var(--text-muted-color);line-height:1.3rem}.post-tag:not(:last-child){margin-right:.2rem}.rounded-10{border-radius:10px !important}.img-link{color:rgba(0,0,0,0);display:inline-flex}.shimmer{overflow:hidden;position:relative;background:var(--img-bg)}.shimmer::before{content:"";position:absolute;background:var(--shimmer-bg);height:100%;width:100%;-webkit-animation:shimmer 1.3s infinite;animation:shimmer 1.3s infinite}@-webkit-keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.embed-video{width:100%;height:100%;margin-bottom:1rem;aspect-ratio:16/9}.embed-video.twitch{aspect-ratio:310/189}.embed-video.file{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;margin-bottom:0}.embed-audio{width:100%;display:block}.btn-lang{border:1px solid !important;padding:1px 3px;border-radius:3px;color:var(--link-color)}.btn-lang:focus{box-shadow:none}.flex-grow-1{flex-grow:1 !important}.btn-box-shadow{box-shadow:var(--card-shadow)}.text-muted{color:var(--text-muted-color) !important}.tooltip-inner{font-size:.7rem;max-width:220px;text-align:left}.btn.btn-outline-primary:not(.disabled):hover{border-color:#007bff !important}.disabled{color:#cec4c4;pointer-events:auto;cursor:not-allowed}.hide-border-bottom{border-bottom:none !important}.input-focus{box-shadow:none;border-color:var(--input-focus-border-color) !important;background:center !important;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.left{float:left;margin:.75rem 1rem 1rem 0}.right{float:right;margin:.75rem 0 1rem 1rem}.mermaid{text-align:center}mjx-container{overflow-y:hidden;min-width:auto !important}#sidebar{padding-left:0;padding-right:0;position:fixed;top:0;left:0;height:100%;overflow-y:auto;width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border-color);-ms-overflow-style:none;scrollbar-width:none}#sidebar::-webkit-scrollbar{display:none}#sidebar .sidebar-bottom #mode-toggle:hover,#sidebar .sidebar-bottom a:hover,#sidebar .site-title:hover{color:var(--sidebar-active-color)}#sidebar #avatar{display:block;width:7rem;height:7rem;overflow:hidden;box-shadow:var(--avatar-border-color) 0 0 0 2px;transform:translateZ(0)}#sidebar #avatar img{transition:transform .5s}#sidebar #avatar img:hover{transform:scale(1.2)}#sidebar .profile-wrapper{margin-top:.5rem;margin-bottom:.5rem;padding-left:2.5rem;padding-right:1.25rem;width:100%}#sidebar .site-title{font-family:inherit;font-weight:900;font-size:1.75rem;line-height:1.2;letter-spacing:.25px;margin-top:1.25rem;margin-bottom:.5rem;width:fit-content;color:var(--site-title-color)}#sidebar .site-subtitle{font-size:95%;color:var(--site-subtitle-color);margin-top:.25rem;word-spacing:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#sidebar ul{margin-bottom:2rem}#sidebar ul li.nav-item{opacity:.9;width:100%;padding-left:1.5rem;padding-right:1.5rem}#sidebar ul li.nav-item a.nav-link{padding-top:.6rem;padding-bottom:.6rem;display:flex;align-items:center;border-radius:.75rem;font-weight:600}#sidebar ul li.nav-item a.nav-link:hover{background-color:var(--sidebar-hover-bg)}#sidebar ul li.nav-item a.nav-link i{font-size:95%;opacity:.8;margin-right:1.5rem}#sidebar ul li.nav-item a.nav-link span{font-size:90%;letter-spacing:.2px}#sidebar ul li.nav-item.active .nav-link{color:var(--sidebar-active-color);background-color:var(--sidebar-hover-bg)}#sidebar ul li.nav-item.active .nav-link span{opacity:1}#sidebar ul li.nav-item:not(:first-child){margin-top:.25rem}#sidebar .sidebar-bottom{padding-left:2rem;padding-right:1rem;margin-bottom:1.5rem}#sidebar .sidebar-bottom #mode-toggle,#sidebar .sidebar-bottom a{width:1.75rem;height:1.75rem;margin-bottom:.5rem;border-radius:50%;color:var(--sidebar-btn-color);background-color:var(--sidebar-btn-bg);text-align:center;display:flex;align-items:center;justify-content:center}#sidebar .sidebar-bottom #mode-toggle:not(:focus-visible),#sidebar .sidebar-bottom a:not(:focus-visible){box-shadow:var(--sidebar-border-color) 0 0 0 1px}#sidebar .sidebar-bottom #mode-toggle:hover,#sidebar .sidebar-bottom a:hover{background-color:var(--sidebar-hover-bg)}#sidebar .sidebar-bottom a:not(:last-child){margin-right:.8rem}#sidebar .sidebar-bottom i{line-height:1.75rem}#sidebar .sidebar-bottom .icon-border{margin-left:calc((.8rem - 3px)/2);margin-right:calc((.8rem - 3px)/2);background-color:var(--sidebar-btn-color);content:"";width:3px;height:3px;border-radius:50%;margin-bottom:.5rem}@media(hover: hover){#sidebar ul>li:last-child::after{transition:top .5s ease}.nav-link{transition:background-color .3s ease-in-out}.post-preview{transition:background-color .35s ease-in-out}}#search-result-wrapper{display:none;height:100%;width:100%;overflow:auto}#search-result-wrapper .content{margin-top:2rem}#topbar-wrapper{height:3rem;background-color:var(--topbar-bg)}#topbar #breadcrumb{font-size:1rem;color:var(--text-muted-color);padding-left:.5rem}#topbar #breadcrumb span:not(:last-child)::after{content:"›";padding:0 .3rem}::-webkit-input-placeholder{color:var(--text-muted-color) !important}::-moz-placeholder{color:var(--text-muted-color) !important}:-ms-input-placeholder{color:var(--text-muted-color) !important}::-ms-input-placeholder{color:var(--text-muted-color) !important}::placeholder{color:var(--text-muted-color) !important}:focus::-webkit-input-placeholder{opacity:.6}:focus::-moz-placeholder{opacity:.6}:focus:-ms-input-placeholder{opacity:.6}:focus::-ms-input-placeholder{opacity:.6}:focus::placeholder{opacity:.6}search{display:flex;width:100%;border-radius:1rem;border:1px solid var(--search-border-color);background:var(--main-bg);padding:0 .5rem}search i{z-index:2;font-size:.9rem;color:var(--search-icon-color)}#sidebar-trigger,#search-trigger{display:none}#search-cancel{color:var(--link-color);display:none;white-space:nowrap}#search-input{background:center;border:0;border-radius:0;padding:.18rem .3rem;color:var(--text-color);height:auto}#search-input:focus{box-shadow:none}#search-hints{padding:0 1rem}#search-hints h4{margin-bottom:1.5rem}#search-hints .post-tag{display:inline-block;line-height:1rem;font-size:1rem;background:var(--search-tag-bg);border:none;padding:.5rem;margin:0 1.25rem 1rem 0}#search-hints .post-tag::before{content:"#";color:var(--text-muted-color);padding-right:.2rem}#search-results{padding-bottom:3rem}#search-results a{font-size:1.4rem;line-height:1.5rem}#search-results>article{width:100%}#search-results>article:not(:last-child){margin-bottom:1rem}#search-results>article i{color:#818182;margin-right:.15rem;font-size:80%}#search-results>article>p{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#topbar-title{display:none;font-size:1.1rem;font-weight:600;font-family:sans-serif;color:var(--topbar-text-color);text-align:center;width:70%;word-break:keep-all}#mask{inset:0 0 0 0}#main-wrapper{position:relative;padding-left:0;padding-right:0}#main-wrapper>.container{min-height:100vh}#topbar-wrapper.row,#main-wrapper>.container>.row,#search-result-wrapper>.row{margin-left:0;margin-right:0}#tail-wrapper>:not(script){margin-top:3rem}#back-to-top{visibility:hidden;opacity:0;z-index:1;cursor:pointer;position:fixed;right:1rem;bottom:4.625rem;background:var(--button-bg);color:var(--btn-backtotop-color);padding:0;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--btn-backtotop-border-color);transition:opacity .5s ease-in-out,transform .2s ease-out}#back-to-top:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0)}#back-to-top i{line-height:2.75rem;position:relative;bottom:2px}#back-to-top.show{opacity:1;visibility:visible}@-webkit-keyframes popup{from{opacity:0;bottom:0}}@keyframes popup{from{opacity:0;bottom:0}}#notification .toast-header{background:none;border-bottom:none;color:inherit}#notification .toast-body{font-family:Lato,sans-serif;line-height:1.25rem}#notification .toast-body button{font-size:90%;min-width:4rem}#notification.toast.show{display:block;min-width:20rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5);color:rgba(27,27,30,.7294117647);position:fixed;left:50%;bottom:20%;transform:translateX(-50%);-webkit-animation:popup .8s;animation:popup .8s}@media all and (max-width: 576px){main .content>blockquote[class^=prompt-]{margin-left:-1rem;margin-right:-1rem;border-radius:0;max-width:none}#avatar{width:5rem;height:5rem}}@media all and (max-width: 768px){#main-wrapper>.container,#topbar{max-width:100%}#main-wrapper>.container{padding-left:0;padding-right:0}}@media all and (max-width: 849px){footer{transition:transform .4s ease;height:6rem;padding:1.5rem 0}[sidebar-display] #sidebar{transform:translateX(0)}[sidebar-display] #main-wrapper{transform:translateX(260px)}[sidebar-display] #back-to-top{visibility:hidden}#sidebar{transition:transform .4s ease;transform:translateX(-260px);-webkit-transform:translateX(-260px)}#main-wrapper{transition:transform .4s ease}#topbar,#main-wrapper>.container{max-width:100%}#search-result-wrapper{width:100%}#breadcrumb,search{display:none}#topbar-wrapper{transition:transform .4s ease,top .2s ease;left:0}main,#panel-wrapper{margin-top:0}#topbar-title,#sidebar-trigger,#search-trigger{display:block}#search-result-wrapper .content{letter-spacing:0}#tags{justify-content:center !important}h1.dynamic-title{display:none}h1.dynamic-title~.content{margin-top:2.5rem}}@media all and (min-width: 850px){html{overflow-y:scroll}#main-wrapper{margin-left:260px}#sidebar .profile-wrapper{margin-top:3rem}#search-hints{display:none}search{max-width:200px}#search-result-wrapper{max-width:1250px;justify-content:start !important}main h1{margin-top:3rem}div.content .table-wrapper>table{min-width:70%}#back-to-top{right:5%;bottom:3.625rem}#topbar-title{text-align:left}}@media all and (min-width: 992px)and (max-width: 1199px){#main-wrapper>.container .col-lg-11{flex:0 0 96%;max-width:96%}}@media all and (min-width: 850px)and (max-width: 1199px){#search-results>div{max-width:700px}#breadcrumb{width:65%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}}@media all and (max-width: 1199px){#panel-wrapper{display:none}#main-wrapper>.container>div.row{justify-content:center !important}}@media all and (min-width: 1200px){search{margin-right:4rem}#search-input{transition:all .3s ease-in-out}#search-results>article{width:45%}#search-results>article:nth-child(odd){margin-right:1.5rem}#search-results>article:nth-child(even){margin-left:1.5rem}#search-results>article:last-child:nth-child(odd){position:relative;right:24.3%}.content{font-size:1.03rem}}@media all and (min-width: 1400px){#back-to-top{right:calc((100vw - 260px - 1140px)/2 + 3rem)}}@media all and (min-width: 1650px){#main-wrapper{margin-left:300px}#topbar-wrapper{left:300px}search{margin-right:calc(112.5px - .75rem)}#main-wrapper>.container{max-width:1250px;padding-left:1.75rem !important;padding-right:1.75rem !important}main.col-12,#tail-wrapper{padding-right:4.5rem !important}#back-to-top{right:calc((100vw - 300px - 1250px)/2 + 2rem)}#sidebar{width:300px}#sidebar .profile-wrapper{margin-top:3.5rem;margin-bottom:2.5rem;padding-left:3.5rem}#sidebar ul li.nav-item{padding-left:2.75rem;padding-right:2.75rem}#sidebar .sidebar-bottom{padding-left:2.75rem;margin-bottom:1.75rem}#sidebar .sidebar-bottom a:not(:last-child){margin-right:1rem}#sidebar .sidebar-bottom .icon-border{margin-left:calc((1rem - 3px)/2);margin-right:calc((1rem - 3px)/2)}}#post-list{margin-top:2rem}#post-list .card-wrapper:hover{text-decoration:none}#post-list .card-wrapper:not(:last-child){margin-bottom:1.25rem}#post-list .card{border:0;background:none}#post-list .card .preview-img img,#post-list .card .preview-img{border-radius:10px 10px 0 0}#post-list .card .card-body{height:100%;padding:1rem}#post-list .card .card-body .card-title{color:var(--heading-color) !important;font-size:1.25rem}#post-list .card .card-body .post-meta,#post-list .card .card-body .card-text.content{color:var(--text-muted-color) !important}#post-list .card .card-body .card-text.content p{line-height:1.5;margin:0}#post-list .card .card-body .post-meta i:not(:first-child){margin-left:1.5rem}#post-list .card .card-body .post-meta em{color:inherit}#post-list .card .card-body .post-meta>div:first-child{display:block}.pagination{color:var(--text-color);font-family:Lato,sans-serif;justify-content:space-evenly}.pagination a:hover{text-decoration:none}.pagination .page-item .page-link{color:var(--btn-patinator-text-color);padding:0 .6rem;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-radius:.5rem;border:0;background-color:inherit}.pagination .page-item.active .page-link{background-color:var(--btn-paginator-hover-color)}.pagination .page-item:not(.active) .page-link:hover{box-shadow:inset var(--btn-border-color) 0 0 0 1px}.pagination .page-item.disabled{cursor:not-allowed}.pagination .page-item.disabled .page-link{color:rgba(108,117,125,.57)}@media all and (min-width: 768px){#post-list .card .preview-img,#post-list .card .preview-img img{border-radius:0 10px 10px 0}#post-list .card .card-body{padding:1.75rem 1.75rem 1.25rem 1.75rem}#post-list .card .card-body .card-text{display:inherit !important}#post-list .card .card-body .post-meta i:not(:first-child){margin-left:1.75rem}}@media all and (max-width: 830px){.pagination .page-item:not(:first-child):not(:last-child){display:none}}@media all and (min-width: 831px){#post-list{margin-top:2.5rem}.pagination{font-size:.85rem;justify-content:center}.pagination .page-item:not(:last-child){margin-right:.7rem}.pagination .page-index{display:none}}.post-navigation .btn.disabled,.post-navigation .btn{width:50%;position:relative;border-color:var(--btn-border-color)}header .post-desc{font-size:1.125rem;line-height:1.6}header .post-meta span+span::before{content:"•";padding-left:.25rem;padding-right:.25rem}header .post-meta em a{color:inherit}header h1+.post-meta{margin-top:1.5rem}.post-tail-wrapper{margin-top:6rem;border-bottom:1px double var(--main-border-color)}.post-tail-wrapper .license-wrapper{line-height:1.2rem}.post-tail-wrapper .share-wrapper{vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.post-tail-wrapper .share-wrapper .share-icons>*,.post-tail-wrapper .share-wrapper .share-icons i{font-size:1.125rem}.post-tail-wrapper .share-wrapper .share-icons{display:flex}.post-tail-wrapper .share-wrapper .share-icons i{color:var(--btn-share-color)}.post-tail-wrapper .share-wrapper .share-icons>*{margin-left:.5rem}.post-tail-wrapper .share-wrapper .share-icons button{padding:0;border:none;line-height:inherit}.share-mastodon{--wc-stm-font-family: $font-family-base;--wc-stm-dialog-background-color: var(--card-bg);--wc-stm-form-button-border: 1px solid var(--btn-border-color);--wc-stm-form-submit-background-color: var(--sidebar-btn-bg);--wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);--wc-stm-form-button-background-color-hover: #007bff;--wc-stm-form-button-color-hover: white;font-size:1rem}.post-tags{line-height:2rem}.post-navigation .btn:not(:hover){color:var(--link-color)}.post-navigation .btn:hover:not(.disabled)::before{color:#f5f5f5}.post-navigation .btn.disabled{pointer-events:auto;cursor:not-allowed;background:none;color:gray}.post-navigation .btn.btn-outline-primary.disabled:focus{box-shadow:none}.post-navigation .btn::before{color:var(--text-muted-color);font-size:.65rem;text-transform:uppercase;content:attr(aria-label)}.post-navigation .btn:first-child{border-radius:10px 0 0 10px;left:.5px}.post-navigation .btn:last-child{border-radius:0 10px 10px 0;right:.5px}.post-navigation p{font-size:1.1rem;line-height:1.5rem;margin-top:.3rem;white-space:normal}@media(hover: hover){.post-navigation .btn,.post-navigation .btn::before{transition:all .35s ease-in-out}}@-webkit-keyframes fade-up{from{opacity:0;position:relative;top:2rem}to{opacity:1;position:relative;top:0}}@keyframes fade-up{from{opacity:0;position:relative;top:2rem}to{opacity:1;position:relative;top:0}}#toc-wrapper{border-left:1px solid rgba(158,158,158,.17);position:-webkit-sticky;position:sticky;top:4rem;transition:top .2s ease-in-out;-webkit-animation:fade-up .8s;animation:fade-up .8s}#toc-wrapper ul{list-style:none;font-size:.85rem;line-height:1.25;padding-left:0}#toc-wrapper ul li:not(:last-child){margin:.4rem 0}#toc-wrapper ul li a{padding:.2rem 0 .2rem 1.25rem}#toc-wrapper ul .toc-link{display:block}#toc-wrapper ul .toc-link:hover{color:var(--toc-highlight);text-decoration:none}#toc-wrapper ul .toc-link::before{display:none}#toc-wrapper ul .is-active-link{color:var(--toc-highlight) !important;font-weight:600}#toc-wrapper ul .is-active-link::before{display:inline-block;width:1px;left:-1px;height:1.25rem;background-color:var(--toc-highlight) !important}#toc-wrapper ul ul{padding-left:.75rem}#toc-bar{position:-webkit-sticky;position:sticky;top:0;z-index:1;margin:0 -1rem;height:3rem;background:var(--main-bg);border-bottom:1px solid var(--main-border-color);transition:all .2s ease-in-out}#toc-bar .label{margin-left:.25rem;padding:0 .75rem;color:inherit}#toc-bar.invisible{top:-3rem;transition:none}#toc-solo-trigger{color:var(--text-muted-color);border-color:var(--btn-border-color);border-radius:10px}#toc-solo-trigger .label{font-size:1rem;font-family:Lato,"Microsoft Yahei",sans-serif}#toc-solo-trigger:hover{box-shadow:none;background:none}@-webkit-keyframes slide-in{from{opacity:.7;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{from{opacity:.7;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-out{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-3rem);opacity:0}}@keyframes slide-out{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-3rem);opacity:0}}#toc-popup{border-color:var(--toc-popup-border-color);border-width:1px;border-radius:10px;color:var(--text-color);background:var(--card-bg);margin-top:3rem;min-width:20rem;font-size:1.05rem}@media all and (min-width: 576px){#toc-popup{max-width:32rem}}#toc-popup[open]{-webkit-animation:slide-in .3s ease-out;animation:slide-in .3s ease-out}#toc-popup[closing]{-webkit-animation:slide-out .3s ease-out;animation:slide-out .3s ease-out}@media all and (min-width: 850px){#toc-popup{left:260px}}#toc-popup .header{position:-webkit-sticky;position:sticky;top:0;background-color:inherit;border-bottom:1px solid var(--main-border-color)}#toc-popup .header .label{font-family:Lato,"Microsoft Yahei",sans-serif}#toc-popup button>i{font-size:1.25rem;vertical-align:middle}#toc-popup button:focus-visible{box-shadow:none}#toc-popup ul{list-style-type:none;padding-left:0}#toc-popup ul li ul,#toc-popup ul li+li{margin-top:.25rem}#toc-popup ul li a{display:flex;line-height:1.5;padding:.375rem 0;padding-right:1.125rem}#toc-popup ul li a.toc-link::before{display:none}#toc-popup .node-name--H2{padding-left:1.125rem}#toc-popup .node-name--H3{padding-left:2.25rem}#toc-popup .node-name--H4{padding-left:3.375rem}#toc-popup .is-active-link{color:var(--toc-highlight) !important;font-weight:600}#toc-popup::-webkit-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#toc-popup::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#toc-popup::after{display:flex;content:"";position:relative;background:linear-gradient(transparent, var(--card-bg) 70%);height:2rem}#toc-popup #toc-popup-content{overflow:auto;max-height:calc(100vh - 12rem);font-family:Lato,"Microsoft Yahei",sans-serif;margin-bottom:-2rem}#related-posts>h3{color:var(--label-color);font-size:1.1rem;font-weight:600}#related-posts time{color:var(--text-muted-color)}#related-posts p{font-size:.9rem;margin-bottom:.5rem;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#disqus_thread{min-height:8.5rem}.utterances{max-width:100%}.post-tail-wrapper .share-wrapper .share-icons>*:hover i{color:var(--btn-share-hover-color) !important}.share-label{color:inherit;font-size:inherit;font-weight:400}.share-label::after{content:":"}@media all and (max-width: 576px){.post-tail-bottom{flex-wrap:wrap-reverse !important}.post-tail-bottom>div:first-child{width:100%;margin-top:1rem}}@media all and (max-width: 768px){.content>p>img{max-width:calc(100% + 1rem)}}@media all and (max-width: 849px){.post-navigation{padding-left:0;padding-right:0;margin-left:-0.5rem;margin-right:-0.5rem}}@media all and (min-width: 1200px){h2,h3,h4{scroll-margin-top:2rem}#toc-bar,#toc-solo-trigger{display:none !important}}.tag{border-radius:.7em;padding:6px 8px 7px;margin-right:.8rem;line-height:3rem;letter-spacing:0;border:1px solid var(--tag-border) !important;box-shadow:0 0 3px 0 var(--tag-shadow)}.tag span{margin-left:.6em;font-size:.7em;font-family:Oswald,sans-serif}#archives{letter-spacing:.03rem}#archives ul li::before,#archives .year:first-child::before,#archives .year::before{content:"";width:4px;position:relative;float:left;background-color:var(--timeline-color)}#archives .year{height:3.5rem;font-size:1.5rem;position:relative;left:2px;margin-left:-4px}#archives .year::before{height:72px;left:79px;bottom:16px}#archives .year:first-child::before{height:32px;top:24px}#archives .year::after{content:"";display:inline-block;position:relative;border-radius:50%;width:12px;height:12px;left:21.5px;border:3px solid;background-color:var(--timeline-year-dot-color);border-color:var(--timeline-node-bg);box-shadow:0 0 2px 0 #c2c6cc;z-index:1}#archives ul li{font-size:1.1rem;line-height:3rem}#archives ul li:nth-child(odd){background-color:var(--main-bg, #ffffff);background-image:linear-gradient(to left, #ffffff, #fbfbfb, #fbfbfb, #fbfbfb, #ffffff)}#archives ul li::before{top:0;left:77px;height:3.1rem}#archives ul:last-child li:last-child::before{height:1.5rem}#archives .date{white-space:nowrap;display:inline-block;position:relative;right:.5rem}#archives .date.month{width:1.4rem;text-align:center}#archives .date.day{font-size:85%;font-family:Lato,sans-serif}#archives a{margin-left:2.5rem;position:relative;top:.1rem}#archives a:hover{border-bottom:none}#archives a::before{content:"";display:inline-block;position:relative;border-radius:50%;width:8px;height:8px;float:left;top:1.35rem;left:71px;background-color:var(--timeline-node-bg);box-shadow:0 0 3px 0 #c2c6cc;z-index:1}@media all and (max-width: 576px){#archives{margin-top:-1rem}#archives ul{letter-spacing:0}}.categories i{color:gray}.categories{margin-bottom:2rem;border-color:var(--categories-border)}.categories .card-header{padding:.75rem;border-radius:9px;border-bottom:0}.categories .card-header.hide-border-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.categories i{font-size:86%}.categories .list-group-item{border-left:none;border-right:none;padding-left:2rem}.categories .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.categories .list-group-item:last-child{border-bottom:0}.category-trigger{width:1.7rem;height:1.7rem;border-radius:50%;text-align:center;color:#6c757d !important}.category-trigger i{position:relative;height:.7rem;width:1rem;transition:transform 300ms ease}.category-trigger:hover i{color:var(--categories-icon-hover-color)}@media(hover: hover){.category-trigger:hover{background-color:var(--categories-hover-bg)}}.rotate{transform:rotate(-90deg)}.dash{margin:0 .5rem .6rem .5rem;border-bottom:2px dotted var(--dash-color)}#page-category ul>li,#page-tag ul>li{line-height:1.5rem;padding:.6rem 0}#page-category ul>li::before,#page-tag ul>li::before{background:#999;width:5px;height:5px;border-radius:50%;display:block;content:"";position:relative;top:.6rem;margin-right:.5rem}#page-category ul>li>a,#page-tag ul>li>a{font-size:1.1rem}#page-tag h1>i{font-size:1.2rem}#page-category h1>i{font-size:1.25rem}#page-category a:hover,#page-tag a:hover,#access-lastmod a:hover{margin-bottom:-1px}@media all and (max-width: 576px){#page-category ul>li::before,#page-tag ul>li::before{margin:0 .5rem}#page-category ul>li>a,#page-tag ul>li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}/*# sourceMappingURL=jekyll-theme-chirpy.css.map */ \ No newline at end of file diff --git a/_site/assets/css/jekyll-theme-chirpy.css.map b/_site/assets/css/jekyll-theme-chirpy.css.map index 3fe5d44..559a8dc 100644 --- a/_site/assets/css/jekyll-theme-chirpy.css.map +++ b/_site/assets/css/jekyll-theme-chirpy.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../_sass/addon/module.scss","../../_sass/addon/variables.scss","../../_sass/addon/syntax.scss","../../_sass/colors/syntax-light.scss","../../_sass/colors/syntax-dark.scss","../../_sass/addon/commons.scss","../../_sass/colors/typography-light.scss","../../_sass/colors/typography-dark.scss","../../_sass/layout/home.scss","../../_sass/layout/post.scss","../../_sass/layout/tags.scss","../../_sass/layout/archives.scss","../../_sass/layout/categories.scss","../../_sass/layout/category-tag.scss"],"names":[],"mappings":"CAMA,iCACE,2BACA,gBACA,YCuBoB,kCDnBpB,gCACE,kBACA,sBAEA,wDACE,aAMJ,4CACE,cAGF,qBACE,4CACE,kBACA,UACA,2DAIA,oEACE,mBACA,UACA,0DAMR,sCACE,4BACA,uCAGF,+DACE,mBACA,cACA,mBAGF,2QACE,yBACA,gCACA,qBAGF,4CACE,wBAGF,sEACE,oDAGF,4EACE,+BAGF,gFACE,yBACA,sBACA,qBACA,iBAGF,6LACE,mBAGF,yFACE,eAGF,4EACE,kBAGF,wMACE,cC5EY,QDgFZ,oBACE,cACA,kBACA,kBACA,cACA,UACA,cAIJ,iDACE,iCACA,yBACA,sBACA,qBACA,iBAGF,iHACE,oBACA,gBACA,uBACA,qBACA,4BAGF,6FACE,yCACA,gBAGF,kFACE,iBAGF,2BACE,gBAIA,mCACE,2CACA,uBACA,0BACA,kBACA,8CEvIF,oCACE,4CCHF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCAEA,8EACE,0BAKF,oFACE,YAGF,sFACE,SAGF,0IAEE,cACA,yBAGF,ogBAOE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,guBAUE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,kXAKE,cAGF,kJAEE,cAGF,0EACE,cACA,iBAGF,0EACE,cACA,iBAGF,4yBAWE,cAGF,0EACE,cAGF,oJAEE,cAGF,4EACE,cACA,yBAGF,glBAQE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,kBAGF,0EACE,cACA,iBDrMA,qBETF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,oCACE,cAKF,yCACE,YAGF,0CACE,SAGF,mEAEE,cACA,yBAGF,qCACE,cACA,yBAGF,4PAOE,cAGF,oCACE,cAGF,oCACE,cAGF,uEAEE,cAGF,uEAEE,cAGF,oCACE,cAGF,oCACE,cACA,yBAGF,oCACE,cACA,yBACA,iBAGF,mLAKE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,mUASE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,+RAQE,cAGF,oCACE,eF9IF,mCACE,2CEfF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,yEACE,cAKF,mFACE,YAGF,qFACE,SAGF,wIAEE,cACA,yBAGF,2EACE,cACA,yBAGF,+fAOE,cAGF,yEACE,cAGF,yEACE,cAGF,gJAEE,cAGF,gJAEE,cAGF,yEACE,cAGF,yEACE,cACA,yBAGF,yEACE,cACA,yBACA,iBAGF,2WAKE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,+oBASE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,skBAQE,cAGF,yEACE,cFxIA,sBCnBF,iCACA,8BACA,mCACA,kCACA,0BACA,sBACA,kCACA,mCACA,kCACA,mCAEA,uCACE,0BAKF,0CACE,YAGF,2CACE,SAGF,qEAEE,cACA,yBAGF,kQAOE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,gXAUE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,yLAKE,cAGF,yEAEE,cAGF,qCACE,cACA,iBAGF,qCACE,cACA,iBAGF,sZAWE,cAGF,qCACE,cAGF,0EAEE,cAGF,sCACE,cACA,yBAGF,wSAQE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,kBAGF,qCACE,cACA,kBDlLJ,kDACE,2CAGF,cACE,kBACA,qBAGF,mBACE,qCACA,iBACA,oBAGF,WAQE,cACA,sBAEA,eACE,gBACA,UDtCa,OCuCb,mBACA,iBAKE,gCACE,qBACA,iBACA,oBAGF,+BACE,8BAGF,wBACE,iBACA,kBAKN,mBACE,iBACA,oCACA,yBACA,sBACA,oBACA,qBACA,iBAIJ,KACE,qBACA,iBACA,aACA,wBAEA,uBACE,UDhFa,OCiFb,gBACA,sBACA,kBACA,uCAGF,cACE,yBACA,iCACA,gBACA,UAGF,yBACE,iBACA,cAGF,+BACE,mBAGF,gBACE,cAWF,gBACE,yBACA,8BACA,oBAIJ,sBAIE,kDAEA,+BFIA,YEHiB,MFIjB,aEJiB,MAEf,gBAGF,iCACE,yBACA,0BAUA,2IACE,qBACA,eAEA,2KACE,aAMR,aAGE,aACA,8BACA,mBACA,ODlKmB,QCmKnB,mBACA,oBAGA,kBACE,YDxKiB,QC2KjB,oBACE,eACA,MD1KY,QC2KZ,oCAEA,0BACE,cAIK,2BACP,kBACA,QAIF,yBACE,8BACA,iBACA,gBACA,oCAKJ,oBAIE,+BACA,ODzMiB,QC0MjB,MD1MiB,QC2MjB,UACA,yBAEA,sBACE,oCAIA,mCACE,4CAGF,+BACE,qCAIJ,0BACE,aAGF,yCACE,uCAEA,2CACE,WAMR,kCAEI,+BFzGF,YE0GmB,EFzGnB,aEyGmB,EAEf,cDrPQ,QCwPV,mCF/GF,YEgHmB,EF/GnB,aE+GmB,EAIf,2CACE,WACA,qBACA,YALW,KAMX,MD1PQ,OC2PR,OD3PQ,OC4PR,kBACA,gDACA,gGAMF,wCAEE,uBG7RR,KAuBE,eAtBA,oCACE,4CCEF,iBACA,mBACA,6BAGA,sBACA,4BACA,uCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,8EACE,2CAGF,wDACE,aD1FA,qBEHF,2BACA,2BACA,qCAGA,iCACA,4BACA,uCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,4BACE,aAGF,wBACE,sCAIF,4EAEE,gCAIA,8CACE,uCAGF,kDACE,iBACA,kBACA,kBACA,sCAEA,6DACE,mCAKN,iDACE,+HAaF,oCACE,mBFtIF,mCACE,2CETF,2BACA,2BACA,qCAGA,iCACA,4BACA,uCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,iCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDA4CA,kBA1CA,yDACE,aAGF,iDACE,sCAIF,0JAEE,gCAIA,6FACE,uCAGF,qGACE,iBACA,kBACA,kBACA,sCAEA,2HACE,mCAKN,mGACE,+HAaF,yEACE,kBFhIA,sBCdF,iBACA,mBACA,6BAGA,sBACA,4BACA,uCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAWA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAhBA,uCACE,2CAGF,4BACE,cDvEJ,KACE,0BACA,kHAEA,wBACA,mCACA,YJHiB,+CISjB,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAeI,kBAfJ,GAiBI,eAKN,EAGE,qBAGF,IACE,eACA,YACA,gCAEA,UAGE,0BACA,kBAIJ,WACE,qDACA,kBACA,mCAEA,wBACE,gBAGF,2BACE,cACA,kBACA,4BACA,+BAIA,mCACE,kBACA,WACA,kBACA,YACA,iBACA,oBACA,mCLqFJ,sBACE,sCAEA,8BACE,QKrFmB,ILsFnB,mCACA,4BANJ,uBACE,uCAEA,+BACE,QKpFoB,ILqFpB,oCACA,0BANJ,0BACE,0CAEA,kCACE,QKnFuB,ILoFvB,uCACA,0BANJ,yBACE,yCAEA,iCACE,QKlFsB,ILmFtB,sCACA,0BKjFN,IACE,oBACA,qBACA,sBACA,mBACA,kBACA,kBACA,eACA,kBACA,4BACA,qCACA,qBACA,uCACA,gDAGF,OACE,gCACA,OJtHc,KIuHd,8CAgBA,SACE,kBACA,gBAcJ,QACE,SACA,+BACA,gBACA,mBAEA,mBACE,wBACA,gBAGF,gBACE,kBACA,+CAEA,iCACE,mBAIJ,iBACE,gBAMF,8BACE,oBACA,oBLjBF,MADwD,mBAExD,UKkBiB,QLjBjB,YAH2C,IKuB3C,yBACE,oBACA,iBACA,oBACA,oBACA,wBAEA,+BACE,2BAMJ,kBAOE,cAIJ,cACE,kBACA,iBAGE,kCACE,oBAKF,mBACE,kBACA,aACA,gBAMK,WL1FT,YK2FiB,IL1FjB,aK0FiB,ILjFjB,aKkFiB,ILjFjB,cKiFiB,IAEf,oCASO,kBACP,gBACA,cACA,kBACA,aACA,kBACA,oCAOJ,eACE,gBACA,qBAEA,qBACE,eACA,gBACA,iBAEA,2BACE,8CAQA,8BACE,+CAEA,4CACE,mCAGF,8CACE,kCAaV,aACE,mBACA,WACA,YACA,gBAIA,yBACE,yBAGF,iBACE,YACA,oBACA,iBAIS,4BACP,WAKN,cAGE,SACA,0BACA,8BAEA,sBAGE,WACA,WACA,YACA,kBACA,sCACA,UACA,oCAIA,4BACE,WAKN,KACE,iBAEA,QACE,gBACA,qBAKE,mDL3LJ,kBACA,SACA,2BKsNF,SACE,kBACA,gBACA,yBAGE,iBLhQF,WKmQmB,MLlQnB,cKkQmB,MAEf,eAcF,8FAEE,8BACA,6BAEA,0GACE,gBACA,oBAGF,oNAEE,8BACA,6BACA,eAKN,sBACE,8BACA,6BAEA,yBACE,qBACA,eAGA,2BACE,WACA,qBACA,4BAEA,mCACE,oCAIJ,4BACE,8BACA,6BAIJ,2CACE,6BACA,sBAIJ,eACE,iBAGF,kBACE,8BAQJ,UACE,qBACA,eACA,kBACA,oBACA,yCACA,gBACA,8BACA,mBAEA,2BACE,mBAIJ,YACE,8BAGF,UACE,oBACA,oBAGF,SACE,gBACA,kBACA,yBAEA,iBACE,WACA,kBACA,6BACA,YACA,WACA,wCACA,gCAGF,2BACE,GACE,4BAGF,KACE,4BAIJ,mBACE,GACE,4BAGF,KACE,4BAKN,aACE,WACA,YACA,mBAIA,2CAEE,kBAGF,oBACE,qBAKJ,UACE,4BACA,gBACA,kBACA,wBAEA,gBACE,gBAMJ,QACE,yBAES,eACP,wBAIJ,UACE,wBAGF,SACE,8BAGF,QACE,6BAGF,aACE,uBAGF,gBACE,8BAIF,YACE,yCAIF,eACE,gBACA,gBACA,gBAKA,8CACE,gCAIJ,UACE,cACA,oBACA,mBAGF,oBACE,8BAGF,aACE,gBACA,wDACA,6BACA,2EAGF,MACE,WACA,0BAGF,OACE,YACA,0BAOF,kBACE,kBACA,gBACA,iBAGF,SACE,gBAIF,SACE,kBAIF,cACE,kBACA,0BASF,SLvgBE,aKwgBe,ELvgBf,cKugBe,EAEf,eACA,MACA,OACA,YACA,gBACA,MJ9qBc,MI+qBd,WACA,6BACA,mDAQA,wBACA,qBANA,4BACE,aAQA,0GACE,kCAQJ,iBACE,cACA,WACA,YACA,gBACA,gDACA,wBAEA,qBACE,yBAEA,2BACE,qBAKN,0BLvkBA,WKwkBiB,MLvkBjB,cKukBiB,MAGf,oBACA,sBACA,WAGF,qBACE,oBACA,gBACA,kBACA,gBACA,qBACA,mBACA,oBAEA,uBAIE,8BAIJ,wBACE,cACA,iCACA,kBACA,iBACA,yBACA,sBACA,qBACA,iBAGF,YACE,mBAEA,wBACE,WACA,WACA,oBACA,qBAEA,mCL3mBJ,YK4mBqB,ML3mBrB,eK2mBqB,MAEf,aACA,mBACA,qBACA,gBAEA,yCACE,yCAGF,qCACE,cACA,WACA,oBAGF,wCACE,cACA,oBAKF,yCACE,kCACA,yCAEA,8CACE,UAKN,0CACE,kBAKN,yBACE,kBACA,mBACA,qBAIA,iEACE,MAHS,QAIT,OAJS,QAKT,cApJG,MAqJH,kBACA,+BACA,uCACA,kBACA,aACA,mBACA,uBACA,iDAEA,6EACE,yCASF,4CACE,aJ30BK,MI+0BT,2BACE,YA/BS,QAkCX,sCACE,UACA,SAOF,sCLzsBF,YK2sBmB,sBL1sBnB,aK0sBmB,sBAEf,0CACA,WACA,MAjMa,IAkMb,OAlMa,IAmMb,kBACA,cAnMG,MAwMT,qBACE,iCACE,wBAGF,UACE,4CAGF,cACE,8CAIJ,uBACE,aACA,YACA,WACA,cAEA,gCACE,gBAMJ,gBACE,OJj4Bc,KIk4Bd,kCAIA,iBACE,WAGF,oBACE,eACA,8BACA,mBAQI,iDACE,YACA,gBAOV,4BLjwBE,yCKqwBF,mBLrwBE,yCKywBF,uBLzwBE,yCK6wBF,wBL7wBE,yCKixBF,cLjxBE,yCKqxBF,kCLjxBE,WKqxBF,yBLrxBE,WKyxBF,6BLzxBE,WK6xBF,8BL7xBE,WKiyBF,oBLjyBE,WKqyBF,OACE,aACA,WACA,mBACA,4CACA,0BACA,gBAEA,SACE,UACA,gBACA,+BAIJ,iCAEE,aAIF,eACE,wBACA,aACA,mBAKF,cACE,kBACA,SACA,gBACA,qBACA,wBACA,YAEA,oBACE,gBAIJ,cACE,eAEA,iBACE,qBAGF,wBACE,qBACA,iBACA,eACA,gCACA,YACA,cACA,wBAEA,gCACE,YACA,8BACA,oBAON,gBACE,oBAEA,kBASE,iBACA,mBAGF,wBACE,WAEA,yCACE,mBAIF,0BACE,cACA,oBACA,cAGF,0BACE,gBACA,uBACA,oBACA,qBACA,4BAKN,cACE,aACA,iBACA,gBACA,uBACA,+BACA,kBACA,UACA,gBACA,uBACA,oBACA,mBAGF,MACE,aACA,eACA,cACA,YACA,WACA,UAES,wBACP,yBAMJ,cACE,kBLx7BA,aK07Be,ELz7Bf,cKy7Be,EAEf,yBACE,iBAIJ,8EL38BE,YK88Be,EL78Bf,aK68Be,EAIf,2BACE,gBAMJ,aACE,aACA,UACA,eACA,eACA,WACA,gBACA,4BACA,iCACA,UACA,MJ3mCc,QI4mCd,OJ5mCc,QI6mCd,kBACA,mDACA,kCACA,0CAEA,mBACE,kCACA,0CAGF,eACE,YJxnCY,QIynCZ,kBACA,WAKF,yBACE,KACE,UACA,UAIJ,iBACE,KACE,UACA,UAIJ,4BACE,gBACA,mBACA,cAGF,0BACE,4BACA,oBAEA,iCACE,cACA,eAKF,yBACE,cACA,gBACA,oBACA,mCACA,2BACA,oCACA,iCACA,eACA,SACA,WACA,2BACA,4BACA,oBAcN,kCAGM,yCLpjCJ,YKqjCqB,MLpjCrB,aKojCqB,MAEf,gBACA,eAKN,QACE,WACA,aAIJ,kCACE,iCACE,eAOF,yBLlkCA,aKokCiB,ELnkCjB,cKmkCiB,GAKnB,kCAWE,OAJI,WALM,mBAYR,OJ5uCkB,KI6uClB,iBAIA,2BACE,wBAGF,gCACE,4BAGF,+BACE,kBAIJ,SAzBI,WALM,mBAiCR,6BACA,qCAGF,cAhCI,WALM,mBAyCV,iCAEE,eAGF,uBACE,WAGF,mBAEE,aAGF,gBApDI,2CAuDF,OAGF,oBAEE,aAGF,+CAGE,cAGF,gCACE,iBAGF,MACE,kCAGF,iBACE,aAEA,0BACE,mBAMN,kCAEE,KACE,kBAGF,cACE,YJ30CY,MI+0CZ,0BACE,gBAIJ,cACE,aAGF,OACE,UJj1Ce,MIo1CjB,uBACE,UJl1CqB,OIm1CrB,iCAIA,QACE,gBAIJ,iCACE,cAIF,aACE,SACA,gBAGF,cACE,iBAKJ,yDACE,oCACE,aACA,eAKJ,yDACE,oBACE,gBAGF,YACE,UACA,gBACA,uBACA,oBACA,oBAKJ,mCACE,eACE,aAGF,iCACE,mCAMJ,mCACE,OACE,kBAGF,cACE,+BAGF,wBACE,UAEA,uCACE,oBAGF,wCACE,mBAGF,kDACE,kBACA,YAIJ,SACE,mBAIJ,mCACE,aACE,+CAIJ,mCAGE,cACE,YJl8CkB,MIq8CpB,gBACE,KJt8CkB,MIy8CpB,OACE,oCAKF,yBACE,UJt8CqB,OIu8CrB,gCACA,iCAGF,0BAEE,gCAGF,aACE,8CAKF,SACE,MJj+CkB,MIm+ClB,0BACE,kBACA,qBACA,oBAIA,wBL50CJ,aK60CqB,QL50CrB,cK40CqB,QAInB,yBACE,qBACA,sBAEA,4CACE,aJl/CQ,KIq/CV,sCLn2CJ,YKo2CqB,qBLn2CrB,aKm2CqB,sBG3/CvB,WACE,gBAGE,+BACE,qBAGF,0CACE,sBAIJ,iBACE,SACA,gBAEA,gEACE,kCAWF,4BACE,YACA,aAEA,wCAGE,sCACA,kBAGF,sFACE,yCAMA,iDAGE,gBACA,SAQA,2DACE,mBAIJ,0CAGE,cAGF,uDACE,cACA,mBACA,gBACA,uBAOV,YACE,wBACA,4BACA,6BAEA,oBACE,qBAIA,kCACE,sCACA,gBACA,oBACA,wBACA,yBACA,oBACA,SACA,yBAIA,yCACE,kDAMA,qDACE,mDAKN,gCACE,mBAEA,2CACE,4BAOR,kCACE,gEACE,kCAKE,4BACE,wCAEA,uCACE,2BAKE,2DACE,qBAUd,kCAGM,0DACE,cAOR,kCACE,WACE,kBAGF,YACE,iBACA,uBAGE,wCACE,mBAIJ,wBACE,cCrLN,qDACE,UACA,kBACA,qCAUA,gCANA,YACA,aAFc,OAGd,cAH4B,OAiB1B,mBACE,cAKN,mBAGE,gBACA,kDAEA,oCACE,mBAmBF,kCACE,sBACA,yBACA,sBACA,qBACA,iBAEA,kGACE,mBAGF,+CACE,aAEA,iDACE,6BAKF,iDAGE,kBASF,sDACE,UACA,YACA,oBAQR,gBAEE,wCACA,iDACA,+DACA,6DACA,6DACA,qDACA,wCAEA,eAGF,WACE,iBAeE,kCACE,wBAIA,mDACE,cAIJ,+BAGE,oBACA,mBACA,gBACA,WAGF,yDACE,gBAGF,8BACE,8BACA,iBACA,yBACA,yBAGF,kCACE,kCACA,UAGF,iCACE,kCACA,WAIJ,mBACE,iBACA,mBACA,iBACA,mBAIJ,qBAEI,oDAEE,iCAKN,2BACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAIJ,mBACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAIJ,aACE,4CACA,wBACA,gBACA,SACA,+BACA,8BACA,sBAEA,gBACE,gBACA,iBACA,iBACA,eAGE,oCACE,eAGF,qBACE,8BAMJ,0BACE,cACA,mBACA,gBACA,uBAEA,gCACE,2BACA,qBAGF,kCACE,aAIJ,gCACE,sCACA,gBAEA,wCACE,qBACA,UACA,UACA,eACA,iDAIJ,mBACE,oBAQJ,kBTxGA,MADwD,mBAExD,USwGiB,OTvGjB,YSuGyB,IAGzB,oBAIE,8BAGF,iBACE,gBACA,oBACA,gBACA,uBACA,oBACA,qBACA,4BAWJ,eACE,kBAGF,YACE,eAGF,yDACE,8CAGF,aTjJE,MSkJ6B,QTjJ7B,USiJe,QThJf,YSgJwB,IAExB,oBACE,YAIJ,kCACE,kBACE,kCAEA,kCACE,WACA,iBAKN,kCACE,eACE,6BAKJ,kCACE,iBACE,eACA,gBACA,oBACA,sBC9VJ,KACE,mBACA,oBACA,mBACA,iBACA,iBACA,8CACA,uCAEA,UACE,iBACA,eACA,8BCZJ,UACE,sBAIA,oFACE,WACA,MAJe,IAKf,kBACA,WACA,uCAGF,gBACE,cACA,iBACA,kBACA,SACA,iBAEA,wBAGE,YACA,UACA,YAGF,oCAGE,YACA,SAIF,uBACE,WACA,qBACA,kBACA,kBACA,WACA,YACA,YACA,iBACA,gDACA,qCACA,6BACA,UAKF,gBACE,iBACA,iBACA,mBACA,gBACA,uBAEA,+BACE,yCACA,uFAUF,wBAGE,MACA,UACA,cAIJ,8CACE,cAIJ,gBACE,mBACA,qBACA,kBACA,YAEA,sBACE,aACA,kBAGF,oBACE,cACA,4BAIJ,YAEE,mBACA,kBACA,UAEA,kBACE,mBAGF,oBAEE,WACA,qBACA,kBACA,kBACA,UACA,WACA,WACA,YACA,UACA,yCACA,6BACA,UAKN,kCACE,UACE,iBAEA,aACE,kBCxIN,cACE,WAGF,YACE,mBACA,sCAOA,yBAGE,eACA,cAHS,oBAIT,gBAEA,4CACE,4BACA,6BAIJ,cAGE,cAGF,6BACE,iBACA,kBACA,kBAEA,yCACE,yBACA,0BAGF,wCACE,gBAKN,kBACE,aACA,cACA,kBACA,kBACA,yBAEA,oBACE,kBACA,aACA,WACA,gCAIA,0BACE,yCAMN,qBACE,wBACE,6CAIJ,QACE,yBC7EF,MACE,2BACA,2CAKA,qCACE,mBACA,gBAGA,qDACE,gBACA,UACA,WACA,kBACA,cACA,WACA,kBACA,UACA,mBAIF,yCAGE,iBAMN,eACE,iBAGF,oBACE,kBAMA,iEAGE,mBAIJ,kCAIM,qDACE,eAGF,yCACE,mBACA,gBACA","sourcesContent":["/*\n* Mainly scss modules, only imported to `assets/css/main.scss`\n*/\n\n/* ---------- scss placeholder --------- */\n\n%heading {\n color: var(--heading-color);\n font-weight: 400;\n font-family: $font-family-heading;\n}\n\n%section {\n main & {\n margin-top: 2.5rem;\n margin-bottom: 1.25rem;\n\n &:focus {\n outline: none; /* avoid outline in Safari */\n }\n }\n}\n\n%anchor {\n .anchor {\n font-size: 80%;\n }\n\n @media (hover: hover) {\n .anchor {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;\n }\n\n &:hover {\n .anchor {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;\n }\n }\n }\n}\n\n%tag-hover {\n background: var(--tag-hover);\n transition: background 0.35s ease-in-out;\n}\n\n%table-cell {\n padding: 0.4rem 1rem;\n font-size: 95%;\n white-space: nowrap;\n}\n\n%link-hover {\n color: #d2603a !important;\n border-bottom: 1px solid #d2603a;\n text-decoration: none;\n}\n\n%link-color {\n color: var(--link-color);\n}\n\n%link-underline {\n border-bottom: 1px solid var(--link-underline-color);\n}\n\n%clickable-transition {\n transition: all 0.3s ease-in-out;\n}\n\n%no-cursor {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n%no-bottom-border {\n border-bottom: none;\n}\n\n%cursor-pointer {\n cursor: pointer;\n}\n\n%normal-font-style {\n font-style: normal;\n}\n\n%rounded {\n border-radius: $base-radius;\n}\n\n%img-caption {\n + em {\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 80%;\n padding: 0;\n color: #6d6c6c;\n }\n}\n\n%sidebar-links {\n color: var(--sidebar-muted-color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n%text-clip {\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n%text-highlight {\n color: var(--text-muted-hightlight-color);\n font-weight: 600;\n}\n\n%text-sm {\n font-size: 0.85rem;\n}\n\n%text-xs {\n font-size: 0.8rem;\n}\n\n%sup-fn-target {\n &:target {\n background-color: var(--footnote-target-bg);\n width: -moz-fit-content;\n width: -webkit-fit-content;\n width: fit-content;\n transition: background-color 1.75s ease-in-out;\n }\n}\n\n/* ---------- scss mixin --------- */\n\n@mixin mt-mb($value) {\n margin-top: $value;\n margin-bottom: $value;\n}\n\n@mixin ml-mr($value) {\n margin-left: $value;\n margin-right: $value;\n}\n\n@mixin pt-pb($val) {\n padding-top: $val;\n padding-bottom: $val;\n}\n\n@mixin pl-pr($val) {\n padding-left: $val;\n padding-right: $val;\n}\n\n@mixin placeholder {\n color: var(--text-muted-color) !important;\n}\n\n@mixin placeholder-focus {\n opacity: 0.6;\n}\n\n@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {\n color: $color;\n font-size: $font-size;\n font-weight: $font-weight;\n}\n\n@mixin align-center {\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n}\n\n@mixin prompt($type, $fa-content, $fa-style: 'solid') {\n &.prompt-#{$type} {\n background-color: var(--prompt-#{$type}-bg);\n\n &::before {\n content: $fa-content;\n color: var(--prompt-#{$type}-icon-color);\n font: var(--fa-font-#{$fa-style});\n }\n }\n}\n","/*\n * The SCSS variables\n */\n\n/* sidebar */\n\n$sidebar-width: 260px !default; /* the basic width */\n$sidebar-width-large: 300px !default; /* screen width: >= 1650px */\n$sb-btn-gap: 0.8rem !default;\n$sb-btn-gap-lg: 1rem !default;\n\n/* other framework sizes */\n\n$topbar-height: 3rem !default;\n$search-max-width: 200px !default;\n$footer-height: 5rem !default;\n$footer-height-large: 6rem !default; /* screen width: < 850px */\n$main-content-max-width: 1250px !default;\n$base-radius: 0.625rem !default;\n$back2top-size: 2.75rem !default;\n\n/* syntax highlight */\n\n$code-font-size: 0.85rem !default;\n$code-header-height: 2.25rem !default;\n$code-dot-size: 0.75rem !default;\n$code-dot-gap: 0.5rem !default;\n$code-icon-width: 1.75rem !default;\n\n/* fonts */\n\n$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;\n$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;\n","/*\n* The syntax highlight.\n*/\n\n@import 'colors/syntax-light';\n@import 'colors/syntax-dark';\n\nhtml {\n @media (prefers-color-scheme: light) {\n &:not([data-mode]),\n &[data-mode='light'] {\n @include light-syntax;\n }\n\n &[data-mode='dark'] {\n @include dark-syntax;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:not([data-mode]),\n &[data-mode='dark'] {\n @include dark-syntax;\n }\n\n &[data-mode='light'] {\n @include light-syntax;\n }\n }\n}\n\n/* -- code snippets -- */\n\n%code-snippet-bg {\n background-color: var(--highlight-bg-color);\n}\n\n%code-snippet-padding {\n padding-left: 1rem;\n padding-right: 1.5rem;\n}\n\n.highlighter-rouge {\n color: var(--highlighter-rouge-color);\n margin-top: 0.5rem;\n margin-bottom: 1.2em; /* Override BS Inline-code style */\n}\n\n.highlight {\n @extend %rounded;\n @extend %code-snippet-bg;\n\n @at-root figure#{&} {\n @extend %code-snippet-bg;\n }\n\n overflow: auto;\n padding-bottom: 0.75rem;\n\n pre {\n margin-bottom: 0;\n font-size: $code-font-size;\n line-height: 1.4rem;\n word-wrap: normal; /* Fixed Safari overflow-x */\n }\n\n table {\n td {\n &:first-child {\n display: inline-block;\n margin-left: 1rem;\n margin-right: 0.75rem;\n }\n\n &:last-child {\n padding-right: 2rem !important;\n }\n\n pre {\n overflow: visible; /* Fixed iOS safari overflow-x */\n word-break: normal; /* Fixed iOS safari linenos code break */\n }\n }\n }\n\n .lineno {\n text-align: right;\n color: var(--highlight-lineno-color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n} /* .highlight */\n\ncode {\n -webkit-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n color: var(--code-color);\n\n &.highlighter-rouge {\n font-size: $code-font-size;\n padding: 3px 5px;\n word-break: break-word;\n border-radius: 4px;\n background-color: var(--inline-code-bg);\n }\n\n &.filepath {\n background-color: inherit;\n color: var(--filepath-text-color);\n font-weight: 600;\n padding: 0;\n }\n\n a > &.highlighter-rouge {\n padding-bottom: 0; /* show link's underlinke */\n color: inherit;\n }\n\n a:hover > &.highlighter-rouge {\n border-bottom: none;\n }\n\n blockquote & {\n color: inherit;\n }\n}\n\ntd.rouge-code {\n @extend %code-snippet-padding;\n\n /*\n Prevent some browser extends from\n changing the URL string of code block.\n */\n a {\n color: inherit !important;\n border-bottom: none !important;\n pointer-events: none;\n }\n}\n\ndiv[class^='language-'] {\n @extend %rounded;\n @extend %code-snippet-bg;\n\n box-shadow: var(--language-border-color) 0 0 0 1px;\n\n .content > & {\n @include ml-mr(-1rem);\n\n border-radius: 0;\n }\n\n .highlight {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n\n/* Hide line numbers for default, console, and terminal code snippets */\ndiv {\n &.nolineno,\n &.language-plaintext,\n &.language-console,\n &.language-terminal {\n td:first-child {\n padding: 0 !important;\n margin-right: 0;\n\n .lineno {\n display: none;\n }\n }\n }\n}\n\n.code-header {\n @extend %no-cursor;\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: $code-header-height;\n margin-left: 0.75rem;\n margin-right: 0.25rem;\n\n /* the label block */\n span {\n line-height: $code-header-height;\n\n /* label icon */\n i {\n font-size: 1rem;\n width: $code-icon-width;\n color: var(--code-header-icon-color);\n\n &.small {\n font-size: 70%;\n }\n }\n\n @at-root [file] #{&} > i {\n position: relative;\n top: 1px; /* center the file icon */\n }\n\n /* label text */\n &::after {\n content: attr(data-label-text);\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--code-header-text-color);\n }\n }\n\n /* clipboard */\n button {\n @extend %cursor-pointer;\n @extend %rounded;\n\n border: 1px solid transparent;\n height: $code-header-height;\n width: $code-header-height;\n padding: 0;\n background-color: inherit;\n\n i {\n color: var(--code-header-icon-color);\n }\n\n &[timeout] {\n &:hover {\n border-color: var(--clipboard-checked-color);\n }\n\n i {\n color: var(--clipboard-checked-color);\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:not([timeout]):hover {\n background-color: rgba(128, 128, 128, 0.37);\n\n i {\n color: white;\n }\n }\n }\n}\n\n@media all and (min-width: 576px) {\n div[class^='language-'] {\n .content > & {\n @include ml-mr(0);\n\n border-radius: $base-radius;\n }\n\n .code-header {\n @include ml-mr(0);\n\n $dot-margin: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n margin-left: $dot-margin;\n width: $code-dot-size;\n height: $code-dot-size;\n border-radius: 50%;\n background-color: var(--code-header-muted-color);\n box-shadow: ($code-dot-size + $code-dot-gap) 0 0\n var(--code-header-muted-color),\n ($code-dot-size + $code-dot-gap) * 2 0 0\n var(--code-header-muted-color);\n }\n\n span {\n // center the text of label\n margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);\n }\n }\n }\n}\n","/*\n * The syntax light mode code snippet colors.\n */\n\n@mixin light-syntax {\n /* --- custom light colors --- */\n --language-border-color: #ececec;\n --highlight-bg-color: #f6f8fa;\n --highlighter-rouge-color: #3f596f;\n --highlight-lineno-color: #9e9e9e;\n --inline-code-bg: #f6f6f7;\n --code-color: #3a3a3a;\n --code-header-text-color: #a3a3a3;\n --code-header-muted-color: #e5e5e5;\n --code-header-icon-color: #c9c8c8;\n --clipboard-checked-color: #43c743;\n\n [class^='prompt-'] {\n --inline-code-bg: #fbfafa;\n }\n\n /* --- Syntax highlight theme from `rougify style github` --- */\n\n .highlight table td {\n padding: 5px;\n }\n\n .highlight table pre {\n margin: 0;\n }\n\n .highlight,\n .highlight .w {\n color: #24292f;\n background-color: #f6f8fa;\n }\n\n .highlight .k,\n .highlight .kd,\n .highlight .kn,\n .highlight .kp,\n .highlight .kr,\n .highlight .kt,\n .highlight .kv {\n color: #cf222e;\n }\n\n .highlight .gr {\n color: #f6f8fa;\n }\n\n .highlight .gd {\n color: #82071e;\n background-color: #ffebe9;\n }\n\n .highlight .nb {\n color: #953800;\n }\n\n .highlight .nc {\n color: #953800;\n }\n\n .highlight .no {\n color: #953800;\n }\n\n .highlight .nn {\n color: #953800;\n }\n\n .highlight .sr {\n color: #116329;\n }\n\n .highlight .na {\n color: #116329;\n }\n\n .highlight .nt {\n color: #116329;\n }\n\n .highlight .gi {\n color: #116329;\n background-color: #dafbe1;\n }\n\n .highlight .kc {\n color: #0550ae;\n }\n\n .highlight .l,\n .highlight .ld,\n .highlight .m,\n .highlight .mb,\n .highlight .mf,\n .highlight .mh,\n .highlight .mi,\n .highlight .il,\n .highlight .mo,\n .highlight .mx {\n color: #0550ae;\n }\n\n .highlight .sb {\n color: #0550ae;\n }\n\n .highlight .bp {\n color: #0550ae;\n }\n\n .highlight .ne {\n color: #0550ae;\n }\n\n .highlight .nl {\n color: #0550ae;\n }\n\n .highlight .py {\n color: #0550ae;\n }\n\n .highlight .nv,\n .highlight .vc,\n .highlight .vg,\n .highlight .vi,\n .highlight .vm {\n color: #0550ae;\n }\n\n .highlight .o,\n .highlight .ow {\n color: #0550ae;\n }\n\n .highlight .gh {\n color: #0550ae;\n font-weight: bold;\n }\n\n .highlight .gu {\n color: #0550ae;\n font-weight: bold;\n }\n\n .highlight .s,\n .highlight .sa,\n .highlight .sc,\n .highlight .dl,\n .highlight .sd,\n .highlight .s2,\n .highlight .se,\n .highlight .sh,\n .highlight .sx,\n .highlight .s1,\n .highlight .ss {\n color: #0a3069;\n }\n\n .highlight .nd {\n color: #8250df;\n }\n\n .highlight .nf,\n .highlight .fm {\n color: #8250df;\n }\n\n .highlight .err {\n color: #f6f8fa;\n background-color: #82071e;\n }\n\n .highlight .c,\n .highlight .ch,\n .highlight .cd,\n .highlight .cm,\n .highlight .cp,\n .highlight .cpf,\n .highlight .c1,\n .highlight .cs {\n color: #68717a;\n }\n\n .highlight .gl {\n color: #68717a;\n }\n\n .highlight .gt {\n color: #68717a;\n }\n\n .highlight .ni {\n color: #24292f;\n }\n\n .highlight .si {\n color: #24292f;\n }\n\n .highlight .ge {\n color: #24292f;\n font-style: italic;\n }\n\n .highlight .gs {\n color: #24292f;\n font-weight: bold;\n }\n} /* light-syntax */\n","/*\n * The syntax dark mode styles.\n */\n\n@mixin dark-syntax {\n --language-border-color: #2d2d2d;\n --highlight-bg-color: #151515;\n --highlighter-rouge-color: #c9def1;\n --highlight-lineno-color: #808080;\n --inline-code-bg: #323238;\n --code-color: #b0b0b0;\n --code-header-text-color: #6a6a6a;\n --code-header-muted-color: #353535;\n --code-header-icon-color: #565656;\n --clipboard-checked-color: #2bcc2b;\n --filepath-text-color: #cacaca;\n\n .highlight .gp {\n color: #87939d;\n }\n\n /* --- Syntax highlight theme from `rougify style base16.dark` --- */\n\n .highlight table td {\n padding: 5px;\n }\n\n .highlight table pre {\n margin: 0;\n }\n\n .highlight,\n .highlight .w {\n color: #d0d0d0;\n background-color: #151515;\n }\n\n .highlight .err {\n color: #151515;\n background-color: #ac4142;\n }\n\n .highlight .c,\n .highlight .ch,\n .highlight .cd,\n .highlight .cm,\n .highlight .cpf,\n .highlight .c1,\n .highlight .cs {\n color: #848484;\n }\n\n .highlight .cp {\n color: #f4bf75;\n }\n\n .highlight .nt {\n color: #f4bf75;\n }\n\n .highlight .o,\n .highlight .ow {\n color: #d0d0d0;\n }\n\n .highlight .p,\n .highlight .pi {\n color: #d0d0d0;\n }\n\n .highlight .gi {\n color: #90a959;\n }\n\n .highlight .gd {\n color: #f08a8b;\n background-color: #320000;\n }\n\n .highlight .gh {\n color: #6a9fb5;\n background-color: #151515;\n font-weight: bold;\n }\n\n .highlight .k,\n .highlight .kn,\n .highlight .kp,\n .highlight .kr,\n .highlight .kv {\n color: #aa759f;\n }\n\n .highlight .kc {\n color: #d28445;\n }\n\n .highlight .kt {\n color: #d28445;\n }\n\n .highlight .kd {\n color: #d28445;\n }\n\n .highlight .s,\n .highlight .sb,\n .highlight .sc,\n .highlight .dl,\n .highlight .sd,\n .highlight .s2,\n .highlight .sh,\n .highlight .sx,\n .highlight .s1 {\n color: #90a959;\n }\n\n .highlight .sa {\n color: #aa759f;\n }\n\n .highlight .sr {\n color: #75b5aa;\n }\n\n .highlight .si {\n color: #b76d45;\n }\n\n .highlight .se {\n color: #b76d45;\n }\n\n .highlight .nn {\n color: #f4bf75;\n }\n\n .highlight .nc {\n color: #f4bf75;\n }\n\n .highlight .no {\n color: #f4bf75;\n }\n\n .highlight .na {\n color: #6a9fb5;\n }\n\n .highlight .m,\n .highlight .mb,\n .highlight .mf,\n .highlight .mh,\n .highlight .mi,\n .highlight .il,\n .highlight .mo,\n .highlight .mx {\n color: #90a959;\n }\n\n .highlight .ss {\n color: #90a959;\n }\n}\n","/* The common styles */\n\nhtml {\n @media (prefers-color-scheme: light) {\n &:not([data-mode]),\n &[data-mode='light'] {\n @include light-scheme;\n }\n\n &[data-mode='dark'] {\n @include dark-scheme;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:not([data-mode]),\n &[data-mode='dark'] {\n @include dark-scheme;\n }\n\n &[data-mode='light'] {\n @include light-scheme;\n }\n }\n\n font-size: 16px;\n}\n\nbody {\n background: var(--main-bg);\n padding: env(safe-area-inset-top) env(safe-area-inset-right)\n env(safe-area-inset-bottom) env(safe-area-inset-left);\n color: var(--text-color);\n -webkit-font-smoothing: antialiased;\n font-family: $font-family-base;\n}\n\n/* --- Typography --- */\n\n@for $i from 1 through 5 {\n h#{$i} {\n @extend %heading;\n\n @if $i > 1 {\n @extend %section;\n @extend %anchor;\n }\n\n @if $i < 5 {\n $factor: 0.18rem;\n\n @if $i == 1 {\n $factor: 0.23rem;\n }\n\n font-size: 1rem + (5 - $i) * $factor;\n } @else {\n font-size: 1rem;\n }\n }\n}\n\na {\n @extend %link-color;\n\n text-decoration: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n transition: all 0.35s ease-in-out;\n\n .blur & {\n $blur: 20px;\n\n -webkit-filter: blur($blur);\n filter: blur($blur);\n }\n}\n\nblockquote {\n border-left: 5px solid var(--blockquote-border-color);\n padding-left: 1rem;\n color: var(--blockquote-text-color);\n\n > p:last-child {\n margin-bottom: 0;\n }\n\n &[class^='prompt-'] {\n border-left: 0;\n position: relative;\n padding: 1rem 1rem 1rem 3rem;\n color: var(--prompt-text-color);\n\n @extend %rounded;\n\n &::before {\n text-align: center;\n width: 3rem;\n position: absolute;\n left: 0.25rem;\n margin-top: 0.4rem;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n }\n }\n\n @include prompt('tip', '\\f0eb', 'regular');\n @include prompt('info', '\\f06a');\n @include prompt('warning', '\\f06a');\n @include prompt('danger', '\\f071');\n}\n\nkbd {\n font-family: inherit;\n display: inline-block;\n vertical-align: middle;\n line-height: 1.3rem;\n min-width: 1.75rem;\n text-align: center;\n margin: 0 0.3rem;\n padding-top: 0.1rem;\n color: var(--kbd-text-color);\n background-color: var(--kbd-bg-color);\n border-radius: 0.25rem;\n border: solid 1px var(--kbd-wrap-color);\n box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);\n}\n\nfooter {\n background-color: var(--main-bg);\n height: $footer-height;\n border-top: 1px solid var(--main-border-color);\n\n @extend %text-xs;\n\n a {\n @extend %text-highlight;\n\n &:hover {\n @extend %link-hover;\n }\n }\n\n em {\n @extend %text-highlight;\n }\n\n p {\n text-align: center;\n margin-bottom: 0;\n }\n}\n\n/* fontawesome icons */\ni {\n &.far,\n &.fas {\n @extend %no-cursor;\n }\n}\n\n/* --- Panels --- */\n\n.access {\n top: 2rem;\n transition: top 0.2s ease-in-out;\n margin-top: 3rem;\n margin-bottom: 4rem;\n\n &:only-child {\n position: -webkit-sticky;\n position: sticky;\n }\n\n > section {\n padding-left: 1rem;\n border-left: 1px solid var(--main-border-color);\n\n &:not(:last-child) {\n margin-bottom: 4rem;\n }\n }\n\n .content {\n font-size: 0.9rem;\n }\n}\n\n#panel-wrapper {\n /* the headings */\n .panel-heading {\n font-family: inherit;\n line-height: inherit;\n\n @include label(inherit);\n }\n\n .post-tag {\n line-height: 1.05rem;\n font-size: 0.85rem;\n border-radius: 0.8rem;\n padding: 0.3rem 0.5rem;\n margin: 0 0.35rem 0.5rem 0;\n\n &:hover {\n transition: all 0.3s ease-in;\n }\n }\n}\n\n#access-lastmod {\n a {\n &:hover {\n @extend %link-hover;\n }\n\n @extend %no-bottom-border;\n\n color: inherit;\n }\n}\n\n.footnotes > ol {\n padding-left: 2rem;\n margin-top: 0.5rem;\n\n > li {\n &:not(:last-child) {\n margin-bottom: 0.3rem;\n }\n\n @extend %sup-fn-target;\n\n > p {\n margin-left: 0.25em;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n.footnote {\n @at-root a#{&} {\n @include ml-mr(1px);\n @include pl-pr(2px);\n\n border-bottom-style: none !important;\n }\n}\n\nsup {\n @extend %sup-fn-target;\n}\n\n.reversefootnote {\n @at-root a#{&} {\n font-size: 0.6rem;\n line-height: 1;\n position: relative;\n bottom: 0.25em;\n margin-left: 0.25em;\n border-bottom-style: none !important;\n }\n}\n\n/* --- Begin of Markdown table style --- */\n\n/* it will be created by Liquid */\n.table-wrapper {\n overflow-x: auto;\n margin-bottom: 1.5rem;\n\n > table {\n min-width: 100%;\n overflow-x: auto;\n border-spacing: 0;\n\n thead {\n border-bottom: solid 2px rgba(210, 215, 217, 0.75);\n\n th {\n @extend %table-cell;\n }\n }\n\n tbody {\n tr {\n border-bottom: 1px solid var(--tb-border-color);\n\n &:nth-child(2n) {\n background-color: var(--tb-even-bg);\n }\n\n &:nth-child(2n + 1) {\n background-color: var(--tb-odd-bg);\n }\n\n td {\n @extend %table-cell;\n }\n }\n } /* tbody */\n } /* table */\n}\n\n/* --- post --- */\n\n.preview-img {\n aspect-ratio: 40 / 21;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n @extend %rounded;\n\n &:not(.no-bg) {\n background: var(--img-bg);\n }\n\n img {\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n\n @extend %rounded;\n\n @at-root #post-list & {\n width: 100%;\n }\n }\n}\n\n.post-preview {\n @extend %rounded;\n\n border: 0;\n background: var(--card-bg);\n box-shadow: var(--card-shadow);\n\n &::before {\n @extend %rounded;\n\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n background-color: var(--card-hovor-bg);\n opacity: 0;\n transition: opacity 0.35s ease-in-out;\n }\n\n &:hover {\n &::before {\n opacity: 0.3;\n }\n }\n}\n\nmain {\n line-height: 1.75;\n\n h1 {\n margin-top: 2rem;\n margin-bottom: 1.5rem;\n }\n\n p {\n > a.popup {\n &:not(.normal):not(.left):not(.right) {\n @include align-center;\n }\n }\n }\n\n .categories,\n #tags,\n #archives {\n a:not(:hover) {\n @extend %no-bottom-border;\n }\n }\n}\n\n.post-meta {\n @extend %text-sm;\n\n a {\n &:not([class]):hover {\n @extend %link-hover;\n }\n }\n\n em {\n @extend %normal-font-style;\n }\n}\n\n.content {\n font-size: 1.08rem;\n margin-top: 2rem;\n overflow-wrap: break-word;\n\n a {\n &.popup {\n @extend %no-cursor;\n @extend %img-caption;\n @include mt-mb(0.5rem);\n\n cursor: zoom-in;\n }\n\n &:not(.img-link) {\n @extend %link-underline;\n\n &:hover {\n @extend %link-hover;\n }\n }\n }\n\n ol,\n ul {\n &:not([class]),\n &.task-list {\n -webkit-padding-start: 1.75rem;\n padding-inline-start: 1.75rem;\n\n li {\n margin: 0.25rem 0;\n padding-left: 0.25rem;\n }\n\n ol,\n ul {\n -webkit-padding-start: 1.25rem;\n padding-inline-start: 1.25rem;\n margin: 0.5rem 0;\n }\n }\n }\n\n ul.task-list {\n -webkit-padding-start: 1.25rem;\n padding-inline-start: 1.25rem;\n\n li {\n list-style-type: none;\n padding-left: 0;\n\n /* checkbox icon */\n > i {\n width: 2rem;\n margin-left: -1.25rem;\n color: var(--checkbox-color);\n\n &.checked {\n color: var(--checkbox-checked-color);\n }\n }\n\n ul {\n -webkit-padding-start: 1.75rem;\n padding-inline-start: 1.75rem;\n }\n }\n\n input[type='checkbox'] {\n margin: 0 0.5rem 0.2rem -1.3rem;\n vertical-align: middle;\n }\n } /* ul */\n\n dl > dd {\n margin-left: 1rem;\n }\n\n ::marker {\n color: var(--text-muted-color);\n }\n} /* .content */\n\n.tag:hover {\n @extend %tag-hover;\n}\n\n.post-tag {\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n border-radius: 0.5rem;\n border: 1px solid var(--btn-border-color);\n padding: 0 0.4rem;\n color: var(--text-muted-color);\n line-height: 1.3rem;\n\n &:not(:last-child) {\n margin-right: 0.2rem;\n }\n}\n\n.rounded-10 {\n border-radius: 10px !important;\n}\n\n.img-link {\n color: transparent;\n display: inline-flex;\n}\n\n.shimmer {\n overflow: hidden;\n position: relative;\n background: var(--img-bg);\n\n &::before {\n content: '';\n position: absolute;\n background: var(--shimmer-bg);\n height: 100%;\n width: 100%;\n -webkit-animation: shimmer 1.3s infinite;\n animation: shimmer 1.3s infinite;\n }\n\n @-webkit-keyframes shimmer {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(100%);\n }\n }\n\n @keyframes shimmer {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(100%);\n }\n }\n}\n\n.embed-video {\n width: 100%;\n height: 100%;\n margin-bottom: 1rem;\n\n @extend %rounded;\n\n &.youtube,\n &.bilibili {\n aspect-ratio: 16 / 9;\n }\n\n &.twitch {\n aspect-ratio: 310 / 189;\n }\n}\n\n/* --- buttons --- */\n.btn-lang {\n border: 1px solid !important;\n padding: 1px 3px;\n border-radius: 3px;\n color: var(--link-color);\n\n &:focus {\n box-shadow: none;\n }\n}\n\n/* --- Effects classes --- */\n\n.loaded {\n display: block !important;\n\n @at-root .d-flex#{&} {\n display: flex !important;\n }\n}\n\n.unloaded {\n display: none !important;\n}\n\n.visible {\n visibility: visible !important;\n}\n\n.hidden {\n visibility: hidden !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.btn-box-shadow {\n box-shadow: var(--card-shadow);\n}\n\n/* overwrite bootstrap muted */\n.text-muted {\n color: var(--text-muted-color) !important;\n}\n\n/* Overwrite bootstrap tooltip */\n.tooltip-inner {\n font-size: 0.7rem;\n max-width: 220px;\n text-align: left;\n}\n\n/* Overwrite bootstrap outline button */\n.btn.btn-outline-primary {\n &:not(.disabled):hover {\n border-color: #007bff !important;\n }\n}\n\n.disabled {\n color: rgb(206, 196, 196);\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.hide-border-bottom {\n border-bottom: none !important;\n}\n\n.input-focus {\n box-shadow: none;\n border-color: var(--input-focus-border-color) !important;\n background: center !important;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n}\n\n.left {\n float: left;\n margin: 0.75rem 1rem 1rem 0;\n}\n\n.right {\n float: right;\n margin: 0.75rem 0 1rem 1rem;\n}\n\n/* --- Overriding --- */\n\n/* magnific-popup */\n\nfigure .mfp-title {\n text-align: center;\n padding-right: 0;\n margin-top: 0.5rem;\n}\n\n.mfp-img {\n transition: none;\n}\n\n/* mermaid */\n.mermaid {\n text-align: center;\n}\n\n/* MathJax */\nmjx-container {\n overflow-y: hidden;\n min-width: auto !important;\n}\n\n/* --- sidebar layout --- */\n\n$sidebar-display: 'sidebar-display';\n$btn-border-width: 3px;\n$btn-mb: 0.5rem;\n\n#sidebar {\n @include pl-pr(0);\n\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n overflow-y: auto;\n width: $sidebar-width;\n z-index: 99;\n background: var(--sidebar-bg);\n border-right: 1px solid var(--sidebar-border-color);\n\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n /* Hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n\n %sidebar-link-hover {\n &:hover {\n color: var(--sidebar-active-color);\n }\n }\n\n a {\n @extend %sidebar-links;\n }\n\n #avatar {\n display: block;\n width: 7rem;\n height: 7rem;\n overflow: hidden;\n box-shadow: var(--avatar-border-color) 0 0 0 2px;\n transform: translateZ(0); /* fixed the zoom in Safari */\n\n img {\n transition: transform 0.5s;\n\n &:hover {\n transform: scale(1.2);\n }\n }\n }\n\n .profile-wrapper {\n @include mt-mb(0.5rem);\n @extend %clickable-transition;\n\n padding-left: 2.5rem;\n padding-right: 1.25rem;\n width: 100%;\n }\n\n .site-title {\n font-family: inherit;\n font-weight: 900;\n font-size: 1.75rem;\n line-height: 1.2;\n letter-spacing: 0.25px;\n margin-top: 1.25rem;\n margin-bottom: 0.5rem;\n\n a {\n @extend %clickable-transition;\n @extend %sidebar-link-hover;\n\n color: var(--site-title-color);\n }\n }\n\n .site-subtitle {\n font-size: 95%;\n color: var(--site-subtitle-color);\n margin-top: 0.25rem;\n word-spacing: 1px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n ul {\n margin-bottom: 2rem;\n\n li.nav-item {\n opacity: 0.9;\n width: 100%;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n\n a.nav-link {\n @include pt-pb(0.6rem);\n\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n font-weight: 600;\n\n &:hover {\n background-color: var(--sidebar-hover-bg);\n }\n\n i {\n font-size: 95%;\n opacity: 0.8;\n margin-right: 1.5rem;\n }\n\n span {\n font-size: 90%;\n letter-spacing: 0.2px;\n }\n }\n\n &.active {\n .nav-link {\n color: var(--sidebar-active-color);\n background-color: var(--sidebar-hover-bg);\n\n span {\n opacity: 1;\n }\n }\n }\n\n &:not(:first-child) {\n margin-top: 0.25rem;\n }\n }\n }\n\n .sidebar-bottom {\n padding-left: 2rem;\n padding-right: 1rem;\n margin-bottom: 1.5rem;\n\n $btn-size: 1.75rem;\n\n %button {\n width: $btn-size;\n height: $btn-size;\n margin-bottom: $btn-mb; // multi line gap\n border-radius: 50%;\n color: var(--sidebar-btn-color);\n background-color: var(--sidebar-btn-bg);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--sidebar-border-color) 0 0 0 1px;\n\n &:hover {\n background-color: var(--sidebar-hover-bg);\n }\n }\n\n a {\n @extend %button;\n @extend %sidebar-link-hover;\n @extend %clickable-transition;\n\n &:not(:last-child) {\n margin-right: $sb-btn-gap;\n }\n }\n\n i {\n line-height: $btn-size;\n }\n\n .mode-toggle {\n padding: 0;\n border: 0;\n\n @extend %button;\n @extend %sidebar-links;\n @extend %sidebar-link-hover;\n }\n\n .icon-border {\n @extend %no-cursor;\n @include ml-mr(calc(($sb-btn-gap - $btn-border-width) / 2));\n\n background-color: var(--sidebar-btn-color);\n content: '';\n width: $btn-border-width;\n height: $btn-border-width;\n border-radius: 50%;\n margin-bottom: $btn-mb;\n }\n } /* .sidebar-bottom */\n} /* #sidebar */\n\n@media (hover: hover) {\n #sidebar ul > li:last-child::after {\n transition: top 0.5s ease;\n }\n\n .nav-link {\n transition: background-color 0.3s ease-in-out;\n }\n\n .post-preview {\n transition: background-color 0.35s ease-in-out;\n }\n}\n\n#search-result-wrapper {\n display: none;\n height: 100%;\n width: 100%;\n overflow: auto;\n\n .content {\n margin-top: 2rem;\n }\n}\n\n/* --- top-bar --- */\n\n#topbar-wrapper {\n height: $topbar-height;\n background-color: var(--topbar-bg);\n}\n\n#topbar {\n button i {\n color: #999999;\n }\n\n #breadcrumb {\n font-size: 1rem;\n color: var(--text-muted-color);\n padding-left: 0.5rem;\n\n a:hover {\n @extend %link-hover;\n }\n\n span {\n &:not(:last-child) {\n &::after {\n content: '›';\n padding: 0 0.3rem;\n }\n }\n }\n }\n} /* #topbar */\n\n::-webkit-input-placeholder {\n @include placeholder;\n}\n\n::-moz-placeholder {\n @include placeholder;\n}\n\n:-ms-input-placeholder {\n @include placeholder;\n}\n\n::-ms-input-placeholder {\n @include placeholder;\n}\n\n::placeholder {\n @include placeholder;\n}\n\n:focus::-webkit-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::-moz-placeholder {\n @include placeholder-focus;\n}\n\n:focus:-ms-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::-ms-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::placeholder {\n @include placeholder-focus;\n}\n\nsearch {\n display: flex;\n width: 100%;\n border-radius: 1rem;\n border: 1px solid var(--search-border-color);\n background: var(--main-bg);\n padding: 0 0.5rem;\n\n i {\n z-index: 2;\n font-size: 0.9rem;\n color: var(--search-icon-color);\n }\n}\n\n#sidebar-trigger,\n#search-trigger {\n display: none;\n}\n\n/* 'Cancel' link */\n#search-cancel {\n color: var(--link-color);\n display: none;\n white-space: nowrap;\n\n @extend %cursor-pointer;\n}\n\n#search-input {\n background: center;\n border: 0;\n border-radius: 0;\n padding: 0.18rem 0.3rem;\n color: var(--text-color);\n height: auto;\n\n &:focus {\n box-shadow: none;\n }\n}\n\n#search-hints {\n padding: 0 1rem;\n\n h4 {\n margin-bottom: 1.5rem;\n }\n\n .post-tag {\n display: inline-block;\n line-height: 1rem;\n font-size: 1rem;\n background: var(--search-tag-bg);\n border: none;\n padding: 0.5rem;\n margin: 0 1.25rem 1rem 0;\n\n &::before {\n content: '#';\n color: var(--text-muted-color);\n padding-right: 0.2rem;\n }\n\n @extend %link-color;\n }\n}\n\n#search-results {\n padding-bottom: 3rem;\n\n a {\n &:hover {\n @extend %link-hover;\n }\n\n @extend %link-color;\n @extend %no-bottom-border;\n @extend %heading;\n\n font-size: 1.4rem;\n line-height: 2.5rem;\n }\n\n > article {\n width: 100%;\n\n &:not(:last-child) {\n margin-bottom: 1rem;\n }\n\n /* icons */\n i {\n color: #818182;\n margin-right: 0.15rem;\n font-size: 80%;\n }\n\n > p {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n }\n} /* #search-results */\n\n#topbar-title {\n display: none;\n font-size: 1.1rem;\n font-weight: 600;\n font-family: sans-serif;\n color: var(--topbar-text-color);\n text-align: center;\n width: 70%;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n white-space: nowrap;\n}\n\n#mask {\n display: none;\n position: fixed;\n inset: 0 0 0 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n\n @at-root [#{$sidebar-display}] & {\n display: block !important;\n }\n}\n\n/* --- basic wrappers --- */\n\n#main-wrapper {\n position: relative;\n\n @include pl-pr(0);\n\n > .container {\n min-height: 100vh;\n }\n}\n\n#topbar-wrapper.row,\n#main-wrapper > .container > .row,\n#search-result-wrapper > .row {\n @include ml-mr(0);\n}\n\n#tail-wrapper {\n > :not(script) {\n margin-top: 3rem;\n }\n}\n\n/* --- button back-to-top --- */\n\n#back-to-top {\n display: none;\n z-index: 1;\n cursor: pointer;\n position: fixed;\n right: 1rem;\n bottom: calc($footer-height-large - $back2top-size / 2);\n background: var(--button-bg);\n color: var(--btn-backtotop-color);\n padding: 0;\n width: $back2top-size;\n height: $back2top-size;\n border-radius: 50%;\n border: 1px solid var(--btn-backtotop-border-color);\n transition: transform 0.2s ease-out;\n -webkit-transition: transform 0.2s ease-out;\n\n &:hover {\n transform: translate3d(0, -5px, 0);\n -webkit-transform: translate3d(0, -5px, 0);\n }\n\n i {\n line-height: $back2top-size;\n position: relative;\n bottom: 2px;\n }\n}\n\n#notification {\n @-webkit-keyframes popup {\n from {\n opacity: 0;\n bottom: 0;\n }\n }\n\n @keyframes popup {\n from {\n opacity: 0;\n bottom: 0;\n }\n }\n\n .toast-header {\n background: none;\n border-bottom: none;\n color: inherit;\n }\n\n .toast-body {\n font-family: Lato, sans-serif;\n line-height: 1.25rem;\n\n button {\n font-size: 90%;\n min-width: 4rem;\n }\n }\n\n &.toast {\n &.show {\n display: block;\n min-width: 20rem;\n border-radius: 0.5rem;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n background-color: rgba(255, 255, 255, 0.5);\n color: #1b1b1eba;\n position: fixed;\n left: 50%;\n bottom: 20%;\n transform: translateX(-50%);\n -webkit-animation: popup 0.8s;\n animation: popup 0.8s;\n }\n }\n}\n\n/*\n Responsive Design:\n\n {sidebar, content, panel} >= 1200px screen width\n {sidebar, content} >= 850px screen width\n {content} <= 849px screen width\n\n*/\n\n@media all and (max-width: 576px) {\n main {\n .content {\n > blockquote[class^='prompt-'] {\n @include ml-mr(-1rem);\n\n border-radius: 0;\n max-width: none;\n }\n }\n }\n\n #avatar {\n width: 5rem;\n height: 5rem;\n }\n}\n\n@media all and (max-width: 768px) {\n %full-width {\n max-width: 100%;\n }\n\n #topbar {\n @extend %full-width;\n }\n\n #main-wrapper > .container {\n @extend %full-width;\n @include pl-pr(0);\n }\n}\n\n/* hide sidebar and panel */\n@media all and (max-width: 849px) {\n @mixin slide($append: null) {\n $basic: transform 0.4s ease;\n\n @if $append {\n transition: $basic, $append;\n } @else {\n transition: $basic;\n }\n }\n\n footer {\n @include slide;\n\n height: $footer-height-large;\n padding: 1.5rem 0;\n }\n\n [#{$sidebar-display}] {\n #sidebar {\n transform: translateX(0);\n }\n\n #main-wrapper {\n transform: translateX($sidebar-width);\n }\n\n #back-to-top {\n visibility: hidden;\n }\n }\n\n #sidebar {\n @include slide;\n\n transform: translateX(-$sidebar-width); /* hide */\n -webkit-transform: translateX(-$sidebar-width);\n }\n\n #main-wrapper {\n @include slide;\n }\n\n #topbar,\n #main-wrapper > .container {\n max-width: 100%;\n }\n\n #search-result-wrapper {\n width: 100%;\n }\n\n #breadcrumb,\n search {\n display: none;\n }\n\n #topbar-wrapper {\n @include slide(top 0.2s ease);\n\n left: 0;\n }\n\n main,\n #panel-wrapper {\n margin-top: 0;\n }\n\n #topbar-title,\n #sidebar-trigger,\n #search-trigger {\n display: block;\n }\n\n #search-result-wrapper .content {\n letter-spacing: 0;\n }\n\n #tags {\n justify-content: center !important;\n }\n\n h1.dynamic-title {\n display: none;\n\n ~ .content {\n margin-top: 2.5rem;\n }\n }\n} /* max-width: 849px */\n\n/* Sidebar is visible */\n@media all and (min-width: 850px) {\n /* Solved jumping scrollbar */\n html {\n overflow-y: scroll;\n }\n\n #main-wrapper {\n margin-left: $sidebar-width;\n }\n\n #sidebar {\n .profile-wrapper {\n margin-top: 3rem;\n }\n }\n\n #search-hints {\n display: none;\n }\n\n search {\n max-width: $search-max-width;\n }\n\n #search-result-wrapper {\n max-width: $main-content-max-width;\n justify-content: start !important;\n }\n\n main {\n h1 {\n margin-top: 3rem;\n }\n }\n\n div.content .table-wrapper > table {\n min-width: 70%;\n }\n\n /* button 'back-to-Top' position */\n #back-to-top {\n right: 5%;\n bottom: calc($footer-height - $back2top-size / 2);\n }\n\n #topbar-title {\n text-align: left;\n }\n}\n\n/* Pad horizontal */\n@media all and (min-width: 992px) and (max-width: 1199px) {\n #main-wrapper > .container .col-lg-11 {\n flex: 0 0 96%;\n max-width: 96%;\n }\n}\n\n/* Compact icons in sidebar & panel hidden */\n@media all and (min-width: 850px) and (max-width: 1199px) {\n #search-results > div {\n max-width: 700px;\n }\n\n #breadcrumb {\n width: 65%;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n white-space: nowrap;\n }\n}\n\n/* panel hidden */\n@media all and (max-width: 1199px) {\n #panel-wrapper {\n display: none;\n }\n\n #main-wrapper > .container > div.row {\n justify-content: center !important;\n }\n}\n\n/* --- desktop mode, both sidebar and panel are visible --- */\n\n@media all and (min-width: 1200px) {\n search {\n margin-right: 4rem;\n }\n\n #search-input {\n transition: all 0.3s ease-in-out;\n }\n\n #search-results > article {\n width: 45%;\n\n &:nth-child(odd) {\n margin-right: 1.5rem;\n }\n\n &:nth-child(even) {\n margin-left: 1.5rem;\n }\n\n &:last-child:nth-child(odd) {\n position: relative;\n right: 24.3%;\n }\n }\n\n .content {\n font-size: 1.03rem;\n }\n}\n\n@media all and (min-width: 1400px) {\n #back-to-top {\n right: calc((100vw - $sidebar-width - 1140px) / 2 + 3rem);\n }\n}\n\n@media all and (min-width: 1650px) {\n $icon-gap: 1rem;\n\n #main-wrapper {\n margin-left: $sidebar-width-large;\n }\n\n #topbar-wrapper {\n left: $sidebar-width-large;\n }\n\n search {\n margin-right: calc(\n $main-content-max-width / 4 - $search-max-width - 0.75rem\n );\n }\n\n #main-wrapper > .container {\n max-width: $main-content-max-width;\n padding-left: 1.75rem !important;\n padding-right: 1.75rem !important;\n }\n\n main.col-12,\n #tail-wrapper {\n padding-right: 4.5rem !important;\n }\n\n #back-to-top {\n right: calc(\n (100vw - $sidebar-width-large - $main-content-max-width) / 2 + 2rem\n );\n }\n\n #sidebar {\n width: $sidebar-width-large;\n\n .profile-wrapper {\n margin-top: 3.5rem;\n margin-bottom: 2.5rem;\n padding-left: 3.5rem;\n }\n\n ul {\n li.nav-item {\n @include pl-pr(2.75rem);\n }\n }\n\n .sidebar-bottom {\n padding-left: 2.75rem;\n margin-bottom: 1.75rem;\n\n a:not(:last-child) {\n margin-right: $sb-btn-gap-lg;\n }\n\n .icon-border {\n @include ml-mr(calc(($sb-btn-gap-lg - $btn-border-width) / 2));\n }\n }\n }\n} /* min-width: 1650px */\n","/*\n * The syntax light mode typography colors\n */\n\n@mixin light-scheme {\n /* Framework color */\n --main-bg: white;\n --mask-bg: #c1c3c5;\n --main-border-color: #f3f3f3;\n\n /* Common color */\n --text-color: #34343c;\n --text-muted-color: #757575;\n --text-muted-hightlight-color: inherit;\n --heading-color: #2a2a2a;\n --label-color: #585858;\n --blockquote-border-color: #eeeeee;\n --blockquote-text-color: #757575;\n --link-color: #0056b2;\n --link-underline-color: #dee2e6;\n --button-bg: #ffffff;\n --btn-border-color: #e9ecef;\n --btn-backtotop-color: #686868;\n --btn-backtotop-border-color: #f1f1f1;\n --btn-box-shadow: #eaeaea;\n --checkbox-color: #c5c5c5;\n --checkbox-checked-color: #07a8f7;\n --img-bg: radial-gradient(\n circle,\n rgb(255, 255, 255) 0%,\n rgb(239, 239, 239) 100%\n );\n --shimmer-bg: linear-gradient(\n 90deg,\n rgba(250, 250, 250, 0) 0%,\n rgba(232, 230, 230, 1) 50%,\n rgba(250, 250, 250, 0) 100%\n );\n\n /* Sidebar */\n --site-title-color: rgb(113, 113, 113);\n --site-subtitle-color: #717171;\n --sidebar-bg: #f6f8fa;\n --sidebar-border-color: #efefef;\n --sidebar-muted-color: #545454;\n --sidebar-active-color: #1d1d1d;\n --sidebar-hover-bg: rgb(223, 233, 241, 0.64);\n --sidebar-btn-bg: white;\n --sidebar-btn-color: #8e8e8e;\n --avatar-border-color: white;\n\n /* Topbar */\n --topbar-bg: rgb(255, 255, 255, 0.7);\n --topbar-text-color: rgb(78, 78, 78);\n --search-border-color: rgb(240, 240, 240);\n --search-icon-color: #c2c6cc;\n --input-focus-border-color: #b8b8b8;\n\n /* Home page */\n --post-list-text-color: dimgray;\n --btn-patinator-text-color: #555555;\n --btn-paginator-hover-color: var(--sidebar-bg);\n\n /* Posts */\n --toc-highlight: #0550ae;\n --btn-share-color: gray;\n --btn-share-hover-color: #0d6efd;\n --card-bg: white;\n --card-hovor-bg: #e2e2e2;\n --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,\n rgba(211, 209, 209, 0.15) 0 0 0 1px;\n --footnote-target-bg: lightcyan;\n --tb-odd-bg: #fbfcfd;\n --tb-border-color: #eaeaea;\n --dash-color: silver;\n --kbd-wrap-color: #bdbdbd;\n --kbd-text-color: var(--text-color);\n --kbd-bg-color: white;\n --prompt-text-color: rgb(46, 46, 46, 0.77);\n --prompt-tip-bg: rgb(123, 247, 144, 0.2);\n --prompt-tip-icon-color: #03b303;\n --prompt-info-bg: #e1f5fe;\n --prompt-info-icon-color: #0070cb;\n --prompt-warning-bg: rgb(255, 243, 205);\n --prompt-warning-icon-color: #ef9c03;\n --prompt-danger-bg: rgb(248, 215, 218, 0.56);\n --prompt-danger-icon-color: #df3c30;\n\n /* Tags */\n --tag-border: #dee2e6;\n --tag-shadow: var(--btn-border-color);\n --tag-hover: rgb(222, 226, 230);\n --search-tag-bg: #f8f9fa;\n\n [class^='prompt-'] {\n --link-underline-color: rgb(219, 216, 216);\n }\n\n .dark {\n display: none;\n }\n\n /* Categories */\n --categories-border: rgba(0, 0, 0, 0.125);\n --categories-hover-bg: var(--btn-border-color);\n --categories-icon-hover-color: darkslategray;\n\n /* Archive */\n --timeline-color: rgba(0, 0, 0, 0.075);\n --timeline-node-bg: #c2c6cc;\n --timeline-year-dot-color: #ffffff;\n} /* light-scheme */\n","/*\n * The main dark mode styles\n */\n\n@mixin dark-scheme {\n /* Framework color */\n --main-bg: rgb(27, 27, 30);\n --mask-bg: rgb(68, 69, 70);\n --main-border-color: rgb(44, 45, 45);\n\n /* Common color */\n --text-color: rgb(175, 176, 177);\n --text-muted-color: #868686;\n --text-muted-hightlight-color: #aeaeae;\n --heading-color: #cccccc;\n --label-color: #a7a7a7;\n --blockquote-border-color: rgb(66, 66, 66);\n --blockquote-text-color: #868686;\n --link-color: rgb(138, 180, 248);\n --link-underline-color: rgb(82, 108, 150);\n --button-bg: #1e1e1e;\n --btn-border-color: #2e2f31;\n --btn-backtotop-color: var(--text-color);\n --btn-backtotop-border-color: #212122;\n --btn-box-shadow: var(--main-bg);\n --card-header-bg: #292929;\n --checkbox-color: rgb(118, 120, 121);\n --checkbox-checked-color: var(--link-color);\n --img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);\n --shimmer-bg: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(58, 55, 55, 0.4) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n\n /* Sidebar */\n --site-title-color: #717070;\n --site-subtitle-color: #868686;\n --sidebar-bg: #1e1e1e;\n --sidebar-border-color: #292929;\n --sidebar-muted-color: #868686;\n --sidebar-active-color: rgb(255, 255, 255, 0.95);\n --sidebar-hover-bg: #262626;\n --sidebar-btn-bg: #232328;\n --sidebar-btn-color: #787878;\n --avatar-border-color: rgb(206, 206, 206, 0.9);\n\n /* Topbar */\n --topbar-bg: rgb(27, 27, 30, 0.64);\n --topbar-text-color: var(--text-color);\n --search-border-color: rgb(55, 55, 55);\n --search-icon-color: rgb(100, 102, 105);\n --input-focus-border-color: rgb(112, 114, 115);\n\n /* Home page */\n --post-list-text-color: rgb(175, 176, 177);\n --btn-patinator-text-color: var(--text-color);\n --btn-paginator-hover-color: #2e2e2e;\n\n /* Posts */\n --toc-highlight: rgb(116, 178, 243);\n --tag-hover: rgb(43, 56, 62);\n --tb-odd-bg: #252526; /* odd rows of the posts' table */\n --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */\n --tb-border-color: var(--tb-odd-bg);\n --footnote-target-bg: rgb(63, 81, 181);\n --btn-share-color: #6c757d;\n --btn-share-hover-color: #bfc1ca;\n --card-bg: #1e1e1e;\n --card-hovor-bg: #464d51;\n --card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0,\n rgb(137, 135, 135, 0.24) 0 0 0 1px;\n --kbd-wrap-color: #6a6a6a;\n --kbd-text-color: #d3d3d3;\n --kbd-bg-color: #242424;\n --prompt-text-color: rgb(216, 212, 212, 0.75);\n --prompt-tip-bg: rgb(22, 60, 36, 0.64);\n --prompt-tip-icon-color: rgb(15, 164, 15, 0.81);\n --prompt-info-bg: rgb(7, 59, 104, 0.8);\n --prompt-info-icon-color: #0075d1;\n --prompt-warning-bg: rgb(90, 69, 3, 0.88);\n --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);\n --prompt-danger-bg: rgb(86, 28, 8, 0.8);\n --prompt-danger-icon-color: #cd0202;\n\n /* tags */\n --tag-border: rgb(59, 79, 88);\n --tag-shadow: rgb(32, 33, 33);\n --dash-color: rgb(63, 65, 68);\n --search-tag-bg: #292828;\n\n /* categories */\n --categories-border: rgb(64, 66, 69, 0.5);\n --categories-hover-bg: rgb(73, 75, 76);\n --categories-icon-hover-color: white;\n\n /* archives */\n --timeline-node-bg: rgb(150, 152, 156);\n --timeline-color: rgb(63, 65, 68);\n --timeline-year-dot-color: var(--timeline-color);\n\n .light {\n display: none;\n }\n\n hr {\n border-color: var(--main-border-color);\n }\n\n /* categories */\n .categories.card,\n .list-group-item {\n background-color: var(--card-bg);\n }\n\n .categories {\n .card-header {\n background-color: var(--card-header-bg);\n }\n\n .list-group-item {\n border-left: none;\n border-right: none;\n padding-left: 2rem;\n border-color: var(--categories-border);\n\n &:last-child {\n border-bottom-color: var(--card-bg);\n }\n }\n }\n\n #archives li:nth-child(odd) {\n background-image: linear-gradient(\n to left,\n rgb(26, 26, 30),\n rgb(39, 39, 45),\n rgb(39, 39, 45),\n rgb(39, 39, 45),\n rgb(26, 26, 30)\n );\n }\n\n color-scheme: dark;\n\n /* stylelint-disable-next-line selector-id-pattern */\n #disqus_thread {\n color-scheme: none;\n }\n} /* dark-scheme */\n","/*\n Style for Homepage\n*/\n\n#post-list {\n margin-top: 2rem;\n\n .card-wrapper {\n &:hover {\n text-decoration: none;\n }\n\n &:not(:last-child) {\n margin-bottom: 1.25rem;\n }\n }\n\n .card {\n border: 0;\n background: none;\n\n %img-radius {\n border-radius: $base-radius $base-radius 0 0;\n }\n\n .preview-img {\n @extend %img-radius;\n\n img {\n @extend %img-radius;\n }\n }\n\n .card-body {\n height: 100%;\n padding: 1rem;\n\n .card-title {\n @extend %text-clip;\n\n color: var(--heading-color) !important;\n font-size: 1.25rem;\n }\n\n %muted {\n color: var(--text-muted-color) !important;\n }\n\n .card-text.content {\n @extend %muted;\n\n p {\n @extend %text-clip;\n\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .post-meta {\n @extend %muted;\n\n i {\n &:not(:first-child) {\n margin-left: 1.5rem;\n }\n }\n\n em {\n @extend %normal-font-style;\n\n color: inherit;\n }\n\n > div:first-child {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n }\n} /* #post-list */\n\n.pagination {\n color: var(--text-color);\n font-family: Lato, sans-serif;\n justify-content: space-evenly;\n\n a:hover {\n text-decoration: none;\n }\n\n .page-item {\n .page-link {\n color: var(--btn-patinator-text-color);\n padding: 0 0.6rem;\n display: -webkit-box;\n -webkit-box-pack: center;\n -webkit-box-align: center;\n border-radius: 0.5rem;\n border: 0;\n background-color: inherit;\n }\n\n &.active {\n .page-link {\n background-color: var(--btn-paginator-hover-color);\n }\n }\n\n &:not(.active) {\n .page-link {\n &:hover {\n box-shadow: inset var(--btn-border-color) 0 0 0 1px;\n }\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n\n .page-link {\n color: rgba(108, 117, 125, 0.57);\n }\n }\n } /* .page-item */\n} /* .pagination */\n\n/* Tablet */\n@media all and (min-width: 768px) {\n %img-radius {\n border-radius: 0 $base-radius $base-radius 0;\n }\n\n #post-list {\n .card {\n .card-body {\n padding: 1.75rem 1.75rem 1.25rem 1.75rem;\n\n .card-text {\n display: inherit !important;\n }\n\n .post-meta {\n i {\n &:not(:first-child) {\n margin-left: 1.75rem;\n }\n }\n }\n }\n }\n }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 830px) {\n .pagination {\n .page-item {\n &:not(:first-child):not(:last-child) {\n display: none;\n }\n }\n }\n}\n\n/* Sidebar is visible */\n@media all and (min-width: 831px) {\n #post-list {\n margin-top: 2.5rem;\n }\n\n .pagination {\n font-size: 0.85rem;\n justify-content: center;\n\n .page-item {\n &:not(:last-child) {\n margin-right: 0.7rem;\n }\n }\n\n .page-index {\n display: none;\n }\n } /* .pagination */\n}\n","/*\n Post-specific style\n*/\n\n%btn-post-nav {\n width: 50%;\n position: relative;\n border-color: var(--btn-border-color);\n}\n\n@mixin dot($pl: 0.25rem, $pr: 0.25rem) {\n content: '\\2022';\n padding-left: $pl;\n padding-right: $pr;\n}\n\nh1 + .post-meta {\n > span + span::before {\n @include dot;\n }\n\n em,\n time {\n @extend %text-highlight;\n }\n\n em {\n a {\n color: inherit;\n }\n }\n}\n\n.post-tail-wrapper {\n @extend %text-sm;\n\n margin-top: 6rem;\n border-bottom: 1px double var(--main-border-color);\n\n .license-wrapper {\n line-height: 1.2rem;\n\n > a {\n @extend %text-highlight;\n\n &:hover {\n @extend %link-hover;\n }\n }\n\n span:last-child {\n @extend %text-sm;\n }\n } /* .license-wrapper */\n\n .post-meta a:not(:hover) {\n @extend %link-underline;\n }\n\n .share-wrapper {\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n %icon-size {\n font-size: 1.125rem;\n }\n\n .share-icons {\n display: flex;\n\n i {\n color: var(--btn-share-color);\n\n @extend %icon-size;\n }\n\n > * {\n @extend %icon-size;\n\n margin-left: 0.5rem;\n\n &:hover {\n i {\n @extend %btn-share-hovor;\n }\n }\n }\n\n button {\n padding: 0;\n border: none;\n line-height: inherit;\n\n @extend %cursor-pointer;\n }\n } /* .share-icons */\n } /* .share-wrapper */\n}\n\n.share-mastodon {\n /* See: https://github.com/justinribeiro/share-to-mastodon#properties */\n --wc-stm-font-family: $font-family-base;\n --wc-stm-dialog-background-color: var(--card-bg);\n --wc-stm-form-button-border: 1px solid var(--btn-border-color);\n --wc-stm-form-submit-background-color: var(--sidebar-btn-bg);\n --wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);\n --wc-stm-form-button-background-color-hover: #007bff;\n --wc-stm-form-button-color-hover: white;\n\n font-size: 1rem;\n}\n\n.post-tags {\n line-height: 2rem;\n\n .post-tag {\n &:hover {\n @extend %link-hover;\n @extend %tag-hover;\n @extend %no-bottom-border;\n }\n }\n}\n\n.post-navigation {\n .btn {\n @extend %btn-post-nav;\n\n &:not(:hover) {\n color: var(--link-color);\n }\n\n &:hover {\n &:not(.disabled)::before {\n color: whitesmoke;\n }\n }\n\n &.disabled {\n @extend %btn-post-nav;\n\n pointer-events: auto;\n cursor: not-allowed;\n background: none;\n color: gray;\n }\n\n &.btn-outline-primary.disabled:focus {\n box-shadow: none;\n }\n\n &::before {\n color: var(--text-muted-color);\n font-size: 0.65rem;\n text-transform: uppercase;\n content: attr(aria-label);\n }\n\n &:first-child {\n border-radius: $base-radius 0 0 $base-radius;\n left: 0.5px;\n }\n\n &:last-child {\n border-radius: 0 $base-radius $base-radius 0;\n right: 0.5px;\n }\n }\n\n p {\n font-size: 1.1rem;\n line-height: 1.5rem;\n margin-top: 0.3rem;\n white-space: normal;\n }\n} /* .post-navigation */\n\n@media (hover: hover) {\n .post-navigation {\n .btn,\n .btn::before {\n transition: all 0.35s ease-in-out;\n }\n }\n}\n\n@-webkit-keyframes fade-up {\n from {\n opacity: 0;\n position: relative;\n top: 2rem;\n }\n\n to {\n opacity: 1;\n position: relative;\n top: 0;\n }\n}\n\n@keyframes fade-up {\n from {\n opacity: 0;\n position: relative;\n top: 2rem;\n }\n\n to {\n opacity: 1;\n position: relative;\n top: 0;\n }\n}\n\n#toc-wrapper {\n border-left: 1px solid rgba(158, 158, 158, 0.17);\n position: -webkit-sticky;\n position: sticky;\n top: 4rem;\n transition: top 0.2s ease-in-out;\n -webkit-animation: fade-up 0.8s;\n animation: fade-up 0.8s;\n\n ul {\n list-style: none;\n font-size: 0.85rem;\n line-height: 1.25;\n padding-left: 0;\n\n li {\n &:not(:last-child) {\n margin: 0.4rem 0;\n }\n\n a {\n padding: 0.2rem 0 0.2rem 1.25rem;\n }\n }\n\n /* Overwrite TOC plugin style */\n\n .toc-link {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover {\n color: var(--toc-highlight);\n text-decoration: none;\n }\n\n &::before {\n display: none;\n }\n }\n\n .is-active-link {\n color: var(--toc-highlight) !important;\n font-weight: 600;\n\n &::before {\n display: inline-block;\n width: 1px;\n left: -1px;\n height: 1.25rem;\n background-color: var(--toc-highlight) !important;\n }\n }\n\n ul {\n padding-left: 0.75rem;\n }\n }\n}\n\n/* --- Related Posts --- */\n\n#related-posts {\n > h3 {\n @include label(1.1rem, 600);\n }\n\n time {\n @extend %normal-font-style;\n @extend %text-xs;\n\n color: var(--text-muted-color);\n }\n\n p {\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n .card {\n h4 {\n @extend %text-clip;\n }\n }\n}\n\n/* stylelint-disable-next-line selector-id-pattern */\n#disqus_thread {\n min-height: 8.5rem;\n}\n\n.utterances {\n max-width: 100%;\n}\n\n%btn-share-hovor {\n color: var(--btn-share-hover-color) !important;\n}\n\n.share-label {\n @include label(inherit, 400, inherit);\n\n &::after {\n content: ':';\n }\n}\n\n@media all and (max-width: 576px) {\n .post-tail-bottom {\n flex-wrap: wrap-reverse !important;\n\n > div:first-child {\n width: 100%;\n margin-top: 1rem;\n }\n }\n}\n\n@media all and (max-width: 768px) {\n .content > p > img {\n max-width: calc(100% + 1rem);\n }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 849px) {\n .post-navigation {\n padding-left: 0;\n padding-right: 0;\n margin-left: -0.5rem;\n margin-right: -0.5rem;\n }\n}\n","/*\n Styles for Tab Tags\n*/\n\n.tag {\n border-radius: 0.7em;\n padding: 6px 8px 7px;\n margin-right: 0.8rem;\n line-height: 3rem;\n letter-spacing: 0;\n border: 1px solid var(--tag-border) !important;\n box-shadow: 0 0 3px 0 var(--tag-shadow);\n\n span {\n margin-left: 0.6em;\n font-size: 0.7em;\n font-family: Oswald, sans-serif;\n }\n}\n","/*\n Style for Archives\n*/\n\n#archives {\n letter-spacing: 0.03rem;\n\n $timeline-width: 4px;\n\n %timeline {\n content: '';\n width: $timeline-width;\n position: relative;\n float: left;\n background-color: var(--timeline-color);\n }\n\n .year {\n height: 3.5rem;\n font-size: 1.5rem;\n position: relative;\n left: 2px;\n margin-left: -$timeline-width;\n\n &::before {\n @extend %timeline;\n\n height: 72px;\n left: 79px;\n bottom: 16px;\n }\n\n &:first-child::before {\n @extend %timeline;\n\n height: 32px;\n top: 24px;\n }\n\n /* Year dot */\n &::after {\n content: '';\n display: inline-block;\n position: relative;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n left: 21.5px;\n border: 3px solid;\n background-color: var(--timeline-year-dot-color);\n border-color: var(--timeline-node-bg);\n box-shadow: 0 0 2px 0 #c2c6cc;\n z-index: 1;\n }\n }\n\n ul {\n li {\n font-size: 1.1rem;\n line-height: 3rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:nth-child(odd) {\n background-color: var(--main-bg, #ffffff);\n background-image: linear-gradient(\n to left,\n #ffffff,\n #fbfbfb,\n #fbfbfb,\n #fbfbfb,\n #ffffff\n );\n }\n\n &::before {\n @extend %timeline;\n\n top: 0;\n left: 77px;\n height: 3.1rem;\n }\n }\n\n &:last-child li:last-child::before {\n height: 1.5rem;\n }\n } /* #archives ul */\n\n .date {\n white-space: nowrap;\n display: inline-block;\n position: relative;\n right: 0.5rem;\n\n &.month {\n width: 1.4rem;\n text-align: center;\n }\n\n &.day {\n font-size: 85%;\n font-family: Lato, sans-serif;\n }\n }\n\n a {\n /* post title in Archvies */\n margin-left: 2.5rem;\n position: relative;\n top: 0.1rem;\n\n &:hover {\n border-bottom: none;\n }\n\n &::before {\n /* the dot before post title */\n content: '';\n display: inline-block;\n position: relative;\n border-radius: 50%;\n width: 8px;\n height: 8px;\n float: left;\n top: 1.35rem;\n left: 71px;\n background-color: var(--timeline-node-bg);\n box-shadow: 0 0 3px 0 #c2c6cc;\n z-index: 1;\n }\n }\n} /* #archives */\n\n@media all and (max-width: 576px) {\n #archives {\n margin-top: -1rem;\n\n ul {\n letter-spacing: 0;\n }\n }\n}\n","/*\n Style for Tab Categories\n*/\n\n%category-icon-color {\n color: gray;\n}\n\n.categories {\n margin-bottom: 2rem;\n border-color: var(--categories-border);\n\n &.card,\n .list-group {\n @extend %rounded;\n }\n\n .card-header {\n $radius: calc($base-radius - 1px);\n\n padding: 0.75rem;\n border-radius: $radius;\n border-bottom: 0;\n\n &.hide-border-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n i {\n @extend %category-icon-color;\n\n font-size: 86%; /* fontawesome icons */\n }\n\n .list-group-item {\n border-left: none;\n border-right: none;\n padding-left: 2rem;\n\n &:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &:last-child {\n border-bottom: 0;\n }\n }\n} /* .categories */\n\n.category-trigger {\n width: 1.7rem;\n height: 1.7rem;\n border-radius: 50%;\n text-align: center;\n color: #6c757d !important;\n\n i {\n position: relative;\n height: 0.7rem;\n width: 1rem;\n transition: transform 300ms ease;\n }\n\n &:hover {\n i {\n color: var(--categories-icon-hover-color);\n }\n }\n}\n\n/* only works on desktop */\n@media (hover: hover) {\n .category-trigger:hover {\n background-color: var(--categories-hover-bg);\n }\n}\n\n.rotate {\n transform: rotate(-90deg);\n}\n","/*\n Style for page Category and Tag\n*/\n\n.dash {\n margin: 0 0.5rem 0.6rem 0.5rem;\n border-bottom: 2px dotted var(--dash-color);\n}\n\n#page-category,\n#page-tag {\n ul > li {\n line-height: 1.5rem;\n padding: 0.6rem 0;\n\n /* dot */\n &::before {\n background: #999999;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n display: block;\n content: '';\n position: relative;\n top: 0.6rem;\n margin-right: 0.5rem;\n }\n\n /* post's title */\n > a {\n @extend %no-bottom-border;\n\n font-size: 1.1rem;\n }\n }\n}\n\n/* tag icon */\n#page-tag h1 > i {\n font-size: 1.2rem;\n}\n\n#page-category h1 > i {\n font-size: 1.25rem;\n}\n\n#page-category,\n#page-tag,\n#access-lastmod {\n a:hover {\n @extend %link-hover;\n\n margin-bottom: -1px; /* Avoid jumping */\n }\n}\n\n@media all and (max-width: 576px) {\n #page-category,\n #page-tag {\n ul > li {\n &::before {\n margin: 0 0.5rem;\n }\n\n > a {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n }\n}\n"],"file":"jekyll-theme-chirpy.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../_sass/addon/module.scss","../../_sass/addon/variables.scss","../../_sass/addon/syntax.scss","../../_sass/colors/syntax-light.scss","../../_sass/colors/syntax-dark.scss","../../_sass/addon/commons.scss","../../_sass/colors/typography-light.scss","../../_sass/colors/typography-dark.scss","../../_sass/layout/home.scss","../../_sass/layout/post.scss","../../_sass/layout/tags.scss","../../_sass/layout/archives.scss","../../_sass/layout/categories.scss","../../_sass/layout/category-tag.scss"],"names":[],"mappings":"CAMA,mEACE,2BACA,gBACA,YCwBoB,kCDvBpB,yBAIA,4CACE,cAGF,qBACE,4CACE,kBACA,UACA,2DAIA,oEACE,mBACA,UACA,0DAMR,sCACE,4BACA,uCAGF,+DACE,mBACA,cACA,mBAGF,2QACE,yBACA,gCACA,qBAGF,4CACE,wBAGF,sEACE,oDAGF,0EACE,+BAGF,gFACE,yBACA,sBACA,qBACA,iBAGF,6LACE,mBAGF,yFACE,eAGF,4EACE,kBAGF,wMACE,cCjEU,KDqEV,oDACE,cACA,kBACA,kBACA,cACA,UACA,cAIJ,iDACE,iCACA,yBACA,sBACA,qBACA,iBAGF,iHACE,oBACA,gBACA,uBACA,qBACA,4BASF,4IALE,gBACA,uBACA,mBAOF,qGACE,wCACA,gBAGF,kFACE,iBAGF,2BACE,gBAIA,mCACE,2CACA,uBACA,0BACA,kBACA,8CAKF,+DACE,WE7IF,oCACE,4CCHF,iCACA,8BACA,mCACA,kCACA,yCACA,sBACA,kCACA,mCACA,kCACA,mCAIA,oFACE,YAGF,sFACE,SAGF,0IAEE,cACA,yBAGF,ogBAOE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,yBAGF,0EACE,cAGF,guBAUE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,kXAKE,cAGF,kJAEE,cAGF,0EACE,cACA,iBAGF,0EACE,cACA,iBAGF,4yBAWE,cAGF,0EACE,cAGF,oJAEE,cAGF,4EACE,cACA,yBAGF,glBAQE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cAGF,0EACE,cACA,kBAGF,0EACE,cACA,iBDjMA,qBETF,iCACA,8BACA,mCACA,kCACA,4CACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,oCACE,cAKF,yCACE,YAGF,0CACE,SAGF,mEAEE,cACA,yBAGF,qCACE,cACA,yBAGF,4PAOE,cAGF,oCACE,cAGF,oCACE,cAGF,uEAEE,cAGF,uEAEE,cAGF,oCACE,cAGF,oCACE,cACA,yBAGF,oCACE,cACA,yBACA,iBAGF,mLAKE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,mUASE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,oCACE,cAGF,+RAQE,cAGF,oCACE,eF9IF,mCACE,2CEfF,iCACA,8BACA,mCACA,kCACA,4CACA,sBACA,kCACA,mCACA,kCACA,mCACA,+BAEA,yEACE,cAKF,mFACE,YAGF,qFACE,SAGF,wIAEE,cACA,yBAGF,2EACE,cACA,yBAGF,+fAOE,cAGF,yEACE,cAGF,yEACE,cAGF,gJAEE,cAGF,gJAEE,cAGF,yEACE,cAGF,yEACE,cACA,yBAGF,yEACE,cACA,yBACA,iBAGF,2WAKE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,+oBASE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,yEACE,cAGF,skBAQE,cAGF,yEACE,cFxIA,sBCnBF,iCACA,8BACA,mCACA,kCACA,yCACA,sBACA,kCACA,mCACA,kCACA,mCAIA,0CACE,YAGF,2CACE,SAGF,qEAEE,cACA,yBAGF,kQAOE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,yBAGF,qCACE,cAGF,gXAUE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,yLAKE,cAGF,yEAEE,cAGF,qCACE,cACA,iBAGF,qCACE,cACA,iBAGF,sZAWE,cAGF,qCACE,cAGF,0EAEE,cAGF,sCACE,cACA,yBAGF,wSAQE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cAGF,qCACE,cACA,kBAGF,qCACE,cACA,kBD9KJ,kDACE,2CAGF,cACE,kBACA,qBAGF,mBACE,qCACA,iBACA,oBAGF,WAIE,cACA,sBAMA,eACE,gBACA,UDrCa,OCsCb,mBACA,iBAKE,gCACE,qBACA,iBACA,oBAGF,+BACE,8BAGF,wBACE,iBACA,kBAKN,mBACE,iBACA,oCACA,yBACA,sBACA,oBACA,qBACA,iBAIJ,KACE,qBACA,iBACA,aACA,wBAEA,uBACE,UD/Ea,OCgFb,gBACA,sBACA,cDxFQ,ICyFR,uCAGF,cACE,yBACA,iCACA,gBACA,UAGF,yBACE,iBACA,cAGF,+BACE,mBAGF,gBACE,cAWF,gBACE,yBACA,8BACA,oBAIJ,sBAIE,kDAEA,+BFUA,YETiB,MFUjB,aEViB,MAEf,gBAGF,iCACE,yBACA,0BAUA,2IACE,qBACA,eAEA,2KACE,aAMR,aAGE,aACA,8BACA,mBACA,ODjKmB,QCkKnB,mBACA,oBAGA,kBACE,YDvKiB,QC0KjB,oBACE,eACA,MDzKY,QC0KZ,oCAEA,0BACE,cAIK,2BACP,kBACA,QAIF,yBACE,8BACA,iBACA,gBACA,oCAKJ,oBAIE,+BACA,ODxMiB,QCyMjB,MDzMiB,QC0MjB,UACA,yBAEA,sBACE,oCAIA,mCACE,4CAGF,+BACE,qCAIJ,0BACE,aAGF,yCACE,uCAEA,2CACE,WAMR,kCAEI,+BFnGF,YEoGmB,EFnGnB,aEmGmB,EAEf,cDpPM,KCuPR,mCFzGF,YE0GmB,EFzGnB,aEyGmB,EAIf,2CACE,WACA,qBACA,YALW,KAMX,MDzPQ,OC0PR,OD1PQ,OC2PR,kBACA,gDACA,gGAMF,wCAEE,uBG7RR,KACE,eAEA,oCACE,6DCCF,mBACA,6BAGA,sBACA,4BACA,sCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,oCACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAGA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAEA,8EACE,2CAGF,wDACE,aDlGA,qBELF,2BACA,2BACA,qCAGA,iCACA,4BACA,sCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,kCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDAEA,kBAEA,4BACE,aAIF,4EAEE,gCAIA,8CACE,uCAGF,kDACE,iBACA,kBACA,kBACA,sCAEA,6DACE,mCAKN,iDACE,+HAWF,oCACE,mBFhIF,mCACE,2CEXF,2BACA,2BACA,qCAGA,iCACA,4BACA,sCACA,yBACA,uBACA,2CACA,iCACA,iCACA,0CACA,qBACA,4BACA,yCACA,sCACA,0BACA,qCACA,4CACA,4EACA,0HAQA,4BACA,+BACA,sBACA,gCACA,+BACA,iDACA,4BACA,0BACA,6BACA,+CAGA,mCACA,uCACA,uCACA,wCACA,+CAGA,2CACA,8CACA,qCAGA,oCACA,kCACA,6BACA,qBACA,8BACA,oCACA,uCACA,2BACA,iCACA,mBACA,yBACA,sFAEA,0BACA,0BACA,wBACA,8CACA,uCACA,gDACA,uCACA,kCACA,0CACA,mDACA,wCACA,oCAGA,8BACA,8BACA,8BACA,yBAGA,0CACA,uCACA,qCAGA,uCACA,kCACA,iDAEA,kBAEA,yDACE,aAIF,0JAEE,gCAIA,6FACE,uCAGF,qGACE,iBACA,kBACA,kBACA,sCAEA,2HACE,mCAKN,mGACE,+HAWF,yEACE,kBF1HA,sBChBF,iBACA,mBACA,6BAGA,sBACA,4BACA,sCACA,yBACA,uBACA,mCACA,iCACA,sBACA,gCACA,qBACA,4BACA,+BACA,sCACA,0BACA,kCACA,oFAKA,2HAQA,uCACA,+BACA,sBACA,gCACA,+BACA,gCACA,6CACA,wBACA,6BACA,6BAGA,qCACA,qCACA,0CACA,6BACA,oCAGA,gCACA,oCACA,+CAGA,yBACA,oCACA,wBACA,iCACA,iBACA,yBACA,yFAEA,gCACA,qBACA,2BACA,qBACA,0BACA,oCACA,sBACA,2CACA,yCACA,iCACA,0BACA,kCACA,wCACA,qCACA,6CACA,oCAGA,sBACA,sCACA,gCACA,yBAGA,0CACA,+CACA,6CAGA,uCACA,4BACA,mCAEA,uCACE,2CAGF,4BACE,cDjFJ,KACE,0BACA,kHAEA,wBACA,mCACA,YJFiB,+CI8Bb,GACE,eAVA,QAEI,wBAON,GACE,kBAVA,QAII,mBAKN,GACE,kBAVA,QAII,mBAKN,GACE,kBAvBN,GA0BI,kBAKN,EAGE,qBAGF,IACE,eACA,YACA,gCAEA,UAGE,0BACA,kBAIJ,WACE,yDACA,kBACA,mCACA,iBAEA,wBACE,gBAGF,2BACE,cACA,kBACA,4BACA,+BAIA,mCACE,kBACA,WACA,kBACA,YACA,iBACA,oBACA,mCLsFJ,sBACE,sCAEA,8BACE,QKtFmB,ILuFnB,mCACA,4BANJ,uBACE,uCAEA,+BACE,QKrFoB,ILsFpB,oCACA,0BAGE,yBATN,0BACE,0CAEA,kCACE,QKpFuB,ILqFvB,uCACA,0BANJ,yBACE,yCAEA,iCACE,QKnFsB,ILoFtB,sCACA,0BKlFN,IACE,4BACA,qBACA,sBACA,mBACA,kBACA,kBACA,eACA,kBACA,4BACA,qCACA,cJtHU,IIuHV,uCACA,gDAGF,GACE,sCACA,UAGF,OACE,gCACA,OJrIc,KIsId,8CAgBA,SACE,kBACA,gBAcJ,QACE,SACA,+BACA,gBACA,mBAEA,mBACE,wBACA,gBAGF,gBACE,kBACA,+CAEA,iCACE,mBAIJ,iBACE,gBAMF,8BACE,oBACA,oBLrBF,MADwD,mBAExD,UKsBiB,QLrBjB,YAH2C,IK2B3C,yBACE,oBACA,iBACA,oBACA,oBACA,wBAEA,+BACE,2BAMJ,kBACE,cAUJ,cACE,kBACA,iBAGE,kCACE,oBAKF,mBACE,kBLhGJ,WKkGmB,ELjGnB,cKiGmB,EAMV,WLnGT,YKoGiB,ILnGjB,aKmGiB,ILtFf,aKuFe,ILtFf,cKsFe,IAEf,oCASO,kBACP,gBACA,cACA,kBACA,aACA,kBACA,oCAOJ,eACE,gBACA,qBAEA,qBACE,eACA,gBACA,iBAEA,2BACE,8CAQA,8BACE,+CAEA,4CACE,mCAGF,8CACE,kCAaV,aACE,mBACA,WACA,YACA,gBAIA,yBACE,yBAGF,iBACE,YACA,oBACA,iBAIS,4BACP,WAKN,cAGE,SACA,0BACA,8BAEA,sBAGE,WACA,WACA,YACA,kBACA,sCACA,UACA,oCAIA,4BACE,WAKN,KACE,iBAEA,QACE,gBAKE,mDL9LJ,kBACA,SACA,2BKyNF,SACE,kBACA,gBACA,yBAGE,iBLxQF,WK2QmB,ML1QnB,cK0QmB,MAEf,eAcF,8FAEE,8BACA,6BAEA,0GACE,gBACA,oBAGF,oNAEE,8BACA,6BACA,eAKN,sBACE,8BACA,6BAEA,yBACE,qBACA,eAGA,2BACE,WACA,qBACA,4BAEA,mCACE,oCAIJ,4BACE,8BACA,6BAIJ,2CACE,6BACA,sBAIJ,eACE,iBAGF,kBACE,8BAQJ,UACE,qBACA,eACA,kBACA,oBACA,yCACA,gBACA,8BACA,mBAEA,2BACE,mBAIJ,YACE,8BAGF,UACE,oBACA,oBAGF,SACE,gBACA,kBACA,yBAEA,iBACE,WACA,kBACA,6BACA,YACA,WACA,wCACA,gCAGF,2BACE,GACE,4BAGF,KACE,4BAIJ,mBACE,GACE,4BAGF,KACE,4BAKN,aACE,WACA,YACA,mBACA,kBAIA,oBACE,qBAGF,kBACE,cACA,WACA,YACA,eACA,gBACA,YACA,gBAMJ,aACE,WACA,cAMF,UACE,4BACA,gBACA,kBACA,wBAEA,gBACE,gBAMJ,aACE,uBAGF,gBACE,8BAIF,YACE,yCAIF,eACE,gBACA,gBACA,gBAKA,8CACE,gCAIJ,UACE,cACA,oBACA,mBAGF,oBACE,8BAGF,aACE,gBACA,wDACA,6BACA,2EAGF,MACE,WACA,0BAGF,OACE,YACA,0BAMF,SACE,kBAIF,cACE,kBACA,0BASF,SL1fI,aK2fa,EL1fb,cK0fa,EAEf,eACA,MACA,OACA,YACA,gBACA,MJ3qBc,MI4qBd,6BACA,mDAGA,wBACA,qBAGA,4BACE,aAIA,wGACE,kCAQJ,iBACE,cACA,WACA,YACA,gBACA,gDACA,wBAEA,qBACE,yBAEA,2BACE,qBAKN,0BL7jBA,WK8jBiB,ML7jBjB,cK6jBiB,MAGf,oBACA,sBACA,WAGF,qBAIE,oBACA,gBACA,kBACA,gBACA,qBACA,mBACA,oBACA,kBACA,8BAGF,wBACE,cACA,iCACA,kBACA,iBACA,yBACA,sBACA,qBACA,iBAGF,YACE,mBAEA,wBACE,WACA,WLllBF,aKolBiB,OLnlBjB,cKmlBiB,OAEf,mCL/lBJ,YKgmBqB,ML/lBrB,eK+lBqB,MAEf,aACA,mBACA,qBACA,gBAEA,yCACE,yCAGF,qCACE,cACA,WACA,oBAGF,wCACE,cACA,oBAKF,yCACE,kCACA,yCAEA,8CACE,UAKN,0CACE,kBAKN,yBACE,kBACA,mBACA,qBAIA,iEACE,MAHS,QAIT,OAJS,QAKT,cAjJG,MAkJH,kBACA,+BACA,uCACA,kBACA,aACA,mBACA,uBAEA,yGACE,iDAGF,6EACE,yCASF,4CACE,aJx0BK,MI40BT,2BACE,YAlCS,QA2CX,sCL7rBF,YK+rBmB,sBL9rBnB,aK8rBmB,sBAEf,0CACA,WACA,MA9La,IA+Lb,OA/La,IAgMb,kBACA,cAhMG,MAqMT,qBACE,iCACE,wBAGF,UACE,4CAGF,cACE,8CAIJ,uBACE,aACA,YACA,WACA,cAEA,gCACE,gBAMJ,gBACE,OJ33Bc,KI43Bd,kCAMA,oBACE,eACA,8BACA,mBAQI,iDACE,YACA,gBAOV,4BL9uBE,yCKkvBF,mBLlvBE,yCKsvBF,uBLtvBE,yCK0vBF,wBL1vBE,yCK8vBF,cL9vBE,yCKkwBF,kCL9vBE,WKkwBF,yBLlwBE,WKswBF,6BLtwBE,WK0wBF,8BL1wBE,WK8wBF,oBL9wBE,WKkxBF,OACE,aACA,WACA,mBACA,4CACA,0BACA,gBAEA,SACE,UACA,gBACA,+BAIJ,iCAEE,aAIF,eACE,wBACA,aACA,mBAKF,cACE,kBACA,SACA,gBACA,qBACA,wBACA,YAEA,oBACE,gBAIJ,cACE,eAEA,iBACE,qBAGF,wBACE,qBACA,iBACA,eACA,gCACA,YACA,cACA,wBAEA,gCACE,YACA,8BACA,oBAON,gBACE,oBAEA,kBACE,iBACA,mBAWF,wBACE,WAEA,yCACE,mBAIF,0BACE,cACA,oBACA,cAGF,0BAGE,yBACA,oBACA,qBACA,4BAKN,cACE,aACA,iBACA,gBACA,uBACA,+BACA,kBACA,UACA,oBAGF,MACE,cAKF,cACE,kBL35BE,aK65Ba,EL55Bb,cK45Ba,EAEf,yBACE,iBAIJ,8ELl7BE,YKq7Be,ELp7Bf,aKo7Be,EAIf,2BACE,gBAMJ,aACE,kBACA,UACA,UACA,eACA,eACA,WACA,gBACA,4BACA,iCACA,UACA,MJxlCc,QIylCd,OJzlCc,QI0lCd,kBACA,mDACA,0DAEA,mBACE,kCACA,0CAGF,eACE,YJpmCY,QIqmCZ,kBACA,WAGF,kBACE,UACA,mBAKF,yBACE,KACE,UACA,UAIJ,iBACE,KACE,UACA,UAIJ,4BACE,gBACA,mBACA,cAGF,0BACE,4BACA,oBAEA,iCACE,cACA,eAKF,yBACE,cACA,gBACA,oBACA,mCACA,2BACA,oCACA,iCACA,eACA,SACA,WACA,2BACA,4BACA,oBAcN,kCAGM,yCLhiCJ,YKiiCqB,MLhiCrB,aKgiCqB,MAEf,gBACA,eAKN,QACE,WACA,aAIJ,kCACE,iCACE,eAOF,yBL1iCE,aK4iCe,EL3iCf,cK2iCe,GAKnB,kCAWE,OAJI,WALM,mBAYR,OJ9tCkB,KI+tClB,iBAIA,2BACE,wBAGF,gCACE,4BAGF,+BACE,kBAIJ,SAzBI,WALM,mBAiCR,6BACA,qCAGF,cAhCI,WALM,mBAyCV,iCAEE,eAGF,uBACE,WAGF,mBAEE,aAGF,gBApDI,2CAuDF,OAGF,oBAEE,aAGF,+CAGE,cAGF,gCACE,iBAGF,MACE,kCAGF,iBACE,aAEA,0BACE,mBAMN,kCAEE,KACE,kBAGF,cACE,YJ7zCY,MIi0CZ,0BACE,gBAIJ,cACE,aAGF,OACE,UJn0Ce,MIs0CjB,uBACE,UJp0CqB,OIq0CrB,iCAIA,QACE,gBAIJ,iCACE,cAIF,aACE,SACA,gBAGF,cACE,iBAKJ,yDACE,oCACE,aACA,eAKJ,yDACE,oBACE,gBAGF,YACE,UACA,gBACA,uBACA,oBACA,oBAKJ,mCACE,eACE,aAGF,iCACE,mCAMJ,mCACE,OACE,kBAGF,cACE,+BAGF,wBACE,UAEA,uCACE,oBAGF,wCACE,mBAGF,kDACE,kBACA,YAIJ,SACE,mBAIJ,mCACE,aACE,+CAIJ,mCAGE,cACE,YJp7CkB,MIu7CpB,gBACE,KJx7CkB,MI27CpB,OACE,oCAKF,yBACE,UJx7CqB,OD2JrB,gCACA,iCKiyCF,0BAEE,gCAGF,aACE,8CAKF,SACE,MJn9CkB,MIq9ClB,0BACE,kBACA,qBACA,oBAIA,wBLpzCF,aKqzCmB,QLpzCnB,cKozCmB,QAInB,yBACE,qBACA,sBAEA,4CACE,aJp+CQ,KIu+CV,sCL/0CJ,YKg1CqB,qBL/0CrB,aK+0CqB,sBG7+CvB,WACE,gBAGE,+BACE,qBAGF,0CACE,sBAIJ,iBACE,SACA,gBAEA,gEACE,4BAWF,4BACE,YACA,aAEA,wCAGE,sCACA,kBAGF,sFACE,yCAMA,iDAGE,gBACA,SAQA,2DACE,mBAIJ,0CAGE,cAGF,uDACE,cASV,YACE,wBACA,4BACA,6BAEA,oBACE,qBAIA,kCACE,sCACA,gBACA,oBACA,wBACA,yBACA,oBACA,SACA,yBAIA,yCACE,kDAMA,qDACE,mDAKN,gCACE,mBAEA,2CACE,4BAOR,kCACE,gEACE,4BAKE,4BACE,wCAEA,uCACE,2BAKE,2DACE,qBAUd,kCAGM,0DACE,cAOR,kCACE,WACE,kBAGF,YACE,iBACA,uBAGE,wCACE,mBAIJ,wBACE,cCpLN,qDACE,UACA,kBACA,qCAUA,kBAGE,mBACA,gBAIA,oCAdF,YACA,aAFc,OAGd,cAH4B,OAyBxB,uBACE,cAKN,qBACE,kBAIJ,mBAGE,gBACA,kDAEA,oCACE,mBAmBF,kCACE,sBACA,yBACA,sBACA,qBACA,iBAEA,kGACE,mBAGF,+CACE,aAEA,iDACE,6BAKF,iDAGE,kBASF,sDACE,UACA,YACA,oBAQR,gBAEE,wCACA,iDACA,+DACA,6DACA,6DACA,qDACA,wCAEA,eAGF,WACE,iBAeE,kCACE,wBAIA,mDACE,cAIJ,+BAGE,oBACA,mBACA,gBACA,WAGF,yDACE,gBAGF,8BACE,8BACA,iBACA,yBACA,yBAGF,kCACE,4BACA,UAGF,iCACE,4BACA,WAIJ,mBACE,iBACA,mBACA,iBACA,mBAIJ,qBAEI,oDAEE,iCAKN,2BACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAIJ,mBACE,KACE,UACA,kBACA,SAGF,GACE,UACA,kBACA,OAKJ,aACE,4CACA,wBACA,gBACA,SACA,+BACA,8BACA,sBAEA,gBACE,gBACA,iBACA,iBACA,eAGE,oCACE,eAGF,qBACE,8BAMJ,0BACE,cAIA,gCACE,2BACA,qBAGF,kCACE,aAIJ,gCACE,sCACA,gBAEA,wCACE,qBACA,UACA,UACA,eACA,iDAIJ,mBACE,oBAON,SACE,wBACA,gBACA,MACA,UACA,eACA,OR/Rc,KQgSd,0BACA,iDACA,+BAIA,gBAGE,mBACA,iBACA,cAGF,mBACE,UACA,gBAIJ,kBACE,8BACA,qCACA,cRjTU,KQmTV,yBACE,eACA,YRvSkB,kCQ0SpB,wBACE,gBACA,gBA4BJ,4BAvBE,KACE,WACA,4BAGF,GACE,UACA,yBAoBJ,oBA3BE,KACE,WACA,4BAGF,GACE,UACA,yBAwBJ,6BAnBE,GACE,wBACA,UAGF,KACE,4BACA,WAgBJ,qBAvBE,GACE,wBACA,UAGF,KACE,4BACA,WAoBJ,WAME,2CACA,iBACA,cR9WU,KQ+WV,wBACA,0BACA,WRvXc,KQwXd,gBACA,kBAEA,kCAfF,WAgBI,iBAGF,iBACE,kBAnBS,sBAoBT,UApBS,sBAuBX,oBACE,kBAvBU,uBAwBV,UAxBU,uBA2BZ,kCA7BF,WA8BI,KRjZY,OQoZd,mBAGE,wBACA,gBACA,MACA,yBACA,iDAEA,0BACE,YRnYgB,kCQwYlB,oBACE,kBACA,sBAGF,gCACE,gBAIJ,cACE,qBACA,eAGE,wCAEE,kBAGF,mBACE,aACA,gBACA,kBACA,uBAEA,oCACE,aAON,0BACE,sBADF,0BACE,qBADF,0BACE,sBAIJ,2BACE,sCACA,gBAGF,6BACE,wBAzFS,UA0FT,gBA1FS,UA6FX,qBACE,wBA9FS,UA+FT,gBA/FS,UAkGX,kBACE,aACA,WACA,kBACA,4DACA,OAxGe,KA2GjB,8BACE,cACA,+BACA,YRzckB,kCQ0clB,oBAOF,kBTrTA,MADwD,mBAExD,USqTiB,OTpTjB,YSoTyB,IAGzB,oBAIE,8BAGF,iBAGE,gBACA,oBACA,yBACA,oBACA,qBACA,4BAWJ,eACE,kBAGF,YACE,eAGF,yDACE,8CAGF,aT/VE,MSgW6B,QT/V7B,US+Ve,QT9Vf,YS8VwB,IAExB,oBACE,YAIJ,kCACE,kBACE,kCAEA,kCACE,WACA,iBAKN,kCACE,eACE,6BAKJ,kCACE,iBTxYE,aSyYe,ETxYf,cSwYe,ETvZjB,YSwZiB,QTvZjB,aSuZiB,SAInB,mCACE,SAGE,uBAGF,2BAEE,yBClkBJ,KACE,mBACA,oBACA,mBACA,iBACA,iBACA,8CACA,uCAEA,UACE,iBACA,eACA,8BCZJ,UACE,sBAIA,oFACE,WACA,MAJe,IAKf,kBACA,WACA,uCAGF,gBACE,cACA,iBACA,kBACA,SACA,iBAEA,wBAGE,YACA,UACA,YAGF,oCAGE,YACA,SAIF,uBACE,WACA,qBACA,kBACA,kBACA,WACA,YACA,YACA,iBACA,gDACA,qCACA,6BACA,UAKF,gBACE,iBACA,iBAIA,+BACE,yCACA,uFAUF,wBAGE,MACA,UACA,cAIJ,8CACE,cAIJ,gBACE,mBACA,qBACA,kBACA,YAEA,sBACE,aACA,kBAGF,oBACE,cACA,4BAIJ,YAEE,mBACA,kBACA,UAEA,kBACE,mBAGF,oBAEE,WACA,qBACA,kBACA,kBACA,UACA,WACA,WACA,YACA,UACA,yCACA,6BACA,UAKN,kCACE,UACE,iBAEA,aACE,kBCvIN,cACE,WAGF,YACE,mBACA,sCAOA,yBAGE,eACA,cAHS,IAIT,gBAEA,4CACE,4BACA,6BAIJ,cAGE,cAGF,6BACE,iBACA,kBACA,kBAEA,yCACE,yBACA,0BAGF,wCACE,gBAKN,kBACE,aACA,cACA,kBACA,kBACA,yBAEA,oBACE,kBACA,aACA,WACA,gCAIA,0BACE,yCAMN,qBACE,wBACE,6CAIJ,QACE,yBC7EF,MACE,2BACA,2CAKA,qCACE,mBACA,gBAGA,qDACE,gBACA,UACA,WACA,kBACA,cACA,WACA,kBACA,UACA,mBAIF,yCAGE,iBAMN,eACE,iBAGF,oBACE,kBAMA,iEAGE,mBAIJ,kCAIM,qDACE,eAGF,yCbmDJ,gBACA,uBACA","sourcesContent":["/*\n* Mainly scss modules, only imported to `assets/css/main.scss`\n*/\n\n/* ---------- scss placeholder --------- */\n\n%heading {\n color: var(--heading-color);\n font-weight: 400;\n font-family: $font-family-heading;\n scroll-margin-top: 3.5rem;\n}\n\n%anchor {\n .anchor {\n font-size: 80%;\n }\n\n @media (hover: hover) {\n .anchor {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.25s ease-in, visibility 0s ease-in 0.25s;\n }\n\n &:hover {\n .anchor {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.25s ease-in, visibility 0s ease-in 0s;\n }\n }\n }\n}\n\n%tag-hover {\n background: var(--tag-hover);\n transition: background 0.35s ease-in-out;\n}\n\n%table-cell {\n padding: 0.4rem 1rem;\n font-size: 95%;\n white-space: nowrap;\n}\n\n%link-hover {\n color: #d2603a !important;\n border-bottom: 1px solid #d2603a;\n text-decoration: none;\n}\n\n%link-color {\n color: var(--link-color);\n}\n\n%link-underline {\n border-bottom: 1px solid var(--link-underline-color);\n}\n\n%clickable-transition {\n transition: all 0.3s ease-in-out;\n}\n\n%no-cursor {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n%no-bottom-border {\n border-bottom: none;\n}\n\n%cursor-pointer {\n cursor: pointer;\n}\n\n%normal-font-style {\n font-style: normal;\n}\n\n%rounded {\n border-radius: $radius-lg;\n}\n\n%img-caption {\n + em {\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 80%;\n padding: 0;\n color: #6d6c6c;\n }\n}\n\n%sidebar-links {\n color: var(--sidebar-muted-color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n%text-clip {\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n@mixin text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n%text-ellipsis {\n @include text-ellipsis;\n}\n\n%text-highlight {\n color: var(--text-muted-highlight-color);\n font-weight: 600;\n}\n\n%text-sm {\n font-size: 0.85rem;\n}\n\n%text-xs {\n font-size: 0.8rem;\n}\n\n%sup-fn-target {\n &:target {\n background-color: var(--footnote-target-bg);\n width: -moz-fit-content;\n width: -webkit-fit-content;\n width: fit-content;\n transition: background-color 1.75s ease-in-out;\n }\n}\n\n%btn-color {\n button i {\n color: #999999;\n }\n}\n\n/* ---------- scss mixin --------- */\n\n@mixin mt-mb($value) {\n margin-top: $value;\n margin-bottom: $value;\n}\n\n@mixin ml-mr($value) {\n margin-left: $value;\n margin-right: $value;\n}\n\n@mixin pt-pb($val) {\n padding-top: $val;\n padding-bottom: $val;\n}\n\n@mixin pl-pr($val, $important: false) {\n @if $important {\n padding-left: $val !important;\n padding-right: $val !important;\n } @else {\n padding-left: $val;\n padding-right: $val;\n }\n}\n\n@mixin placeholder {\n color: var(--text-muted-color) !important;\n}\n\n@mixin placeholder-focus {\n opacity: 0.6;\n}\n\n@mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {\n color: $color;\n font-size: $font-size;\n font-weight: $font-weight;\n}\n\n@mixin align-center {\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n}\n\n@mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) {\n &.prompt-#{$type} {\n background-color: var(--prompt-#{$type}-bg);\n\n &::before {\n content: $fa-content;\n color: var(--prompt-#{$type}-icon-color);\n font: var(--fa-font-#{$fa-style});\n\n @if $rotate != 0 {\n transform: rotate(#{$rotate}deg);\n }\n }\n }\n}\n","/*\n * The SCSS variables\n */\n\n/* sidebar */\n\n$sidebar-width: 260px !default; /* the basic width */\n$sidebar-width-large: 300px !default; /* screen width: >= 1650px */\n$sb-btn-gap: 0.8rem !default;\n$sb-btn-gap-lg: 1rem !default;\n\n/* other framework sizes */\n\n$topbar-height: 3rem !default;\n$search-max-width: 200px !default;\n$footer-height: 5rem !default;\n$footer-height-large: 6rem !default; /* screen width: < 850px */\n$main-content-max-width: 1250px !default;\n$radius-sm: 6px !default;\n$radius-lg: 10px !default;\n$back2top-size: 2.75rem !default;\n\n/* syntax highlight */\n\n$code-font-size: 0.85rem !default;\n$code-header-height: 2.25rem !default;\n$code-dot-size: 0.75rem !default;\n$code-dot-gap: 0.5rem !default;\n$code-icon-width: 1.75rem !default;\n\n/* fonts */\n\n$font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;\n$font-family-heading: Lato, 'Microsoft Yahei', sans-serif !default;\n","/*\n* The syntax highlight.\n*/\n\n@import 'colors/syntax-light';\n@import 'colors/syntax-dark';\n\nhtml {\n @media (prefers-color-scheme: light) {\n &:not([data-mode]),\n &[data-mode='light'] {\n @include light-syntax;\n }\n\n &[data-mode='dark'] {\n @include dark-syntax;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:not([data-mode]),\n &[data-mode='dark'] {\n @include dark-syntax;\n }\n\n &[data-mode='light'] {\n @include light-syntax;\n }\n }\n}\n\n/* -- code snippets -- */\n\n%code-snippet-bg {\n background-color: var(--highlight-bg-color);\n}\n\n%code-snippet-padding {\n padding-left: 1rem;\n padding-right: 1.5rem;\n}\n\n.highlighter-rouge {\n color: var(--highlighter-rouge-color);\n margin-top: 0.5rem;\n margin-bottom: 1.2em; /* Override BS Inline-code style */\n}\n\n.highlight {\n @extend %rounded;\n @extend %code-snippet-bg;\n\n overflow: auto;\n padding-bottom: 0.75rem;\n\n @at-root figure#{&} {\n @extend %code-snippet-bg;\n }\n\n pre {\n margin-bottom: 0;\n font-size: $code-font-size;\n line-height: 1.4rem;\n word-wrap: normal; /* Fixed Safari overflow-x */\n }\n\n table {\n td {\n &:first-child {\n display: inline-block;\n margin-left: 1rem;\n margin-right: 0.75rem;\n }\n\n &:last-child {\n padding-right: 2rem !important;\n }\n\n pre {\n overflow: visible; /* Fixed iOS safari overflow-x */\n word-break: normal; /* Fixed iOS safari linenos code break */\n }\n }\n }\n\n .lineno {\n text-align: right;\n color: var(--highlight-lineno-color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n} /* .highlight */\n\ncode {\n -webkit-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n color: var(--code-color);\n\n &.highlighter-rouge {\n font-size: $code-font-size;\n padding: 3px 5px;\n word-break: break-word;\n border-radius: $radius-sm;\n background-color: var(--inline-code-bg);\n }\n\n &.filepath {\n background-color: inherit;\n color: var(--filepath-text-color);\n font-weight: 600;\n padding: 0;\n }\n\n a > &.highlighter-rouge {\n padding-bottom: 0; /* show link's underlinke */\n color: inherit;\n }\n\n a:hover > &.highlighter-rouge {\n border-bottom: none;\n }\n\n blockquote & {\n color: inherit;\n }\n}\n\ntd.rouge-code {\n @extend %code-snippet-padding;\n\n /*\n Prevent some browser extends from\n changing the URL string of code block.\n */\n a {\n color: inherit !important;\n border-bottom: none !important;\n pointer-events: none;\n }\n}\n\ndiv[class^='language-'] {\n @extend %rounded;\n @extend %code-snippet-bg;\n\n box-shadow: var(--language-border-color) 0 0 0 1px;\n\n .content > & {\n @include ml-mr(-1rem);\n\n border-radius: 0;\n }\n\n .highlight {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n\n/* Hide line numbers for default, console, and terminal code snippets */\ndiv {\n &.nolineno,\n &.language-plaintext,\n &.language-console,\n &.language-terminal {\n td:first-child {\n padding: 0 !important;\n margin-right: 0;\n\n .lineno {\n display: none;\n }\n }\n }\n}\n\n.code-header {\n @extend %no-cursor;\n\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: $code-header-height;\n margin-left: 0.75rem;\n margin-right: 0.25rem;\n\n /* the label block */\n span {\n line-height: $code-header-height;\n\n /* label icon */\n i {\n font-size: 1rem;\n width: $code-icon-width;\n color: var(--code-header-icon-color);\n\n &.small {\n font-size: 70%;\n }\n }\n\n @at-root [file] #{&} > i {\n position: relative;\n top: 1px; /* center the file icon */\n }\n\n /* label text */\n &::after {\n content: attr(data-label-text);\n font-size: 0.85rem;\n font-weight: 600;\n color: var(--code-header-text-color);\n }\n }\n\n /* clipboard */\n button {\n @extend %cursor-pointer;\n @extend %rounded;\n\n border: 1px solid transparent;\n height: $code-header-height;\n width: $code-header-height;\n padding: 0;\n background-color: inherit;\n\n i {\n color: var(--code-header-icon-color);\n }\n\n &[timeout] {\n &:hover {\n border-color: var(--clipboard-checked-color);\n }\n\n i {\n color: var(--clipboard-checked-color);\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:not([timeout]):hover {\n background-color: rgba(128, 128, 128, 0.37);\n\n i {\n color: white;\n }\n }\n }\n}\n\n@media all and (min-width: 576px) {\n div[class^='language-'] {\n .content > & {\n @include ml-mr(0);\n\n border-radius: $radius-lg;\n }\n\n .code-header {\n @include ml-mr(0);\n\n $dot-margin: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n margin-left: $dot-margin;\n width: $code-dot-size;\n height: $code-dot-size;\n border-radius: 50%;\n background-color: var(--code-header-muted-color);\n box-shadow: ($code-dot-size + $code-dot-gap) 0 0\n var(--code-header-muted-color),\n ($code-dot-size + $code-dot-gap) * 2 0 0\n var(--code-header-muted-color);\n }\n\n span {\n // center the text of label\n margin-left: calc(($dot-margin + $code-dot-size) / 2 * -1);\n }\n }\n }\n}\n","/*\n * The syntax light mode code snippet colors.\n */\n\n@mixin light-syntax {\n /* --- custom light colors --- */\n --language-border-color: #ececec;\n --highlight-bg-color: #f6f8fa;\n --highlighter-rouge-color: #3f596f;\n --highlight-lineno-color: #9e9e9e;\n --inline-code-bg: rgba(25, 25, 28, 0.05);\n --code-color: #3a3a3a;\n --code-header-text-color: #a3a3a3;\n --code-header-muted-color: #e5e5e5;\n --code-header-icon-color: #c9c8c8;\n --clipboard-checked-color: #43c743;\n\n /* --- Syntax highlight theme from `rougify style github` --- */\n\n .highlight table td {\n padding: 5px;\n }\n\n .highlight table pre {\n margin: 0;\n }\n\n .highlight,\n .highlight .w {\n color: #24292f;\n background-color: #f6f8fa;\n }\n\n .highlight .k,\n .highlight .kd,\n .highlight .kn,\n .highlight .kp,\n .highlight .kr,\n .highlight .kt,\n .highlight .kv {\n color: #cf222e;\n }\n\n .highlight .gr {\n color: #f6f8fa;\n }\n\n .highlight .gd {\n color: #82071e;\n background-color: #ffebe9;\n }\n\n .highlight .nb {\n color: #953800;\n }\n\n .highlight .nc {\n color: #953800;\n }\n\n .highlight .no {\n color: #953800;\n }\n\n .highlight .nn {\n color: #953800;\n }\n\n .highlight .sr {\n color: #116329;\n }\n\n .highlight .na {\n color: #116329;\n }\n\n .highlight .nt {\n color: #116329;\n }\n\n .highlight .gi {\n color: #116329;\n background-color: #dafbe1;\n }\n\n .highlight .kc {\n color: #0550ae;\n }\n\n .highlight .l,\n .highlight .ld,\n .highlight .m,\n .highlight .mb,\n .highlight .mf,\n .highlight .mh,\n .highlight .mi,\n .highlight .il,\n .highlight .mo,\n .highlight .mx {\n color: #0550ae;\n }\n\n .highlight .sb {\n color: #0550ae;\n }\n\n .highlight .bp {\n color: #0550ae;\n }\n\n .highlight .ne {\n color: #0550ae;\n }\n\n .highlight .nl {\n color: #0550ae;\n }\n\n .highlight .py {\n color: #0550ae;\n }\n\n .highlight .nv,\n .highlight .vc,\n .highlight .vg,\n .highlight .vi,\n .highlight .vm {\n color: #0550ae;\n }\n\n .highlight .o,\n .highlight .ow {\n color: #0550ae;\n }\n\n .highlight .gh {\n color: #0550ae;\n font-weight: bold;\n }\n\n .highlight .gu {\n color: #0550ae;\n font-weight: bold;\n }\n\n .highlight .s,\n .highlight .sa,\n .highlight .sc,\n .highlight .dl,\n .highlight .sd,\n .highlight .s2,\n .highlight .se,\n .highlight .sh,\n .highlight .sx,\n .highlight .s1,\n .highlight .ss {\n color: #0a3069;\n }\n\n .highlight .nd {\n color: #8250df;\n }\n\n .highlight .nf,\n .highlight .fm {\n color: #8250df;\n }\n\n .highlight .err {\n color: #f6f8fa;\n background-color: #82071e;\n }\n\n .highlight .c,\n .highlight .ch,\n .highlight .cd,\n .highlight .cm,\n .highlight .cp,\n .highlight .cpf,\n .highlight .c1,\n .highlight .cs {\n color: #68717a;\n }\n\n .highlight .gl {\n color: #68717a;\n }\n\n .highlight .gt {\n color: #68717a;\n }\n\n .highlight .ni {\n color: #24292f;\n }\n\n .highlight .si {\n color: #24292f;\n }\n\n .highlight .ge {\n color: #24292f;\n font-style: italic;\n }\n\n .highlight .gs {\n color: #24292f;\n font-weight: bold;\n }\n} /* light-syntax */\n","/*\n * The syntax dark mode styles.\n */\n\n@mixin dark-syntax {\n --language-border-color: #2d2d2d;\n --highlight-bg-color: #151515;\n --highlighter-rouge-color: #c9def1;\n --highlight-lineno-color: #808080;\n --inline-code-bg: rgba(255, 255, 255, 0.05);\n --code-color: #b0b0b0;\n --code-header-text-color: #6a6a6a;\n --code-header-muted-color: #353535;\n --code-header-icon-color: #565656;\n --clipboard-checked-color: #2bcc2b;\n --filepath-text-color: #cacaca;\n\n .highlight .gp {\n color: #87939d;\n }\n\n /* --- Syntax highlight theme from `rougify style base16.dark` --- */\n\n .highlight table td {\n padding: 5px;\n }\n\n .highlight table pre {\n margin: 0;\n }\n\n .highlight,\n .highlight .w {\n color: #d0d0d0;\n background-color: #151515;\n }\n\n .highlight .err {\n color: #151515;\n background-color: #ac4142;\n }\n\n .highlight .c,\n .highlight .ch,\n .highlight .cd,\n .highlight .cm,\n .highlight .cpf,\n .highlight .c1,\n .highlight .cs {\n color: #848484;\n }\n\n .highlight .cp {\n color: #f4bf75;\n }\n\n .highlight .nt {\n color: #f4bf75;\n }\n\n .highlight .o,\n .highlight .ow {\n color: #d0d0d0;\n }\n\n .highlight .p,\n .highlight .pi {\n color: #d0d0d0;\n }\n\n .highlight .gi {\n color: #90a959;\n }\n\n .highlight .gd {\n color: #f08a8b;\n background-color: #320000;\n }\n\n .highlight .gh {\n color: #6a9fb5;\n background-color: #151515;\n font-weight: bold;\n }\n\n .highlight .k,\n .highlight .kn,\n .highlight .kp,\n .highlight .kr,\n .highlight .kv {\n color: #aa759f;\n }\n\n .highlight .kc {\n color: #d28445;\n }\n\n .highlight .kt {\n color: #d28445;\n }\n\n .highlight .kd {\n color: #d28445;\n }\n\n .highlight .s,\n .highlight .sb,\n .highlight .sc,\n .highlight .dl,\n .highlight .sd,\n .highlight .s2,\n .highlight .sh,\n .highlight .sx,\n .highlight .s1 {\n color: #90a959;\n }\n\n .highlight .sa {\n color: #aa759f;\n }\n\n .highlight .sr {\n color: #75b5aa;\n }\n\n .highlight .si {\n color: #b76d45;\n }\n\n .highlight .se {\n color: #b76d45;\n }\n\n .highlight .nn {\n color: #f4bf75;\n }\n\n .highlight .nc {\n color: #f4bf75;\n }\n\n .highlight .no {\n color: #f4bf75;\n }\n\n .highlight .na {\n color: #6a9fb5;\n }\n\n .highlight .m,\n .highlight .mb,\n .highlight .mf,\n .highlight .mh,\n .highlight .mi,\n .highlight .il,\n .highlight .mo,\n .highlight .mx {\n color: #90a959;\n }\n\n .highlight .ss {\n color: #90a959;\n }\n}\n","/* The common styles */\n\nhtml {\n font-size: 16px;\n\n @media (prefers-color-scheme: light) {\n &:not([data-mode]),\n &[data-mode='light'] {\n @include light-scheme;\n }\n\n &[data-mode='dark'] {\n @include dark-scheme;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &:not([data-mode]),\n &[data-mode='dark'] {\n @include dark-scheme;\n }\n\n &[data-mode='light'] {\n @include light-scheme;\n }\n }\n}\n\nbody {\n background: var(--main-bg);\n padding: env(safe-area-inset-top) env(safe-area-inset-right)\n env(safe-area-inset-bottom) env(safe-area-inset-left);\n color: var(--text-color);\n -webkit-font-smoothing: antialiased;\n font-family: $font-family-base;\n}\n\n/* --- Typography --- */\n\n@for $i from 1 through 5 {\n h#{$i} {\n @extend %heading;\n\n @if $i > 1 {\n @extend %anchor;\n }\n\n @if $i < 5 {\n $size-factor: 0.25rem;\n\n @if $i > 1 {\n $size-factor: 0.18rem;\n\n main & {\n @if $i == 2 {\n margin: 2.5rem 0 1.25rem;\n } @else {\n margin: 2rem 0 1rem;\n }\n }\n }\n\n & {\n font-size: 1rem + (5 - $i) * $size-factor;\n }\n } @else {\n font-size: 1.05rem;\n }\n }\n}\n\na {\n @extend %link-color;\n\n text-decoration: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n transition: all 0.35s ease-in-out;\n\n .blur & {\n $blur: 20px;\n\n -webkit-filter: blur($blur);\n filter: blur($blur);\n }\n}\n\nblockquote {\n border-left: 0.125rem solid var(--blockquote-border-color);\n padding-left: 1rem;\n color: var(--blockquote-text-color);\n margin-top: 0.5rem;\n\n > p:last-child {\n margin-bottom: 0;\n }\n\n &[class^='prompt-'] {\n border-left: 0;\n position: relative;\n padding: 1rem 1rem 1rem 3rem;\n color: var(--prompt-text-color);\n\n @extend %rounded;\n\n &::before {\n text-align: center;\n width: 3rem;\n position: absolute;\n left: 0.25rem;\n margin-top: 0.4rem;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n }\n }\n\n @include prompt('tip', '\\f0eb', $fa-style: 'regular');\n @include prompt('info', '\\f06a', $rotate: 180);\n @include prompt('warning', '\\f06a');\n @include prompt('danger', '\\f071');\n}\n\nkbd {\n font-family: Lato, sans-serif;\n display: inline-block;\n vertical-align: middle;\n line-height: 1.3rem;\n min-width: 1.75rem;\n text-align: center;\n margin: 0 0.3rem;\n padding-top: 0.1rem;\n color: var(--kbd-text-color);\n background-color: var(--kbd-bg-color);\n border-radius: $radius-sm;\n border: solid 1px var(--kbd-wrap-color);\n box-shadow: inset 0 -2px 0 var(--kbd-wrap-color);\n}\n\nhr {\n border-color: var(--main-border-color);\n opacity: 1;\n}\n\nfooter {\n background-color: var(--main-bg);\n height: $footer-height;\n border-top: 1px solid var(--main-border-color);\n\n @extend %text-xs;\n\n a {\n @extend %text-highlight;\n\n &:hover {\n @extend %link-hover;\n }\n }\n\n em {\n @extend %text-highlight;\n }\n\n p {\n text-align: center;\n margin-bottom: 0;\n }\n}\n\n/* fontawesome icons */\ni {\n &.far,\n &.fas {\n @extend %no-cursor;\n }\n}\n\n/* --- Panels --- */\n\n.access {\n top: 2rem;\n transition: top 0.2s ease-in-out;\n margin-top: 3rem;\n margin-bottom: 4rem;\n\n &:only-child {\n position: -webkit-sticky;\n position: sticky;\n }\n\n > section {\n padding-left: 1rem;\n border-left: 1px solid var(--main-border-color);\n\n &:not(:last-child) {\n margin-bottom: 4rem;\n }\n }\n\n .content {\n font-size: 0.9rem;\n }\n}\n\n#panel-wrapper {\n /* the headings */\n .panel-heading {\n font-family: inherit;\n line-height: inherit;\n\n @include label(inherit);\n }\n\n .post-tag {\n line-height: 1.05rem;\n font-size: 0.85rem;\n border-radius: 0.8rem;\n padding: 0.3rem 0.5rem;\n margin: 0 0.35rem 0.5rem 0;\n\n &:hover {\n transition: all 0.3s ease-in;\n }\n }\n}\n\n#access-lastmod {\n a {\n color: inherit;\n\n &:hover {\n @extend %link-hover;\n }\n\n @extend %no-bottom-border;\n }\n}\n\n.footnotes > ol {\n padding-left: 2rem;\n margin-top: 0.5rem;\n\n > li {\n &:not(:last-child) {\n margin-bottom: 0.3rem;\n }\n\n @extend %sup-fn-target;\n\n > p {\n margin-left: 0.25em;\n\n @include mt-mb(0);\n }\n }\n}\n\n.footnote {\n @at-root a#{&} {\n @include ml-mr(1px);\n @include pl-pr(2px);\n\n border-bottom-style: none !important;\n }\n}\n\nsup {\n @extend %sup-fn-target;\n}\n\n.reversefootnote {\n @at-root a#{&} {\n font-size: 0.6rem;\n line-height: 1;\n position: relative;\n bottom: 0.25em;\n margin-left: 0.25em;\n border-bottom-style: none !important;\n }\n}\n\n/* --- Begin of Markdown table style --- */\n\n/* it will be created by Liquid */\n.table-wrapper {\n overflow-x: auto;\n margin-bottom: 1.5rem;\n\n > table {\n min-width: 100%;\n overflow-x: auto;\n border-spacing: 0;\n\n thead {\n border-bottom: solid 2px rgba(210, 215, 217, 0.75);\n\n th {\n @extend %table-cell;\n }\n }\n\n tbody {\n tr {\n border-bottom: 1px solid var(--tb-border-color);\n\n &:nth-child(2n) {\n background-color: var(--tb-even-bg);\n }\n\n &:nth-child(2n + 1) {\n background-color: var(--tb-odd-bg);\n }\n\n td {\n @extend %table-cell;\n }\n }\n } /* tbody */\n } /* table */\n}\n\n/* --- post --- */\n\n.preview-img {\n aspect-ratio: 40 / 21;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n @extend %rounded;\n\n &:not(.no-bg) {\n background: var(--img-bg);\n }\n\n img {\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n\n @extend %rounded;\n\n @at-root #post-list & {\n width: 100%;\n }\n }\n}\n\n.post-preview {\n @extend %rounded;\n\n border: 0;\n background: var(--card-bg);\n box-shadow: var(--card-shadow);\n\n &::before {\n @extend %rounded;\n\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n background-color: var(--card-hovor-bg);\n opacity: 0;\n transition: opacity 0.35s ease-in-out;\n }\n\n &:hover {\n &::before {\n opacity: 0.3;\n }\n }\n}\n\nmain {\n line-height: 1.75;\n\n h1 {\n margin-top: 2rem;\n }\n\n p {\n > a.popup {\n &:not(.normal):not(.left):not(.right) {\n @include align-center;\n }\n }\n }\n\n .categories,\n #tags,\n #archives {\n a:not(:hover) {\n @extend %no-bottom-border;\n }\n }\n}\n\n.post-meta {\n @extend %text-sm;\n\n a {\n &:not([class]):hover {\n @extend %link-hover;\n }\n }\n\n em {\n @extend %normal-font-style;\n }\n}\n\n.content {\n font-size: 1.08rem;\n margin-top: 2rem;\n overflow-wrap: break-word;\n\n a {\n &.popup {\n @extend %no-cursor;\n @extend %img-caption;\n @include mt-mb(0.5rem);\n\n cursor: zoom-in;\n }\n\n &:not(.img-link) {\n @extend %link-underline;\n\n &:hover {\n @extend %link-hover;\n }\n }\n }\n\n ol,\n ul {\n &:not([class]),\n &.task-list {\n -webkit-padding-start: 1.75rem;\n padding-inline-start: 1.75rem;\n\n li {\n margin: 0.25rem 0;\n padding-left: 0.25rem;\n }\n\n ol,\n ul {\n -webkit-padding-start: 1.25rem;\n padding-inline-start: 1.25rem;\n margin: 0.5rem 0;\n }\n }\n }\n\n ul.task-list {\n -webkit-padding-start: 1.25rem;\n padding-inline-start: 1.25rem;\n\n li {\n list-style-type: none;\n padding-left: 0;\n\n /* checkbox icon */\n > i {\n width: 2rem;\n margin-left: -1.25rem;\n color: var(--checkbox-color);\n\n &.checked {\n color: var(--checkbox-checked-color);\n }\n }\n\n ul {\n -webkit-padding-start: 1.75rem;\n padding-inline-start: 1.75rem;\n }\n }\n\n input[type='checkbox'] {\n margin: 0 0.5rem 0.2rem -1.3rem;\n vertical-align: middle;\n }\n } /* ul */\n\n dl > dd {\n margin-left: 1rem;\n }\n\n ::marker {\n color: var(--text-muted-color);\n }\n} /* .content */\n\n.tag:hover {\n @extend %tag-hover;\n}\n\n.post-tag {\n display: inline-block;\n min-width: 2rem;\n text-align: center;\n border-radius: 0.5rem;\n border: 1px solid var(--btn-border-color);\n padding: 0 0.4rem;\n color: var(--text-muted-color);\n line-height: 1.3rem;\n\n &:not(:last-child) {\n margin-right: 0.2rem;\n }\n}\n\n.rounded-10 {\n border-radius: 10px !important;\n}\n\n.img-link {\n color: transparent;\n display: inline-flex;\n}\n\n.shimmer {\n overflow: hidden;\n position: relative;\n background: var(--img-bg);\n\n &::before {\n content: '';\n position: absolute;\n background: var(--shimmer-bg);\n height: 100%;\n width: 100%;\n -webkit-animation: shimmer 1.3s infinite;\n animation: shimmer 1.3s infinite;\n }\n\n @-webkit-keyframes shimmer {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(100%);\n }\n }\n\n @keyframes shimmer {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(100%);\n }\n }\n}\n\n.embed-video {\n width: 100%;\n height: 100%;\n margin-bottom: 1rem;\n aspect-ratio: 16 / 9;\n\n @extend %rounded;\n\n &.twitch {\n aspect-ratio: 310 / 189;\n }\n\n &.file {\n display: block;\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n margin-bottom: 0;\n }\n\n @extend %img-caption;\n}\n\n.embed-audio {\n width: 100%;\n display: block;\n\n @extend %img-caption;\n}\n\n/* --- buttons --- */\n.btn-lang {\n border: 1px solid !important;\n padding: 1px 3px;\n border-radius: 3px;\n color: var(--link-color);\n\n &:focus {\n box-shadow: none;\n }\n}\n\n/* --- Effects classes --- */\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.btn-box-shadow {\n box-shadow: var(--card-shadow);\n}\n\n/* overwrite bootstrap muted */\n.text-muted {\n color: var(--text-muted-color) !important;\n}\n\n/* Overwrite bootstrap tooltip */\n.tooltip-inner {\n font-size: 0.7rem;\n max-width: 220px;\n text-align: left;\n}\n\n/* Overwrite bootstrap outline button */\n.btn.btn-outline-primary {\n &:not(.disabled):hover {\n border-color: #007bff !important;\n }\n}\n\n.disabled {\n color: rgb(206, 196, 196);\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.hide-border-bottom {\n border-bottom: none !important;\n}\n\n.input-focus {\n box-shadow: none;\n border-color: var(--input-focus-border-color) !important;\n background: center !important;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n}\n\n.left {\n float: left;\n margin: 0.75rem 1rem 1rem 0;\n}\n\n.right {\n float: right;\n margin: 0.75rem 0 1rem 1rem;\n}\n\n/* --- Overriding --- */\n\n/* mermaid */\n.mermaid {\n text-align: center;\n}\n\n/* MathJax */\nmjx-container {\n overflow-y: hidden;\n min-width: auto !important;\n}\n\n/* --- sidebar layout --- */\n\n$sidebar-display: 'sidebar-display';\n$btn-border-width: 3px;\n$btn-mb: 0.5rem;\n\n#sidebar {\n @include pl-pr(0);\n\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n overflow-y: auto;\n width: $sidebar-width;\n background: var(--sidebar-bg);\n border-right: 1px solid var(--sidebar-border-color);\n\n /* Hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n %sidebar-link-hover {\n &:hover {\n color: var(--sidebar-active-color);\n }\n }\n\n a {\n @extend %sidebar-links;\n }\n\n #avatar {\n display: block;\n width: 7rem;\n height: 7rem;\n overflow: hidden;\n box-shadow: var(--avatar-border-color) 0 0 0 2px;\n transform: translateZ(0); /* fixed the zoom in Safari */\n\n img {\n transition: transform 0.5s;\n\n &:hover {\n transform: scale(1.2);\n }\n }\n }\n\n .profile-wrapper {\n @include mt-mb(0.5rem);\n @extend %clickable-transition;\n\n padding-left: 2.5rem;\n padding-right: 1.25rem;\n width: 100%;\n }\n\n .site-title {\n @extend %clickable-transition;\n @extend %sidebar-link-hover;\n\n font-family: inherit;\n font-weight: 900;\n font-size: 1.75rem;\n line-height: 1.2;\n letter-spacing: 0.25px;\n margin-top: 1.25rem;\n margin-bottom: 0.5rem;\n width: fit-content;\n color: var(--site-title-color);\n }\n\n .site-subtitle {\n font-size: 95%;\n color: var(--site-subtitle-color);\n margin-top: 0.25rem;\n word-spacing: 1px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n ul {\n margin-bottom: 2rem;\n\n li.nav-item {\n opacity: 0.9;\n width: 100%;\n\n @include pl-pr(1.5rem);\n\n a.nav-link {\n @include pt-pb(0.6rem);\n\n display: flex;\n align-items: center;\n border-radius: 0.75rem;\n font-weight: 600;\n\n &:hover {\n background-color: var(--sidebar-hover-bg);\n }\n\n i {\n font-size: 95%;\n opacity: 0.8;\n margin-right: 1.5rem;\n }\n\n span {\n font-size: 90%;\n letter-spacing: 0.2px;\n }\n }\n\n &.active {\n .nav-link {\n color: var(--sidebar-active-color);\n background-color: var(--sidebar-hover-bg);\n\n span {\n opacity: 1;\n }\n }\n }\n\n &:not(:first-child) {\n margin-top: 0.25rem;\n }\n }\n }\n\n .sidebar-bottom {\n padding-left: 2rem;\n padding-right: 1rem;\n margin-bottom: 1.5rem;\n\n $btn-size: 1.75rem;\n\n %button {\n width: $btn-size;\n height: $btn-size;\n margin-bottom: $btn-mb; // multi line gap\n border-radius: 50%;\n color: var(--sidebar-btn-color);\n background-color: var(--sidebar-btn-bg);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:not(:focus-visible) {\n box-shadow: var(--sidebar-border-color) 0 0 0 1px;\n }\n\n &:hover {\n background-color: var(--sidebar-hover-bg);\n }\n }\n\n a {\n @extend %button;\n @extend %sidebar-link-hover;\n @extend %clickable-transition;\n\n &:not(:last-child) {\n margin-right: $sb-btn-gap;\n }\n }\n\n i {\n line-height: $btn-size;\n }\n\n #mode-toggle {\n @extend %button;\n @extend %sidebar-links;\n @extend %sidebar-link-hover;\n }\n\n .icon-border {\n @extend %no-cursor;\n @include ml-mr(calc(($sb-btn-gap - $btn-border-width) / 2));\n\n background-color: var(--sidebar-btn-color);\n content: '';\n width: $btn-border-width;\n height: $btn-border-width;\n border-radius: 50%;\n margin-bottom: $btn-mb;\n }\n } /* .sidebar-bottom */\n} /* #sidebar */\n\n@media (hover: hover) {\n #sidebar ul > li:last-child::after {\n transition: top 0.5s ease;\n }\n\n .nav-link {\n transition: background-color 0.3s ease-in-out;\n }\n\n .post-preview {\n transition: background-color 0.35s ease-in-out;\n }\n}\n\n#search-result-wrapper {\n display: none;\n height: 100%;\n width: 100%;\n overflow: auto;\n\n .content {\n margin-top: 2rem;\n }\n}\n\n/* --- top-bar --- */\n\n#topbar-wrapper {\n height: $topbar-height;\n background-color: var(--topbar-bg);\n}\n\n#topbar {\n @extend %btn-color;\n\n #breadcrumb {\n font-size: 1rem;\n color: var(--text-muted-color);\n padding-left: 0.5rem;\n\n a:hover {\n @extend %link-hover;\n }\n\n span {\n &:not(:last-child) {\n &::after {\n content: '›';\n padding: 0 0.3rem;\n }\n }\n }\n }\n} /* #topbar */\n\n::-webkit-input-placeholder {\n @include placeholder;\n}\n\n::-moz-placeholder {\n @include placeholder;\n}\n\n:-ms-input-placeholder {\n @include placeholder;\n}\n\n::-ms-input-placeholder {\n @include placeholder;\n}\n\n::placeholder {\n @include placeholder;\n}\n\n:focus::-webkit-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::-moz-placeholder {\n @include placeholder-focus;\n}\n\n:focus:-ms-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::-ms-input-placeholder {\n @include placeholder-focus;\n}\n\n:focus::placeholder {\n @include placeholder-focus;\n}\n\nsearch {\n display: flex;\n width: 100%;\n border-radius: 1rem;\n border: 1px solid var(--search-border-color);\n background: var(--main-bg);\n padding: 0 0.5rem;\n\n i {\n z-index: 2;\n font-size: 0.9rem;\n color: var(--search-icon-color);\n }\n}\n\n#sidebar-trigger,\n#search-trigger {\n display: none;\n}\n\n/* 'Cancel' link */\n#search-cancel {\n color: var(--link-color);\n display: none;\n white-space: nowrap;\n\n @extend %cursor-pointer;\n}\n\n#search-input {\n background: center;\n border: 0;\n border-radius: 0;\n padding: 0.18rem 0.3rem;\n color: var(--text-color);\n height: auto;\n\n &:focus {\n box-shadow: none;\n }\n}\n\n#search-hints {\n padding: 0 1rem;\n\n h4 {\n margin-bottom: 1.5rem;\n }\n\n .post-tag {\n display: inline-block;\n line-height: 1rem;\n font-size: 1rem;\n background: var(--search-tag-bg);\n border: none;\n padding: 0.5rem;\n margin: 0 1.25rem 1rem 0;\n\n &::before {\n content: '#';\n color: var(--text-muted-color);\n padding-right: 0.2rem;\n }\n\n @extend %link-color;\n }\n}\n\n#search-results {\n padding-bottom: 3rem;\n\n a {\n font-size: 1.4rem;\n line-height: 1.5rem;\n\n &:hover {\n @extend %link-hover;\n }\n\n @extend %link-color;\n @extend %no-bottom-border;\n @extend %heading;\n }\n\n > article {\n width: 100%;\n\n &:not(:last-child) {\n margin-bottom: 1rem;\n }\n\n /* icons */\n i {\n color: #818182;\n margin-right: 0.15rem;\n font-size: 80%;\n }\n\n > p {\n @extend %text-ellipsis;\n\n white-space: break-spaces;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n }\n} /* #search-results */\n\n#topbar-title {\n display: none;\n font-size: 1.1rem;\n font-weight: 600;\n font-family: sans-serif;\n color: var(--topbar-text-color);\n text-align: center;\n width: 70%;\n word-break: keep-all;\n}\n\n#mask {\n inset: 0 0 0 0;\n}\n\n/* --- basic wrappers --- */\n\n#main-wrapper {\n position: relative;\n\n @include pl-pr(0);\n\n > .container {\n min-height: 100vh;\n }\n}\n\n#topbar-wrapper.row,\n#main-wrapper > .container > .row,\n#search-result-wrapper > .row {\n @include ml-mr(0);\n}\n\n#tail-wrapper {\n > :not(script) {\n margin-top: 3rem;\n }\n}\n\n/* --- button back-to-top --- */\n\n#back-to-top {\n visibility: hidden;\n opacity: 0;\n z-index: 1;\n cursor: pointer;\n position: fixed;\n right: 1rem;\n bottom: calc($footer-height-large - $back2top-size / 2);\n background: var(--button-bg);\n color: var(--btn-backtotop-color);\n padding: 0;\n width: $back2top-size;\n height: $back2top-size;\n border-radius: 50%;\n border: 1px solid var(--btn-backtotop-border-color);\n transition: opacity 0.5s ease-in-out, transform 0.2s ease-out;\n\n &:hover {\n transform: translate3d(0, -5px, 0);\n -webkit-transform: translate3d(0, -5px, 0);\n }\n\n i {\n line-height: $back2top-size;\n position: relative;\n bottom: 2px;\n }\n\n &.show {\n opacity: 1;\n visibility: visible;\n }\n}\n\n#notification {\n @-webkit-keyframes popup {\n from {\n opacity: 0;\n bottom: 0;\n }\n }\n\n @keyframes popup {\n from {\n opacity: 0;\n bottom: 0;\n }\n }\n\n .toast-header {\n background: none;\n border-bottom: none;\n color: inherit;\n }\n\n .toast-body {\n font-family: Lato, sans-serif;\n line-height: 1.25rem;\n\n button {\n font-size: 90%;\n min-width: 4rem;\n }\n }\n\n &.toast {\n &.show {\n display: block;\n min-width: 20rem;\n border-radius: 0.5rem;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n background-color: rgba(255, 255, 255, 0.5);\n color: #1b1b1eba;\n position: fixed;\n left: 50%;\n bottom: 20%;\n transform: translateX(-50%);\n -webkit-animation: popup 0.8s;\n animation: popup 0.8s;\n }\n }\n}\n\n/*\n Responsive Design:\n\n {sidebar, content, panel} >= 1200px screen width\n {sidebar, content} >= 850px screen width\n {content} <= 849px screen width\n\n*/\n\n@media all and (max-width: 576px) {\n main {\n .content {\n > blockquote[class^='prompt-'] {\n @include ml-mr(-1rem);\n\n border-radius: 0;\n max-width: none;\n }\n }\n }\n\n #avatar {\n width: 5rem;\n height: 5rem;\n }\n}\n\n@media all and (max-width: 768px) {\n %full-width {\n max-width: 100%;\n }\n\n #topbar {\n @extend %full-width;\n }\n\n #main-wrapper > .container {\n @extend %full-width;\n @include pl-pr(0);\n }\n}\n\n/* hide sidebar and panel */\n@media all and (max-width: 849px) {\n @mixin slide($append: null) {\n $basic: transform 0.4s ease;\n\n @if $append {\n transition: $basic, $append;\n } @else {\n transition: $basic;\n }\n }\n\n footer {\n @include slide;\n\n height: $footer-height-large;\n padding: 1.5rem 0;\n }\n\n [#{$sidebar-display}] {\n #sidebar {\n transform: translateX(0);\n }\n\n #main-wrapper {\n transform: translateX($sidebar-width);\n }\n\n #back-to-top {\n visibility: hidden;\n }\n }\n\n #sidebar {\n @include slide;\n\n transform: translateX(-$sidebar-width); /* hide */\n -webkit-transform: translateX(-$sidebar-width);\n }\n\n #main-wrapper {\n @include slide;\n }\n\n #topbar,\n #main-wrapper > .container {\n max-width: 100%;\n }\n\n #search-result-wrapper {\n width: 100%;\n }\n\n #breadcrumb,\n search {\n display: none;\n }\n\n #topbar-wrapper {\n @include slide(top 0.2s ease);\n\n left: 0;\n }\n\n main,\n #panel-wrapper {\n margin-top: 0;\n }\n\n #topbar-title,\n #sidebar-trigger,\n #search-trigger {\n display: block;\n }\n\n #search-result-wrapper .content {\n letter-spacing: 0;\n }\n\n #tags {\n justify-content: center !important;\n }\n\n h1.dynamic-title {\n display: none;\n\n ~ .content {\n margin-top: 2.5rem;\n }\n }\n} /* max-width: 849px */\n\n/* Sidebar is visible */\n@media all and (min-width: 850px) {\n /* Solved jumping scrollbar */\n html {\n overflow-y: scroll;\n }\n\n #main-wrapper {\n margin-left: $sidebar-width;\n }\n\n #sidebar {\n .profile-wrapper {\n margin-top: 3rem;\n }\n }\n\n #search-hints {\n display: none;\n }\n\n search {\n max-width: $search-max-width;\n }\n\n #search-result-wrapper {\n max-width: $main-content-max-width;\n justify-content: start !important;\n }\n\n main {\n h1 {\n margin-top: 3rem;\n }\n }\n\n div.content .table-wrapper > table {\n min-width: 70%;\n }\n\n /* button 'back-to-Top' position */\n #back-to-top {\n right: 5%;\n bottom: calc($footer-height - $back2top-size / 2);\n }\n\n #topbar-title {\n text-align: left;\n }\n}\n\n/* Pad horizontal */\n@media all and (min-width: 992px) and (max-width: 1199px) {\n #main-wrapper > .container .col-lg-11 {\n flex: 0 0 96%;\n max-width: 96%;\n }\n}\n\n/* Compact icons in sidebar & panel hidden */\n@media all and (min-width: 850px) and (max-width: 1199px) {\n #search-results > div {\n max-width: 700px;\n }\n\n #breadcrumb {\n width: 65%;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: keep-all;\n white-space: nowrap;\n }\n}\n\n/* panel hidden */\n@media all and (max-width: 1199px) {\n #panel-wrapper {\n display: none;\n }\n\n #main-wrapper > .container > div.row {\n justify-content: center !important;\n }\n}\n\n/* --- desktop mode, both sidebar and panel are visible --- */\n\n@media all and (min-width: 1200px) {\n search {\n margin-right: 4rem;\n }\n\n #search-input {\n transition: all 0.3s ease-in-out;\n }\n\n #search-results > article {\n width: 45%;\n\n &:nth-child(odd) {\n margin-right: 1.5rem;\n }\n\n &:nth-child(even) {\n margin-left: 1.5rem;\n }\n\n &:last-child:nth-child(odd) {\n position: relative;\n right: 24.3%;\n }\n }\n\n .content {\n font-size: 1.03rem;\n }\n}\n\n@media all and (min-width: 1400px) {\n #back-to-top {\n right: calc((100vw - $sidebar-width - 1140px) / 2 + 3rem);\n }\n}\n\n@media all and (min-width: 1650px) {\n $icon-gap: 1rem;\n\n #main-wrapper {\n margin-left: $sidebar-width-large;\n }\n\n #topbar-wrapper {\n left: $sidebar-width-large;\n }\n\n search {\n margin-right: calc(\n $main-content-max-width / 4 - $search-max-width - 0.75rem\n );\n }\n\n #main-wrapper > .container {\n max-width: $main-content-max-width;\n\n @include pl-pr(1.75rem, true);\n }\n\n main.col-12,\n #tail-wrapper {\n padding-right: 4.5rem !important;\n }\n\n #back-to-top {\n right: calc(\n (100vw - $sidebar-width-large - $main-content-max-width) / 2 + 2rem\n );\n }\n\n #sidebar {\n width: $sidebar-width-large;\n\n .profile-wrapper {\n margin-top: 3.5rem;\n margin-bottom: 2.5rem;\n padding-left: 3.5rem;\n }\n\n ul {\n li.nav-item {\n @include pl-pr(2.75rem);\n }\n }\n\n .sidebar-bottom {\n padding-left: 2.75rem;\n margin-bottom: 1.75rem;\n\n a:not(:last-child) {\n margin-right: $sb-btn-gap-lg;\n }\n\n .icon-border {\n @include ml-mr(calc(($sb-btn-gap-lg - $btn-border-width) / 2));\n }\n }\n }\n} /* min-width: 1650px */\n","/*\n * The syntax light mode typography colors\n */\n\n@mixin light-scheme {\n /* Framework color */\n --main-bg: white;\n --mask-bg: #c1c3c5;\n --main-border-color: #f3f3f3;\n\n /* Common color */\n --text-color: #34343c;\n --text-muted-color: #757575;\n --text-muted-highlight-color: inherit;\n --heading-color: #2a2a2a;\n --label-color: #585858;\n --blockquote-border-color: #eeeeee;\n --blockquote-text-color: #757575;\n --link-color: #0056b2;\n --link-underline-color: #dee2e6;\n --button-bg: #ffffff;\n --btn-border-color: #e9ecef;\n --btn-backtotop-color: #686868;\n --btn-backtotop-border-color: #f1f1f1;\n --checkbox-color: #c5c5c5;\n --checkbox-checked-color: #07a8f7;\n --img-bg: radial-gradient(\n circle,\n rgb(255, 255, 255) 0%,\n rgb(239, 239, 239) 100%\n );\n --shimmer-bg: linear-gradient(\n 90deg,\n rgba(250, 250, 250, 0) 0%,\n rgba(232, 230, 230, 1) 50%,\n rgba(250, 250, 250, 0) 100%\n );\n\n /* Sidebar */\n --site-title-color: rgb(113, 113, 113);\n --site-subtitle-color: #717171;\n --sidebar-bg: #f6f8fa;\n --sidebar-border-color: #efefef;\n --sidebar-muted-color: #545454;\n --sidebar-active-color: #1d1d1d;\n --sidebar-hover-bg: rgb(223, 233, 241, 0.64);\n --sidebar-btn-bg: white;\n --sidebar-btn-color: #8e8e8e;\n --avatar-border-color: white;\n\n /* Topbar */\n --topbar-bg: rgb(255, 255, 255, 0.7);\n --topbar-text-color: rgb(78, 78, 78);\n --search-border-color: rgb(240, 240, 240);\n --search-icon-color: #c2c6cc;\n --input-focus-border-color: #b8b8b8;\n\n /* Home page */\n --post-list-text-color: dimgray;\n --btn-patinator-text-color: #555555;\n --btn-paginator-hover-color: var(--sidebar-bg);\n\n /* Posts */\n --toc-highlight: #0550ae;\n --toc-popup-border-color: lightgray;\n --btn-share-color: gray;\n --btn-share-hover-color: #0d6efd;\n --card-bg: white;\n --card-hovor-bg: #e2e2e2;\n --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,\n rgba(211, 209, 209, 0.15) 0 0 0 1px;\n --footnote-target-bg: lightcyan;\n --tb-odd-bg: #fbfcfd;\n --tb-border-color: #eaeaea;\n --dash-color: silver;\n --kbd-wrap-color: #bdbdbd;\n --kbd-text-color: var(--text-color);\n --kbd-bg-color: white;\n --prompt-text-color: rgb(46, 46, 46, 0.77);\n --prompt-tip-bg: rgb(123, 247, 144, 0.2);\n --prompt-tip-icon-color: #03b303;\n --prompt-info-bg: #e1f5fe;\n --prompt-info-icon-color: #0070cb;\n --prompt-warning-bg: rgb(255, 243, 205);\n --prompt-warning-icon-color: #ef9c03;\n --prompt-danger-bg: rgb(248, 215, 218, 0.56);\n --prompt-danger-icon-color: #df3c30;\n\n /* Tags */\n --tag-border: #dee2e6;\n --tag-shadow: var(--btn-border-color);\n --tag-hover: rgb(222, 226, 230);\n --search-tag-bg: #f8f9fa;\n\n /* Categories */\n --categories-border: rgba(0, 0, 0, 0.125);\n --categories-hover-bg: var(--btn-border-color);\n --categories-icon-hover-color: darkslategray;\n\n /* Archive */\n --timeline-color: rgba(0, 0, 0, 0.075);\n --timeline-node-bg: #c2c6cc;\n --timeline-year-dot-color: #ffffff;\n\n [class^='prompt-'] {\n --link-underline-color: rgb(219, 216, 216);\n }\n\n .dark {\n display: none;\n }\n} /* light-scheme */\n","/*\n * The main dark mode styles\n */\n\n@mixin dark-scheme {\n /* Framework color */\n --main-bg: rgb(27, 27, 30);\n --mask-bg: rgb(68, 69, 70);\n --main-border-color: rgb(44, 45, 45);\n\n /* Common color */\n --text-color: rgb(175, 176, 177);\n --text-muted-color: #868686;\n --text-muted-highlight-color: #aeaeae;\n --heading-color: #cccccc;\n --label-color: #a7a7a7;\n --blockquote-border-color: rgb(66, 66, 66);\n --blockquote-text-color: #868686;\n --link-color: rgb(138, 180, 248);\n --link-underline-color: rgb(82, 108, 150);\n --button-bg: #1e1e1e;\n --btn-border-color: #2e2f31;\n --btn-backtotop-color: var(--text-color);\n --btn-backtotop-border-color: #212122;\n --card-header-bg: #292929;\n --checkbox-color: rgb(118, 120, 121);\n --checkbox-checked-color: var(--link-color);\n --img-bg: radial-gradient(circle, rgb(22, 22, 24) 0%, rgb(32, 32, 32) 100%);\n --shimmer-bg: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(58, 55, 55, 0.4) 50%,\n rgba(255, 255, 255, 0) 100%\n );\n\n /* Sidebar */\n --site-title-color: #717070;\n --site-subtitle-color: #868686;\n --sidebar-bg: #1e1e1e;\n --sidebar-border-color: #292929;\n --sidebar-muted-color: #868686;\n --sidebar-active-color: rgb(255, 255, 255, 0.95);\n --sidebar-hover-bg: #262626;\n --sidebar-btn-bg: #232328;\n --sidebar-btn-color: #787878;\n --avatar-border-color: rgb(206, 206, 206, 0.9);\n\n /* Topbar */\n --topbar-bg: rgb(27, 27, 30, 0.64);\n --topbar-text-color: var(--text-color);\n --search-border-color: rgb(55, 55, 55);\n --search-icon-color: rgb(100, 102, 105);\n --input-focus-border-color: rgb(112, 114, 115);\n\n /* Home page */\n --post-list-text-color: rgb(175, 176, 177);\n --btn-patinator-text-color: var(--text-color);\n --btn-paginator-hover-color: #2e2e2e;\n\n /* Posts */\n --toc-highlight: rgb(116, 178, 243);\n --toc-popup-border-color: #373737;\n --tag-hover: rgb(43, 56, 62);\n --tb-odd-bg: #252526; /* odd rows of the posts' table */\n --tb-even-bg: rgb(31, 31, 34); /* even rows of the posts' table */\n --tb-border-color: var(--tb-odd-bg);\n --footnote-target-bg: rgb(63, 81, 181);\n --btn-share-color: #6c757d;\n --btn-share-hover-color: #bfc1ca;\n --card-bg: #1e1e1e;\n --card-hovor-bg: #464d51;\n --card-shadow: rgb(21, 21, 21, 0.72) 0 6px 18px 0,\n rgb(137, 135, 135, 0.24) 0 0 0 1px;\n --kbd-wrap-color: #6a6a6a;\n --kbd-text-color: #d3d3d3;\n --kbd-bg-color: #242424;\n --prompt-text-color: rgb(216, 212, 212, 0.75);\n --prompt-tip-bg: rgb(22, 60, 36, 0.64);\n --prompt-tip-icon-color: rgb(15, 164, 15, 0.81);\n --prompt-info-bg: rgb(7, 59, 104, 0.8);\n --prompt-info-icon-color: #0075d1;\n --prompt-warning-bg: rgb(90, 69, 3, 0.88);\n --prompt-warning-icon-color: rgb(255, 165, 0, 0.8);\n --prompt-danger-bg: rgb(86, 28, 8, 0.8);\n --prompt-danger-icon-color: #cd0202;\n\n /* Tags */\n --tag-border: rgb(59, 79, 88);\n --tag-shadow: rgb(32, 33, 33);\n --dash-color: rgb(63, 65, 68);\n --search-tag-bg: #292828;\n\n /* Categories */\n --categories-border: rgb(64, 66, 69, 0.5);\n --categories-hover-bg: rgb(73, 75, 76);\n --categories-icon-hover-color: white;\n\n /* Archive */\n --timeline-node-bg: rgb(150, 152, 156);\n --timeline-color: rgb(63, 65, 68);\n --timeline-year-dot-color: var(--timeline-color);\n\n color-scheme: dark;\n\n .light {\n display: none;\n }\n\n /* Categories */\n .categories.card,\n .list-group-item {\n background-color: var(--card-bg);\n }\n\n .categories {\n .card-header {\n background-color: var(--card-header-bg);\n }\n\n .list-group-item {\n border-left: none;\n border-right: none;\n padding-left: 2rem;\n border-color: var(--categories-border);\n\n &:last-child {\n border-bottom-color: var(--card-bg);\n }\n }\n }\n\n #archives li:nth-child(odd) {\n background-image: linear-gradient(\n to left,\n rgb(26, 26, 30),\n rgb(39, 39, 45),\n rgb(39, 39, 45),\n rgb(39, 39, 45),\n rgb(26, 26, 30)\n );\n }\n\n /* stylelint-disable-next-line selector-id-pattern */\n #disqus_thread {\n color-scheme: none;\n }\n} /* dark-scheme */\n","/*\n Style for Homepage\n*/\n\n#post-list {\n margin-top: 2rem;\n\n .card-wrapper {\n &:hover {\n text-decoration: none;\n }\n\n &:not(:last-child) {\n margin-bottom: 1.25rem;\n }\n }\n\n .card {\n border: 0;\n background: none;\n\n %img-radius {\n border-radius: $radius-lg $radius-lg 0 0;\n }\n\n .preview-img {\n @extend %img-radius;\n\n img {\n @extend %img-radius;\n }\n }\n\n .card-body {\n height: 100%;\n padding: 1rem;\n\n .card-title {\n @extend %text-clip;\n\n color: var(--heading-color) !important;\n font-size: 1.25rem;\n }\n\n %muted {\n color: var(--text-muted-color) !important;\n }\n\n .card-text.content {\n @extend %muted;\n\n p {\n @extend %text-clip;\n\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .post-meta {\n @extend %muted;\n\n i {\n &:not(:first-child) {\n margin-left: 1.5rem;\n }\n }\n\n em {\n @extend %normal-font-style;\n\n color: inherit;\n }\n\n > div:first-child {\n display: block;\n\n @extend %text-ellipsis;\n }\n }\n }\n }\n} /* #post-list */\n\n.pagination {\n color: var(--text-color);\n font-family: Lato, sans-serif;\n justify-content: space-evenly;\n\n a:hover {\n text-decoration: none;\n }\n\n .page-item {\n .page-link {\n color: var(--btn-patinator-text-color);\n padding: 0 0.6rem;\n display: -webkit-box;\n -webkit-box-pack: center;\n -webkit-box-align: center;\n border-radius: 0.5rem;\n border: 0;\n background-color: inherit;\n }\n\n &.active {\n .page-link {\n background-color: var(--btn-paginator-hover-color);\n }\n }\n\n &:not(.active) {\n .page-link {\n &:hover {\n box-shadow: inset var(--btn-border-color) 0 0 0 1px;\n }\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n\n .page-link {\n color: rgba(108, 117, 125, 0.57);\n }\n }\n } /* .page-item */\n} /* .pagination */\n\n/* Tablet */\n@media all and (min-width: 768px) {\n %img-radius {\n border-radius: 0 $radius-lg $radius-lg 0;\n }\n\n #post-list {\n .card {\n .card-body {\n padding: 1.75rem 1.75rem 1.25rem 1.75rem;\n\n .card-text {\n display: inherit !important;\n }\n\n .post-meta {\n i {\n &:not(:first-child) {\n margin-left: 1.75rem;\n }\n }\n }\n }\n }\n }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 830px) {\n .pagination {\n .page-item {\n &:not(:first-child):not(:last-child) {\n display: none;\n }\n }\n }\n}\n\n/* Sidebar is visible */\n@media all and (min-width: 831px) {\n #post-list {\n margin-top: 2.5rem;\n }\n\n .pagination {\n font-size: 0.85rem;\n justify-content: center;\n\n .page-item {\n &:not(:last-child) {\n margin-right: 0.7rem;\n }\n }\n\n .page-index {\n display: none;\n }\n } /* .pagination */\n}\n","/**\n * Post-specific styles\n */\n\n%btn-post-nav {\n width: 50%;\n position: relative;\n border-color: var(--btn-border-color);\n}\n\n@mixin dot($pl: 0.25rem, $pr: 0.25rem) {\n content: '\\2022';\n padding-left: $pl;\n padding-right: $pr;\n}\n\nheader {\n .post-desc {\n @extend %heading;\n\n font-size: 1.125rem;\n line-height: 1.6;\n }\n\n .post-meta {\n span + span::before {\n @include dot;\n }\n\n em,\n time {\n @extend %text-highlight;\n }\n\n em {\n a {\n color: inherit;\n }\n }\n }\n\n h1 + .post-meta {\n margin-top: 1.5rem;\n }\n}\n\n.post-tail-wrapper {\n @extend %text-sm;\n\n margin-top: 6rem;\n border-bottom: 1px double var(--main-border-color);\n\n .license-wrapper {\n line-height: 1.2rem;\n\n > a {\n @extend %text-highlight;\n\n &:hover {\n @extend %link-hover;\n }\n }\n\n span:last-child {\n @extend %text-sm;\n }\n } /* .license-wrapper */\n\n .post-meta a:not(:hover) {\n @extend %link-underline;\n }\n\n .share-wrapper {\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n %icon-size {\n font-size: 1.125rem;\n }\n\n .share-icons {\n display: flex;\n\n i {\n color: var(--btn-share-color);\n\n @extend %icon-size;\n }\n\n > * {\n @extend %icon-size;\n\n margin-left: 0.5rem;\n\n &:hover {\n i {\n @extend %btn-share-hover;\n }\n }\n }\n\n button {\n padding: 0;\n border: none;\n line-height: inherit;\n\n @extend %cursor-pointer;\n }\n } /* .share-icons */\n } /* .share-wrapper */\n}\n\n.share-mastodon {\n /* See: https://github.com/justinribeiro/share-to-mastodon#properties */\n --wc-stm-font-family: $font-family-base;\n --wc-stm-dialog-background-color: var(--card-bg);\n --wc-stm-form-button-border: 1px solid var(--btn-border-color);\n --wc-stm-form-submit-background-color: var(--sidebar-btn-bg);\n --wc-stm-form-cancel-background-color: var(--sidebar-btn-bg);\n --wc-stm-form-button-background-color-hover: #007bff;\n --wc-stm-form-button-color-hover: white;\n\n font-size: 1rem;\n}\n\n.post-tags {\n line-height: 2rem;\n\n .post-tag {\n &:hover {\n @extend %link-hover;\n @extend %tag-hover;\n @extend %no-bottom-border;\n }\n }\n}\n\n.post-navigation {\n .btn {\n @extend %btn-post-nav;\n\n &:not(:hover) {\n color: var(--link-color);\n }\n\n &:hover {\n &:not(.disabled)::before {\n color: whitesmoke;\n }\n }\n\n &.disabled {\n @extend %btn-post-nav;\n\n pointer-events: auto;\n cursor: not-allowed;\n background: none;\n color: gray;\n }\n\n &.btn-outline-primary.disabled:focus {\n box-shadow: none;\n }\n\n &::before {\n color: var(--text-muted-color);\n font-size: 0.65rem;\n text-transform: uppercase;\n content: attr(aria-label);\n }\n\n &:first-child {\n border-radius: $radius-lg 0 0 $radius-lg;\n left: 0.5px;\n }\n\n &:last-child {\n border-radius: 0 $radius-lg $radius-lg 0;\n right: 0.5px;\n }\n }\n\n p {\n font-size: 1.1rem;\n line-height: 1.5rem;\n margin-top: 0.3rem;\n white-space: normal;\n }\n} /* .post-navigation */\n\n@media (hover: hover) {\n .post-navigation {\n .btn,\n .btn::before {\n transition: all 0.35s ease-in-out;\n }\n }\n}\n\n@-webkit-keyframes fade-up {\n from {\n opacity: 0;\n position: relative;\n top: 2rem;\n }\n\n to {\n opacity: 1;\n position: relative;\n top: 0;\n }\n}\n\n@keyframes fade-up {\n from {\n opacity: 0;\n position: relative;\n top: 2rem;\n }\n\n to {\n opacity: 1;\n position: relative;\n top: 0;\n }\n}\n\n/* TOC panel */\n#toc-wrapper {\n border-left: 1px solid rgba(158, 158, 158, 0.17);\n position: -webkit-sticky;\n position: sticky;\n top: 4rem;\n transition: top 0.2s ease-in-out;\n -webkit-animation: fade-up 0.8s;\n animation: fade-up 0.8s;\n\n ul {\n list-style: none;\n font-size: 0.85rem;\n line-height: 1.25;\n padding-left: 0;\n\n li {\n &:not(:last-child) {\n margin: 0.4rem 0;\n }\n\n a {\n padding: 0.2rem 0 0.2rem 1.25rem;\n }\n }\n\n /* Overwrite TOC plugin style */\n\n .toc-link {\n display: block;\n\n @extend %text-ellipsis;\n\n &:hover {\n color: var(--toc-highlight);\n text-decoration: none;\n }\n\n &::before {\n display: none;\n }\n }\n\n .is-active-link {\n color: var(--toc-highlight) !important;\n font-weight: 600;\n\n &::before {\n display: inline-block;\n width: 1px;\n left: -1px;\n height: 1.25rem;\n background-color: var(--toc-highlight) !important;\n }\n }\n\n ul {\n padding-left: 0.75rem;\n }\n }\n}\n\n/* --- TOC button, bar and popup in mobile/tablet --- */\n\n#toc-bar {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0 -1rem;\n height: $topbar-height;\n background: var(--main-bg);\n border-bottom: 1px solid var(--main-border-color);\n transition: all 0.2s ease-in-out;\n\n @extend %btn-color;\n\n .label {\n @extend %heading;\n\n margin-left: 0.25rem;\n padding: 0 0.75rem;\n color: inherit;\n }\n\n &.invisible {\n top: -$topbar-height;\n transition: none;\n }\n}\n\n#toc-solo-trigger {\n color: var(--text-muted-color);\n border-color: var(--btn-border-color);\n border-radius: $radius-lg;\n\n .label {\n font-size: 1rem;\n font-family: $font-family-heading;\n }\n\n &:hover {\n box-shadow: none;\n background: none;\n }\n}\n\n@mixin slide-in {\n from {\n opacity: 0.7;\n transform: translateY(-$topbar-height);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@mixin slide-out {\n 0% {\n transform: translateY(0);\n opacity: 1;\n }\n\n 100% {\n transform: translateY(-$topbar-height);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes slide-in {\n @include slide-in;\n}\n\n@keyframes slide-in {\n @include slide-in;\n}\n\n@-webkit-keyframes slide-out {\n @include slide-out;\n}\n\n@keyframes slide-out {\n @include slide-out;\n}\n\n#toc-popup {\n $slide-in: slide-in 0.3s ease-out;\n $slide-out: slide-out 0.3s ease-out;\n $curtain-height: 2rem;\n $backdrop: blur(5px);\n\n border-color: var(--toc-popup-border-color);\n border-width: 1px;\n border-radius: $radius-lg;\n color: var(--text-color);\n background: var(--card-bg);\n margin-top: $topbar-height;\n min-width: 20rem;\n font-size: 1.05rem;\n\n @media all and (min-width: 576px) {\n max-width: 32rem;\n }\n\n &[open] {\n -webkit-animation: $slide-in;\n animation: $slide-in;\n }\n\n &[closing] {\n -webkit-animation: $slide-out;\n animation: $slide-out;\n }\n\n @media all and (min-width: 850px) {\n left: $sidebar-width;\n }\n\n .header {\n @extend %btn-color;\n\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n background-color: inherit;\n border-bottom: 1px solid var(--main-border-color);\n\n .label {\n font-family: $font-family-heading;\n }\n }\n\n button {\n > i {\n font-size: 1.25rem;\n vertical-align: middle;\n }\n\n &:focus-visible {\n box-shadow: none;\n }\n }\n\n ul {\n list-style-type: none;\n padding-left: 0;\n\n li {\n ul,\n & + li {\n margin-top: 0.25rem;\n }\n\n a {\n display: flex;\n line-height: 1.5;\n padding: 0.375rem 0;\n padding-right: 1.125rem;\n\n &.toc-link::before {\n display: none;\n }\n }\n }\n }\n\n @for $i from 2 through 4 {\n .node-name--H#{$i} {\n padding-left: 1.125rem * ($i - 1);\n }\n }\n\n .is-active-link {\n color: var(--toc-highlight) !important;\n font-weight: 600;\n }\n\n &::-webkit-backdrop {\n -webkit-backdrop-filter: $backdrop;\n backdrop-filter: $backdrop;\n }\n\n &::backdrop {\n -webkit-backdrop-filter: $backdrop;\n backdrop-filter: $backdrop;\n }\n\n &::after {\n display: flex;\n content: '';\n position: relative;\n background: linear-gradient(transparent, var(--card-bg) 70%);\n height: $curtain-height;\n }\n\n #toc-popup-content {\n overflow: auto;\n max-height: calc(100vh - 4 * $topbar-height);\n font-family: $font-family-heading;\n margin-bottom: -$curtain-height;\n }\n}\n\n/* --- Related Posts --- */\n\n#related-posts {\n > h3 {\n @include label(1.1rem, 600);\n }\n\n time {\n @extend %normal-font-style;\n @extend %text-xs;\n\n color: var(--text-muted-color);\n }\n\n p {\n @extend %text-ellipsis;\n\n font-size: 0.9rem;\n margin-bottom: 0.5rem;\n white-space: break-spaces;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n .card {\n h4 {\n @extend %text-clip;\n }\n }\n}\n\n/* stylelint-disable-next-line selector-id-pattern */\n#disqus_thread {\n min-height: 8.5rem;\n}\n\n.utterances {\n max-width: 100%;\n}\n\n%btn-share-hover {\n color: var(--btn-share-hover-color) !important;\n}\n\n.share-label {\n @include label(inherit, 400, inherit);\n\n &::after {\n content: ':';\n }\n}\n\n@media all and (max-width: 576px) {\n .post-tail-bottom {\n flex-wrap: wrap-reverse !important;\n\n > div:first-child {\n width: 100%;\n margin-top: 1rem;\n }\n }\n}\n\n@media all and (max-width: 768px) {\n .content > p > img {\n max-width: calc(100% + 1rem);\n }\n}\n\n/* Hide SideBar and TOC */\n@media all and (max-width: 849px) {\n .post-navigation {\n @include pl-pr(0);\n @include ml-mr(-0.5rem);\n }\n}\n\n@media all and (min-width: 1200px) {\n h2,\n h3,\n h4 {\n scroll-margin-top: 2rem;\n }\n\n #toc-bar,\n #toc-solo-trigger {\n display: none !important;\n }\n}\n","/*\n Styles for Tab Tags\n*/\n\n.tag {\n border-radius: 0.7em;\n padding: 6px 8px 7px;\n margin-right: 0.8rem;\n line-height: 3rem;\n letter-spacing: 0;\n border: 1px solid var(--tag-border) !important;\n box-shadow: 0 0 3px 0 var(--tag-shadow);\n\n span {\n margin-left: 0.6em;\n font-size: 0.7em;\n font-family: Oswald, sans-serif;\n }\n}\n","/*\n Style for Archives\n*/\n\n#archives {\n letter-spacing: 0.03rem;\n\n $timeline-width: 4px;\n\n %timeline {\n content: '';\n width: $timeline-width;\n position: relative;\n float: left;\n background-color: var(--timeline-color);\n }\n\n .year {\n height: 3.5rem;\n font-size: 1.5rem;\n position: relative;\n left: 2px;\n margin-left: -$timeline-width;\n\n &::before {\n @extend %timeline;\n\n height: 72px;\n left: 79px;\n bottom: 16px;\n }\n\n &:first-child::before {\n @extend %timeline;\n\n height: 32px;\n top: 24px;\n }\n\n /* Year dot */\n &::after {\n content: '';\n display: inline-block;\n position: relative;\n border-radius: 50%;\n width: 12px;\n height: 12px;\n left: 21.5px;\n border: 3px solid;\n background-color: var(--timeline-year-dot-color);\n border-color: var(--timeline-node-bg);\n box-shadow: 0 0 2px 0 #c2c6cc;\n z-index: 1;\n }\n }\n\n ul {\n li {\n font-size: 1.1rem;\n line-height: 3rem;\n\n @extend %text-ellipsis;\n\n &:nth-child(odd) {\n background-color: var(--main-bg, #ffffff);\n background-image: linear-gradient(\n to left,\n #ffffff,\n #fbfbfb,\n #fbfbfb,\n #fbfbfb,\n #ffffff\n );\n }\n\n &::before {\n @extend %timeline;\n\n top: 0;\n left: 77px;\n height: 3.1rem;\n }\n }\n\n &:last-child li:last-child::before {\n height: 1.5rem;\n }\n } /* #archives ul */\n\n .date {\n white-space: nowrap;\n display: inline-block;\n position: relative;\n right: 0.5rem;\n\n &.month {\n width: 1.4rem;\n text-align: center;\n }\n\n &.day {\n font-size: 85%;\n font-family: Lato, sans-serif;\n }\n }\n\n a {\n /* post title in Archvies */\n margin-left: 2.5rem;\n position: relative;\n top: 0.1rem;\n\n &:hover {\n border-bottom: none;\n }\n\n &::before {\n /* the dot before post title */\n content: '';\n display: inline-block;\n position: relative;\n border-radius: 50%;\n width: 8px;\n height: 8px;\n float: left;\n top: 1.35rem;\n left: 71px;\n background-color: var(--timeline-node-bg);\n box-shadow: 0 0 3px 0 #c2c6cc;\n z-index: 1;\n }\n }\n} /* #archives */\n\n@media all and (max-width: 576px) {\n #archives {\n margin-top: -1rem;\n\n ul {\n letter-spacing: 0;\n }\n }\n}\n","/*\n Style for Tab Categories\n*/\n\n%category-icon-color {\n color: gray;\n}\n\n.categories {\n margin-bottom: 2rem;\n border-color: var(--categories-border);\n\n &.card,\n .list-group {\n @extend %rounded;\n }\n\n .card-header {\n $radius: calc($radius-lg - 1px);\n\n padding: 0.75rem;\n border-radius: $radius;\n border-bottom: 0;\n\n &.hide-border-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n i {\n @extend %category-icon-color;\n\n font-size: 86%; /* fontawesome icons */\n }\n\n .list-group-item {\n border-left: none;\n border-right: none;\n padding-left: 2rem;\n\n &:first-child {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &:last-child {\n border-bottom: 0;\n }\n }\n} /* .categories */\n\n.category-trigger {\n width: 1.7rem;\n height: 1.7rem;\n border-radius: 50%;\n text-align: center;\n color: #6c757d !important;\n\n i {\n position: relative;\n height: 0.7rem;\n width: 1rem;\n transition: transform 300ms ease;\n }\n\n &:hover {\n i {\n color: var(--categories-icon-hover-color);\n }\n }\n}\n\n/* only works on desktop */\n@media (hover: hover) {\n .category-trigger:hover {\n background-color: var(--categories-hover-bg);\n }\n}\n\n.rotate {\n transform: rotate(-90deg);\n}\n","/*\n Style for page Category and Tag\n*/\n\n.dash {\n margin: 0 0.5rem 0.6rem 0.5rem;\n border-bottom: 2px dotted var(--dash-color);\n}\n\n#page-category,\n#page-tag {\n ul > li {\n line-height: 1.5rem;\n padding: 0.6rem 0;\n\n /* dot */\n &::before {\n background: #999999;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n display: block;\n content: '';\n position: relative;\n top: 0.6rem;\n margin-right: 0.5rem;\n }\n\n /* post's title */\n > a {\n @extend %no-bottom-border;\n\n font-size: 1.1rem;\n }\n }\n}\n\n/* tag icon */\n#page-tag h1 > i {\n font-size: 1.2rem;\n}\n\n#page-category h1 > i {\n font-size: 1.25rem;\n}\n\n#page-category,\n#page-tag,\n#access-lastmod {\n a:hover {\n @extend %link-hover;\n\n margin-bottom: -1px; /* Avoid jumping */\n }\n}\n\n@media all and (max-width: 576px) {\n #page-category,\n #page-tag {\n ul > li {\n &::before {\n margin: 0 0.5rem;\n }\n\n > a {\n @include text-ellipsis;\n }\n }\n }\n}\n"],"file":"jekyll-theme-chirpy.css"} \ No newline at end of file diff --git a/_site/assets/js/data/mathjax.js b/_site/assets/js/data/mathjax.js new file mode 100644 index 0000000..e09c1e0 --- /dev/null +++ b/_site/assets/js/data/mathjax.js @@ -0,0 +1 @@ +MathJax = { tex: {inlineMath: [ ['$', '$'], ['\\(', '\\)'] ],displayMath: [ ['$$', '$$'], ['\\[', '\\]'] ],tags: 'ams' } }; diff --git a/_site/assets/js/data/search.json b/_site/assets/js/data/search.json index 67d872b..8fd8410 100644 --- a/_site/assets/js/data/search.json +++ b/_site/assets/js/data/search.json @@ -1 +1 @@ -[ { "title": "TUSAŞ Gezisi", "url": "/posts/tusas-gezisi/", "categories": "Trip", "tags": "tusaş, trip", "date": "2024-07-31 13:00:00 +0300", "snippet": "Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldı...", "content": "Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konferans salonuna geçtik." }, { "title": "Pardus/Linux Yanına Windows Kurulumu", "url": "/posts/pardus-ve-windows/", "categories": "Linux", "tags": "pardus, linux", "date": "2024-07-22 13:00:00 +0300", "snippet": "GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi...", "content": "GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bulunuyor olabilir. Bu tarz bir durumda Pardus ile Windows’u birlikte kullanmak gibi çok güzel bir seçeneğe sahibiz. Eğer Pardus’u denemek için indirdiyseniz silip Windows kurmadan önce bu seçeneği bir değerlendirin derim. Eğer yeterince disk alanınız varsa (ben en az 256GiB öneriyorum) dual boot dediğimiz iki sistemi aynı anda kullanma işlemini gerçekleştirmeniz için bu yazıyı yazmak istedim. Kolaylıklar dilerimNotBu yazı, Pardus’un yanına -> Windows kurmak içindir. Eğer Windows’un yanına -> Pardus kurmak istiyorsanız, Pardus sitesindeki yazıyı takip edebiliirsiniz: https://www.pardus.org.tr/windows-ile-dual-boot-olusturma/Windows’a bağımlığınızın olup olmadığını öğrenin !Linux’te oynayabileceğiniz / oynayamayacağınız oyunlar: https://protondb.comDesteklenen / Desteklenmeyen anticheat sistemleri: https://areweanticheatyet.com/Popüler uygulamalara alternatifler: https://alternativeto.netÖn Gereklilikler En az 1 USB Bellek Pardus/Linux Kurulu bir makine (64 Bit) Mümkünse Ortalama/Hızlı bir internet bağlantısı veya sabırUyarı Sisteminizdeki önemli dosyaları yedek almanızı öneriyorum. Bu işlem kurulu olan Pardus sistemine ufak bir ihtimal de olsa zarar verebilirTahmini Süre 2-3 Saat (imaj dosyalarının indirilmesi hariç)Adımlar Ventoy programını Pardus mağaza üzerinden indiriniz ve Ventoy programını USB belleğinize kurunuz. Pardus/Linux sisteminizin yerini azaltmak için GParted uygulamasının imaj (.iso) dosyasını indiriniz, dosyanın doğruluğunu kontrol ediniz ve Ventoy’a (USB belleğinize) atınız. indirme linki: https://downloads.sourceforge.net/gparted/gparted-live-1.6.0-3-amd64.iso dosya kontrol linki: https://gparted.org/gparted-live/stable/CHECKSUMS.TXT tüm indirme seçenekleri: https://gparted.org/download.php Windows veya Pardus’un yanına kurmak istediğiniz herhangi bir İmaj (.iso) dosyasını indirin. Bu imaj dosyasını da Ventoy’a (USB Belleğinize) atınız Son olarak olası bir sıkıntıda GRUB (başlatma) ekranına erişim için BootRepair uygulamasının imaj dosyasını indirip USB Belleğe atınız (zorunlu değil ama kurtarma adımları için hayat kurtarabilir). İndirme linki: https://sourceforge.net/projects/boot-repair-cd/files/latest/download Tüm İndirme ve USB Belleğe atma işlemleri bittiğinde dosyaları doğrulamak için mümkünse Hash değerlerini kontrol edin. Veya en azından sync komutunu herhangi bir terminalde çalıştırarak komutun sonlanmasını bekleyin (duruma göre 15dk+ bekletebilir). Bu komut tüm verilerin USB Belleğe yazıldığında emin olmanızı sağlar. Sonrasında USB Belleğinizi isterseniz çıkarabilirsiniz. USB Belleğinizi cihazınıza takın. Bilgisayarınızı Yeniden başlatın ve Boot Tuşuna basarak cihazınızın başlatma menüsüne girin. Sonrasında Ventoy, USB veya USB belleğinizin markasının isminin olduğu seçeneği seçiniz. Eğer her şey yolunda giderse içinde 3 tane .iso dosyasının bulunduğu bir ekran açılmış olacak. İlk önce Gparted (gparted-live*.iso) dosyasını seçiniz.Sıradaki adımlar Kısaca (sonradan güncellenecek) GParted üzerinden Pardus’un kurulu olduğu diski küçültün Windows’u kalan boş alana kurun Kurulum sonrasında ya BootRepair uygulamasını kullanın ya da Pardus’a bir şekilde girip boot-repair komutunu kullanın" }, { "title": "Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri", "url": "/posts/android-foss-apps/", "categories": "Android", "tags": "app-recommendations, foss, duzenlenecek", "date": "2023-11-21 18:00:00 +0300", "snippet": "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 ...", "content": "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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulamaları teknolojik cihazlarımızda kullanmamız büyük bir önem taşımaktadır. Bu yazımızda sizin için hem gizlilik ve güvenliğinizi sağlayacak hem de verimliliğinizden geri bırakmayacak açık kaynak kodlu Android uygulamalarına yer vermek istedik.Uygulama MağazalarıBurada paylaşacağım diğer tüm uygulamalar için öncelikle bu mağazalardan bir veya birkaçını indirmek işini kolayaştıracak ve otomatik güncelleme almanızı sağlayacaktır. Bu başlık altında Google Play Store için alternatif uygulamaları bulabilirsiniz.F-DroidAçık kaynak kodlu uygulamaların toplandığı bir mağaza. Kendi uygulama listenizi ekleyebildiğiniz gibi bu listedeki tüm uygulamaları bulmak için IzzyOnDroid reposunu da eklemek isteyebilirsiniz.Benzer alternatif-1: AuroraDroidVarsayılan olarak daha fazla özelliği var ama hem aktif olarak geliştirilmiyor hem de görece yavaş çalışıyor. Bir de bazı uygulamaların ikonları gözükmemekteBenzer alternatif-2: NeoStoreAuroraStorePlay Store için alternatif arayüz. paralel uygulama yükleme, uygulamdaki izleyicileri(tracker) gösterme benzeri güzel özellikleri var. Anonim olarak veya Google Hesabınız ile giriş yaparak kullanabilirsiniz. ObtainiumGitHub, GitLab vb. bir linkten uygulamayı direkt siteden güncellemek için. Anında güncel tutmak istediğiniz veya üstteki diğer mağazalarda bulamadığınız uygulamalar için kullanılabilir.Genel KullanımFossify SerisiSade temel mobil uygulamalar serisi, özellikle önerdiklerim: Galeri, Dosya Yöneticisi, Takvim, Fener, Ses Kaydedici, Telefon, SMS, Kişiler, Notlar güncelleme: Simple Mobile Tools uygulamaları artık Fossify adı ile devam etmekteOpen CameraÖzelleştirilebilir kamera uygulaması. Hem Profesyonel fotoğrafçılar hem de günlük kullanıcılar için vazgeçilmez. Otomatik fotoğraf hizalayıcı, açı göstergeleri, gelişmiş odak noktası ayarları, iso ve estantene ayarları ve benzeri bir çok diğer kamera uygulamasında olmayan özelliklere sahip.Fair Mail - Gmail AlternatifiGelişmiş kullanıcılar için özelleştirilebilir Mail arayüzü. Mail arayüzü, hesaplar, bildirimler, mail klasörleri, filterler için birçok özelleştirme yapmayı sağlıyor.Organic Maps - Google Maps AlternatifiOpenStreetMap için mobil arayüz, modern harita uygulaması. Benzer Alternatif: GraphHopper MapsArayüzü modern değil ama daha fazla yol seçeneği var (bisiklet, tır vb.)TasksGörevler uygulaması, etiketler ve farklı kategoriler oluşturulabiliyor. Markdown desteği, görev önceliği, başlangıç/bitiş tarihi ekleme, alt görev ekleme vb. zengin özelliklere sahip . Aynı zamanda DAVx5, Nextcloud, Google Tasks vb. servisler ile de senkronize edilebiliyor. Media & MüzikNewpipe - YouTube AlternatifiReklamsız YouTube deneyimi. Google hesabı gerektirmiyor. Videolar x3 hızlandırılabiliyor, ses olmayan kısımlar otomatik atlanabiliyor ve videolar indirilebiliyor. Görece eski bir arayüze sahip olsa da oldukça işlevsel Uygulamanın bu sürümünü tavsiye ediyorum: Newpipe x SponsorBlockNewpipe forku, dislike sayısı gözüküyor ve sponsorlu kısımlar atlanabiliyor.Benzer Alternatif 1: LibreTubeDaha modern gözüken yeni bir alternatif ama şimdilik biraz bugluBenzer Alternatif 2: ReVancedKomple YouTube görünümlü, YouTube engelleyene kadar Vanced ismi ile isimlendiriliyorduAntennaPod - Google Podcast AlternatifiPodcast dinlemek için mükemmel bir uygulama, birçok farklı podcast uygulamasından podcast çekebiliyor ve ses hızlandırma/senkronizasyon gibi gelişmiş özelliklere de sahipSpotube - Spotify AlternatifiReklamsız spotify. Spotify hesabını bağlayabiliyorsunuz ve playlist oluşturma/üretme vb. değişik özelliklere sahip. Müzikleri YouTube üzerinden çekmekte ve Piped API'yı da kullanılabiliyor. Biraz yavaş ve buglu. Benzer Alternatif: MusifyBu listeyi hazırlarken bulduğum müzik için spotube uygulamasına güzel bir alternatif. Deneme fırsatım olmadı ama arayüzü güzel gözüküyor.SoundAuraFarklı ses dosyalarını içeri aktarıp farklı ses miktarlarında karabiliyorsunuz. Ortam sesi oluşturmak için birebir.VLCAnlatmaya gerek yok sanırım. En çok bilinen ve kullanılan medya oynatıcılarından biri.Benzer Alternatif: mpvSade ama güçlü medya oynatıcı. Benim için VLC'den öne çıkan yanı aynı anda iki farklı altyazı eklenebilmesi. Varsayılan olarak biraz daha hantal olabiliyor ama ayarlardan birçok performans ayarı yapılabiliyor (eski tip türkçe altyazılarda sıkıntı çıkabiliyor, öncesinde dönüştürme işlemi gerekebiliyor) DokümanlarMarkorBasit Markdown düzenleyici Librera ReaderAçık ara en iyi mobil pdf okuyucu, koyu modu var. Ne kadar yavaş da olsa daha birçok özellik barındırmakta. LibreOffice Viewer - Google Dökümanlar AlternatifiLibreOffice Görüntüleyici. ODT türü dosyaları görüntülemek için kullanılabilir. Word, Excel, Powerpoint dosyalarını da açmaktaSosyalFedilabFediverse kullanıyorsanız bu uygulamaya bakmak isteyebilirsiniz. Gelişmiş bir arayüz. Mastodon, Pixelfed, PeerTube vb. uyumlu. BeeperGeliştirme aşamasında, 15 tane sosyal medya uygulamasını (whatsapp, telegram, discord vb.) tek bir uygulamadan yönetebilecekmişiz, kapalı beta sırasına girmek isteyebilirsiniz. ConversationsXMPP için kullanabileceğiniz sade bir uygulama Akıllı Bileklik veya Saati OlanlaraGadgetbridge - MiFit AlternatifiAkıllı bilekli ve saatler için açık kaynak mobil uygulama alternatifi, yaklaşik 1 senedir MiBand cihazım ile sorunsuz bir şekilde kullanıyorum ve daha birçok cihaz ile de sorunsuz çalışmakta. OpenTracksYürüyüş için istatistik ve konum geçmişi vb. Gadgetbridge ile uyumlu bir şekilde çalıştığı için bu başlık altına aldım ama akıllı bileklik/saat olmadan da kullanabilirsiniz. QuickWeatherHava durumu uygulaması. Aynı zamanda Gadgetbridge'a hava durumu verisi sağlamakta.Kendi Sunucusu Olanların İlgisini ÇekebilirEğer evde veya bir VPS üzerinde kendi sunucunuza sahip iseniz bu başlık altındaki android uygulamaları ilginizi çekebilir.Nextcloud - Google Drive AlternatifiVerilerinizi nextcloud sunucunuz ile senkronize etmek ve verilerinize ulaşmak için Les Pas - Google Fotoğraflar AlternatifiNextcloud fotoğraflarınız için galeri uygulaması Davx5Nextcloud veya CalDAV/CardDAV sunucunuz ile takvim, kişilerinizi senkronize etmek için.FreshRSSFreshRSS sunucunuz varsa resmi mobil uygulaması GitNex - GitHub AlternatifiKendi Gitea veya Forgejo sunucusu olanlar kullanabilirler Root Kullanıcıları İçinTelefonu bizzat Rootlamadığım için burada vereceğim örnekler sığ olacaktır. Hâlihazırda cihazını rootlamış olanlar yorumlarda önerilerini yazabilirler. AdAwayReklam engelleyici, cihazda root olmadan vpn olarak çalıştırarak da kullanabilirsiniz ama root olarak çalıştırırsanız daha fazla verim alırsınız.Magisk  /  ShizukuBildiğim kadarı ile diğer uygulamalara root izni vermek için Neo BackupUygulamaların yedeğini almak için DiğerDiğer Uygulamalar ve Kategorize Etmeye Üşendiklerim .dTable Habit (mhabit)LibreSudokulichessAliucord (telemetri kapatılmış discord, obtanium ile indirebilirsiniz.)Binary Eye (barkod okuyucu)Arity (2 ve 3 boyutlu görüntüleme özelliği olan hesap makinesi)WhatsDeleted (silinen WhatsApp mesajlarını görmek için )Semitone (müzik ile uğraşanlar için metronom uygulaması)Vector CameraOpenKeychainBitwardenMyneLogcatTermux (telefon terminali)Shelter (uygulamaları ikinci kere yüklemek ve ayırmak için)LibreSpeed (speed test uygulaması)SD Maid SE (telefonda yer boşaltmak için)RHVoice (TTS motoru, ne yazık ki Türkçesi yok)Openreads (kitap listesi uygulaması)Florisboard (klavye uygulaması)Alternatif bulamadıklarımTürkçe TTS (Text-to-speech) motoruSTT (Speech-to-text) motoru (Türkçe/İngilizce) (Kõnele var ama doğru düzgün ayarlamaya fırsatım olmadı)WebView alternatifi (Mozilla geckoview üzerinde çalışıyor sanırım ama emin değilim)Zamanlanmış mail gönderebilen Mail Uygulaması (Fair Mail bunu sadece pro sürümünde yapıyor) Siz de kullandığınız mobil açık kaynak / özgür yazılımları listeleyebilirsiniz, ekleme yapabilirsiniz veya benim bizzat bulamadıklarımı bulmamda yardımcı olabilirsiniz Okuduğunuz için teşekkürler." }, { "title": "Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma", "url": "/posts/linux-epson-yazici/", "categories": "Linux, Troubleshooting", "tags": "epson, printer, linux, arch, debian, pardus, duzenlenecek", "date": "2023-09-15 18:00:00 +0300", "snippet": "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ıc...", "content": "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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum.Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde denediğimi belirtmek isterim. L38x modellerinde benzer adımlar ile siz de yazıcınızı herhangi bir GNU/Linux sürümünde çalıştırabilirsiniz.Gerekli dosyaları kurmadan önce yazıcınızın gerçekten bir sürücüye ihtiyacı olup olmadığını kontrol etmeniz işinizi kolaylaştırabilir. https://openprinting.github.io/printers/ adresinde eğer yazıcınız listelenmiş ise sürücü yüklemeye gerek olmadan kullanabilme ihtimaliniz var. Veya kullandığınız dağıtımınızdaki yazıcı ayarları veya yazıcı yönetimi uygulaması gerekli sürücüleri zaten indiriyor olabilir. Bunları da kontrol etmenizde fayda var. Epson L38x model yazıcılarda bu destek olmadığı için blogun geri kalanında manuel olarak nasıl bir driver yüklenebileceğini anlatıyor olacağım.Debian / Pardus İçin Sürücü Yükleme İşlemiDebian veya Pardus üzerinde bir Epson Inkjet Driver'ı kurmak için öncelikle lsb paketine ihtiyaç var. Ne yazık ki bu paket artık desteklenmemekte ve artık debian/pardus repolarında direkt binary file olarak bulunmamakta, sadece kaynak kodu [1] var ve artık lsb-release ve lsb-base adı altında iki farklı binary file olarak yüklenip kullanılması öneriliyor. Ama Epson’un sitesinden indireceğiniz ilgili yazıcı sürücüsü [2] illa da lsb>=3.2 sürümünü istiyor.Bu yüzden her ne kadar eski olsa da lsb uyumluluk sorunu çözmek için bu [3] lsb-compat paketini kullanabilirsiniz. Sonrasında gerekli sürücüleri siteden[2] indirip, direkt olarak kurabilir, yazıcı seçeneklerinden yapılandırabilirsiniz.Tek bir kod öbeği içinde toplayacak olursak:sudo apt update -y# paketleri güncellersudo apt install lsb-* -ysudo apt install lib32z1 wget -y# gerekli çalıştırılabilir paketleri yüklerwget https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.deb# lsb-compat paketini debian repolarından indirirsudo apt install ./lsb-compat_9.20161125_amd64.deb -y# lsb-compat paketini kurNot: Bilgisayarınızın mimarisinin amd64 olduğu varsayılmıştır uname -m komutunu çalıştırarak kontrol edebilirsiniz. çıktı x86_64 ise üstteki kod öbeğini kullanabilirsiniz. Değilse https://archive.debian.org/debian/pool/main/l/lsb/ adresinden lsb-compat ile başlayan sizin mimarinize uygun .deb dosyasını indirip benzer şekilde yükleme adımını tamamlayabilirsiniz.Sonrasında EPSON Download Center adresinden Linux ve L382 (veya sizin yazıcı modelinizi) seçip ürünü aratın. ARM(AArch32) yazanlar hariç diğer sürücülerin amd64.deb uzantısı ile biten versiyonlarını indirmeniz gerekiyor. (tabii ki yine bilgisayarınızın mimarisinin amd64 olduğunu varsayıyorum). Bende sadece ilkini indirince de sürücüyü algıladı, sanıyorum listedeki diğer paketler ekstra işlemler için. Eğer sizin modelinizin sürücüsünü bulamadıysanız https://www.openprinting.org/drivers adresinde de arayabilirsiniz. Yükleme işlemini yaptıktan sonra sudo /etc/init.d/cups restart komutunu girmeniz gerekebilir.Son olarak şu adımları uygulayın:Uygulamalar menüsünden Yazıcı ayarları seçeneğini seçinAçılan menüden aygıtınızı seçinVeri tabanından yazıcı seç seçeneğini işaretleyinMarka olarak Epson seçinModel listesinde L382 (veya sizin yazıcı modelinizi) bulun ve sağdan sürücüyü seçinYazıcı bilgilerini ekleyin (isteğe bağlı)Bu adımları yaptıktan sonra yazıcınızın hem uygulamalar tarafından algılanıyor hem de doğru bir şekilde çıktı veriyor olması lazım. Dilerseniz test sayfası yazdırarak doğrulayabilirsiniz.Kaynaklar:[1] https://packages.debian.org/source/bullseye/lsb[2] http://download.ebz.epson.net/dsc/search/01/search/?OSC=LX[3] https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.debAğustost 2023 Güncellemesi: https://packages.debian.org/stretch/lsb-compat 1 linkinde bulunan lsb-compat artık arşivlenmiş durumdadır. Kaynak [3]'ten ulaşabilirsiniz. İşlemlerin denendiği donanımlar: Pardus XFCE 21.4 ve 21.5, x86_64 mimari , Epson L382 yazıcıBu adımlar sürücüyü yüklemenizi sağladı mı? Herhangi bir sorunla karşılaştınız mı? Yorumlar kısmında belirtebilirsiniz.Arch İçin Sürücü Yükleme İşlemiArch tabanlı dağıtımlarda Aur gibi bir nimet olduğu için sürücü yüklemek görece daha kolay. Hatta neden bilmiyorum L310 sürücüsü direkt yüklü olarak geldi (CUPS+Gutenprint) ve benim yazıcım ile de uyumlu idi. Onu direkt kullanabildim. Yine de yavaş yazdırıyordu ve bazen sıkıntı çıkartabiliyordu. O yüzden aur kullanarak kendi modelinizin sürücüsünü kurmanızı öneririm. Bunun için yay epson | grep -B 1 L382 komutunu kullanarak ilgili sürücü bulabilir ve yükleyebilirsiniz. Tabii ki L382 yerine kendi modelinizi yazınız. Ayrıca PKGBUILD dosyasını da incelemek isteyebilirsiniz. Yazıcı Yönetim Uygulaması Yükleme İşlemiLSB kullanan yazıcıların yönetim uygulaması için https://support.epson.net/linux/Printer/LSB_distribution_pages/en/utility.php adresinden ilgili linki (debian/pardus için ilk link) indirip kurabilirsiniz. Arch için epson-printer-utility paketini aur üzerinden kurabilirsiniz. Uygulamanın çalışması için cihazınızı aç/kapa yapmanız gerekebilir. Ayrıca arch üzerinde ilk önce /opt/epson-printer-utility/lib/epson-backend içerisinde bulunan ecbd dosyasını root olarak çalıştırmanız gerekebilir. Uygulama kılavuzu için https://download.ebz.epson.net/man/linux/utility.html adresine göz atabilirsiniz. Umarım yazım faydalı olmuştur. Yanlış olduğunu düşündüğünüz kısımları veya sorularınızı yorumlar kısmından iletebilirsiniz." }, { "title": "Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim", "url": "/posts/teknofest-deneyimlerim/", "categories": "Competitions", "tags": "teknofest, pardus, liderahenk, tubitak, duzenlenecek", "date": "2023-06-15 18:00:00 +0300", "snippet": "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ış ol...", "content": "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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum.Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pardus Hata Yakalama ve Öneri Yarışması özellikle dikkatimi çekti. Teknofest portalı üzerinden gerekli bilgileri doldurarak yarışmaya kaydımı yaptım. Sonrasında ilk işim bilgisayarıma Pardus kurmak ve kurcalamak oldu. Ben bilgisayar özelliklerimin çok iyi olmamasından kaynaklı XFCE’yi tercih ettim.Pardus’u günlük yaşamımda da kullanarak fark ettiğim hataları ve “böyle bir özellik olsa güzel olurmuş” diye düşündüğüm özellikleri not ettim. Aynı zamanda bilişim öğretmenimden de okuldaki bilgisayarları kullanmak için izin aldım. Yarışma için 10 tane talep gönderebiliyorduk ve ben bu sayıyı tamamlamak istedim. Ama süreç içerisinde yeterince hata yakalayamadığımdan dolayı ben de Pardus’un diğer alt projelerini inceleme kararı aldım.Ahtapot, Engerek, Etap ve Liderahenk alt projelerinden daha çok ilgimi çektiğinden dolayı Liderahenk üzerinde hata yakalamak için çalışmalara başladım. Okuldaki 1 bilgisayara Lider sunucusunu 2 bilgisayara da Ahenk istemcisini kurdum. Bu sayede birkaç hata daha yakalama imkanım oldu. Bulduğum hatalar kritik hatalar değildi ama yine de kullanıcı deneyimini etkiliyordu.Talep oluşturmak için gerekli hata ve önerileri biriktirdikten sonra bulduğum hataların iyi anlaşılması için sıfırdan bir sanal makine kurdum. Sonrasında video kaydı ve ekran görüntüleri de alarak gerekli raporlamaları yaptım. Aynı zamanda GitHub üzerinden de pull request açtım. Sonuç olarak, 4 hata, 6 öneri talebini sistem üzerinden ilettim.Yaklaşık 3 hafta sonra ise Teknofest ekibinden bir mail geldi. Mailde Pardus 21 Hata Yakalama ve Öneri Yarışmasında finalist olduğum yazıyordu. 1 ay sonra da Teknofest için İstanbul’a gittim. Teknofest alanında 3. olduğumu öğrendim ve Pardus ekibi ile vakit geçirme fırsatı buldum. Standa gelen insanlara Pardus’u tanıtma imkanı buldum. Benim için unutulmaz bir deneyimdi. İlgisini çekenlerin seneye katılmasını tavsiye ediyorum." }, { "title": "Pardus Ekibinden Ali Rıza ile Röportaj", "url": "/posts/pardus-roportaj/", "categories": "Reportages", "tags": "linux, pardus, tubitak, duzenlenecek", "date": "2023-02-14 18:00:00 +0300", "snippet": "Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı ge...", "content": "Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı gezmek için alana gittim. Ekip ile tanıştıktan sonraki gün hazır ekibi yerinde bulmuşken neden bir röportaj yapmayayım dedim. Soruları hazırlamak için Yusuf İpek'in Discord kanalındanki değerli arkadaşlara danıştım, kendilerine müteşekkirim. Şimdi yanıtları bu blogun devamında soru-cevap şeklinde paylaşıyor olacağım.1. Pardus ETAP neden Windows'tan gelen öğretmenler ve öğrenciler için Windows benzeri bir arayüz ile gelmiyor? Neden varsayılan olarak mesela GNOME kullanıyor ama özelleştirilmiş bir versiyonunu kullanmıyor ?Bunun en büyük sebebi Milli Eğitim Bakanlığı ile yapılan anlaşmalar gereği, onların istekleri doğrultusunda arayüz tasarladığımızdan dolayı o şekilde. İkincisi de Windows da çok kullanışlı bir sistem değil aslında biz bunu fark ettiğimiz için tahtalarda daha kullanışlı hâle getirmek için ona (Windows'a) benzemesinin gerekmediğini düşünüp ona göre bir tasarım yaptık.2. Pardus etap neden wine önyüklü bir biçimde gelmiyor? En azından farklı imaj dosyaları harici çoğu imajda önyüklü olarak gelmiyor. Gelmesinin istenme sebebi de çoğu z-kitap vb. uygulamanın sadece wine üzerinden çalıştırılabiliyor olması.Yani burada asıl mantık şu: O z-kitap ların windows versiyonlarını çıkarıp alın kullanın tarzı bir yaklaşımdan ziyade bunu özellikle linux tarafına uyarlamalarını istememizden dolayı böyle bir şey ortaya çıktı ve isteyen kişiler için de direkt wine ile gelen imajlar da var zaten. Resmi imajlar diye bir bölüm var, oraya basarsanız görebilirsiniz.3. Pardus neden varsayılan olarak libre office kullanıyor da onlyoffice kullanmiyor? en azından çoğu kullanıcı için microsofta uyumlulugu daha iyi.Onlyoffice görünüş olarak microsoft officeye benziyor olabilir fakat uyumluluk ve belge formatının asıl üreticisinin libre office olmasından dolayı libre office'i tercih ediyoruz. Libre Office alıştıktan sonra herhangi bir arayüz sıkıntısı olmuyor zaten.4. Pardus ETAP gibi sürümler immutable yapılmayı düşünülüyor mu ya da bir immutable sürüm yapmayı düşünüyorlar mı. Mesela sadece Flatpak vb. yöntemlerle uygulama kurulabilecek bir sürüm Şu anda öyle bir planımız yok, isteyen kendisi bu şekilde ayarlayabilir.5. Pardusun online kurulum seçeneği neden yok, paket ekleme çıkarma ve DE seçme vb. kurulum öncesi işlemleri içinOnline kurulum isosunu diyorsun, o var. Depo üzerinden indirilebiliyor. Sitede insanlar yanlışlıkla onu indirip niye kuramıyorum diye kafaları karışmasın diye eklemedik6. Neden package updater ile pardus updater aynı sistem içerisinde bulunuyor, upgrade geldiğinde package updater karşımıza çıkıyor ama pardus mağazanın içinde de var.Onu ileride kaldırmayı düşünüyoruz-benzer bir şey deb paket yükleyicisinde de olmuştu, yeterince geliştirince diğerini kaldıracaksınız sanırım-Aynen7. Pardus kernel konfigrasyonlarında herhangi bir değişiklik yapıyor musunuz, eklenen bir patch var mı?Yok, direkt debian kerneli8. BTRFS hakkında ne düşünüyorsunuz? varsayılan kurulumda BTRFS'i neden seçmiyorsunuz?BTRFS kurumsal yerlerde çok gerekli bir özellik değil ayrıca kurulum aşamalarının da karmaşıklaşmasına sebep oluyor. Fakat manuel olarak kurulumu yapabilirsiniz, sitemizde de bununla ilgili bir içerik paylaştık zaten. Kurumlar bir sıkıntı olduğu zaman direkt imaj basıp geçmeyi tercih ediyor zaten.9. Depodaki paketleriniz genel olarak eski ve örneğin FirefoxESR kullanılıyor, bu nedenden dolayı Kurumsal ve bireysel kullanıcılar için farklı iso yapma planınız var mı?Şu an için yok, biz şu anda kararlılık üzerine odaklanıyoruz.10. Neden systemd bootloaderini kullanmıyorsunuz da grub kullanıyorsunuz ?Debianda varsayılan olarak gelen o olduğu için. Bir de bir sıkıntı çıktığı zaman grub'da konsola girdiği için bazı komutlar ile hatanın ne olduğunu da anlayabiliyoruz.11. Paketleri derlediğiniz sunucuda hangi dağıtımı kullanıyorsunuz?Debian. Pardus için derleme yaptığımız imajlar var, o imajların üzerinde bütün derleme araçları kurulu geliyor, onu kullanarak derliyoruz. Hem işimizi kolaylaştırıyor hem de neyin neye bağlı olduğunu görebiliyoruz. Aslında pardus kullanıyoruz bi bakıma ama debiandan çok bir farkı yok12. Neden okullarda pardus zorunlu hale getirilmiyor, okulun bir bilişimcisi varsa hemen windowsa dönüştürüyor. Bunun için aldığınız bir önlem var mı?O bizden ziyade Milli Eğitim Bakanlığı ile ilgili bir durum-Anlıyorum ama şunları da eklemek istiyorum: tahta.etap.gov.tr adresinde bir veri paylaşıyorsunuz. Bizzat arkadaşlar ile o verileri inceledik ve tutarlı olmadığı kanısına vardık, o verilerin pardus etap kurulu gelen tahta sayısı olduğunu düşünüyorum ben. Bizim okulda da varmış bir tane ama benim haberim yok mesela-3 ay ele alınmayan makineler database'den düşüyor. interneti olmayabilir, bozuk olabilir 3 ay boyunca mesela, o zaman da sistemden düşüyor13. Gibux'a nasıl bakıyorsunuz, gibux yerine pardus kullanılamaz mıydı, neden kendi işletim sistemini yapmışlar bir daha? Tübitak ve Gelir Idaresi başkanlığının kararları ile ilgili şeyler mi?Hem o şekilde olabilir, hem de sistemlerinin tamamının kontrolünün kendilerinde olmasını istemiş olabilirler.-arkadan başka biri: Bir de tam 2013 zamanlarına denk gelmişti, o arada bi kopukluk\\karmaşa var...-Aynen, iletişimsizlikten dolayı da olabilir...14. Pardusu yaygınlaştırmak için başka çalışmalarınız var mı?Bu tür etkinliklerde, teknofestte varız. Çevremiz ile paylaşıyoruz, Kurumlar ile bazı anlaşmalarımız oluyor.15. Pardus debian tabanına geçtiği zaman sanırım bazı geliştiriciler pisi linux adında devam ettiler. Onların bu yönden ilerlemeye çalışma sebepleri nedir. Acaba onların şu anda olduğu gibi bu yönden gidilseydi acaba daha iyi mi olurduO konuda benim tecrübem var. Çünkü ben de bi ara onların arasındaydım, eskiden kalma bazı teknolojileri artık günümüzde kullanmak çok mantıklı değil. Hız bakımından olsun, daha modern teknolojiler olsun. O yüzden bazı şeylerin yenilenmesi gerektiğini düşünüyorum ben, buna en basit örnek de mesela debiandaki apt paket sistemi, yıllardır -25 civarı- aynı mantık ile gidiyor. bu yüzden paket yazması en zor dağıtımlardan birisi. Çünkü yeterince modern değil, onun yanında arch linux un paket yapısına baktığınızda gayet modern bir paket yapısına sahip. Fakat debian kadar uzun bir süre geliştirilip test edilmediği için onun kadar stabil bir yapıya da sahip değil. Bizim burada asıl amacımız taban oluşturmak olmadığı için biz debianı tercih ettik.-Stabilite için yani?-Aynen. Yani bazı şeylerin modernize edilmesi lazım haklısınız. Pisi linux konusunda da şunu söyleyeyim. Belki pisi linux kullanan arkadaşlar biraz kızabilir. Aslında yaptıkları şey 2011den sonraki bütün sadece paketleri güncellemek, bunun haricinde herhangi bir göze dokunur bir gelişme yok dediğin gibi ölü dağıtım haline geldi.-Acaba mesela pardus bir yandan destek verseydi ölmeyip pardusun gelişmesine de katkı sağlayabilir miydi ?-Ona yönelik de şöyle, ben 2016 yılında pisi linuxtan desteğimi tamamen çektim, yaptığınız iş kötü, geleceği yok gibisinden. Kendim projeler yapmaya başladım, önce onların -eski pardusun- tabanını alıp modernize etmeye başladım. Ordan da bir şey çıkmayınca hani ondan sonra kendim tekrar paket sistemi tasarlayım gibi bir uğraşlara girdim ve gerçekten aşırı uğraştırıcı ve zor bir iş. Anca siyah ekranda bir pencere çıkartabiliyorum" } ] +[ { "title": "TUSAŞ Gezisi", "url": "/posts/tusas-gezisi/", "categories": "Trip", "tags": "tusaş, trip", "date": "2024-07-31 13:00:00 +0300", "snippet": "Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldı...", "content": "Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konferans salonuna geçtik." }, { "title": "Pardus/Linux Yanına Windows Kurulumu", "url": "/posts/pardus-ve-windows/", "categories": "Linux", "tags": "pardus, linux", "date": "2024-07-22 13:00:00 +0300", "snippet": "GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi...", "content": "GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bulunuyor olabilir. Bu tarz bir durumda Pardus ile Windows’u birlikte kullanmak gibi çok güzel bir seçeneğe sahibiz. Eğer Pardus’u denemek için indirdiyseniz silip Windows kurmadan önce bu seçeneği bir değerlendirin derim. Eğer yeterince disk alanınız varsa (ben en az 256GiB öneriyorum) dual boot dediğimiz iki sistemi aynı anda kullanma işlemini gerçekleştirmeniz için bu yazıyı yazmak istedim. Kolaylıklar dilerimNotBu yazı, Pardus’un yanına -> Windows kurmak içindir. Eğer Windows’un yanına -> Pardus kurmak istiyorsanız, Pardus sitesindeki yazıyı takip edebiliirsiniz: https://www.pardus.org.tr/windows-ile-dual-boot-olusturma/Windows’a bağımlığınızın olup olmadığını öğrenin !Linux’te oynayabileceğiniz / oynayamayacağınız oyunlar: https://protondb.comDesteklenen / Desteklenmeyen anticheat sistemleri: https://areweanticheatyet.com/Popüler uygulamalara alternatifler: https://alternativeto.netÖn Gereklilikler En az 1 USB Bellek Pardus/Linux Kurulu bir makine (64 Bit) Mümkünse Ortalama/Hızlı bir internet bağlantısı veya sabırUyarı Sisteminizdeki önemli dosyaları yedek almanızı öneriyorum. Bu işlem kurulu olan Pardus sistemine ufak bir ihtimal de olsa zarar verebilirTahmini Süre 2-3 Saat (imaj dosyalarının indirilmesi hariç)Adımlar Ventoy programını Pardus mağaza üzerinden indiriniz ve Ventoy programını USB belleğinize kurunuz. Pardus/Linux sisteminizin yerini azaltmak için GParted uygulamasının imaj (.iso) dosyasını indiriniz, dosyanın doğruluğunu kontrol ediniz ve Ventoy’a (USB belleğinize) atınız. indirme linki: https://downloads.sourceforge.net/gparted/gparted-live-1.6.0-3-amd64.iso dosya kontrol linki: https://gparted.org/gparted-live/stable/CHECKSUMS.TXT tüm indirme seçenekleri: https://gparted.org/download.php Windows veya Pardus’un yanına kurmak istediğiniz herhangi bir İmaj (.iso) dosyasını indirin. Bu imaj dosyasını da Ventoy’a (USB Belleğinize) atınız Son olarak olası bir sıkıntıda GRUB (başlatma) ekranına erişim için BootRepair uygulamasının imaj dosyasını indirip USB Belleğe atınız (zorunlu değil ama kurtarma adımları için hayat kurtarabilir). İndirme linki: https://sourceforge.net/projects/boot-repair-cd/files/latest/download Tüm İndirme ve USB Belleğe atma işlemleri bittiğinde dosyaları doğrulamak için mümkünse Hash değerlerini kontrol edin. Veya en azından sync komutunu herhangi bir terminalde çalıştırarak komutun sonlanmasını bekleyin (duruma göre 15dk+ bekletebilir). Bu komut tüm verilerin USB Belleğe yazıldığında emin olmanızı sağlar. Sonrasında USB Belleğinizi isterseniz çıkarabilirsiniz. USB Belleğinizi cihazınıza takın. Bilgisayarınızı Yeniden başlatın ve Boot Tuşuna basarak cihazınızın başlatma menüsüne girin. Sonrasında Ventoy, USB veya USB belleğinizin markasının isminin olduğu seçeneği seçiniz. Eğer her şey yolunda giderse içinde 3 tane .iso dosyasının bulunduğu bir ekran açılmış olacak. İlk önce Gparted (gparted-live*.iso) dosyasını seçiniz.Sıradaki adımlar Kısaca (sonradan güncellenecek) GParted üzerinden Pardus’un kurulu olduğu diski küçültün Windows’u kalan boş alana kurun Kurulum sonrasında ya BootRepair uygulamasını kullanın ya da Pardus’a bir şekilde girip boot-repair komutunu kullanın" }, { "title": "Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri", "url": "/posts/android-foss-apps/", "categories": "Android", "tags": "app-recommendations, foss, duzenlenecek", "date": "2023-11-21 18:00:00 +0300", "snippet": "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 ...", "content": "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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulamaları teknolojik cihazlarımızda kullanmamız büyük bir önem taşımaktadır. Bu yazımızda sizin için hem gizlilik ve güvenliğinizi sağlayacak hem de verimliliğinizden geri bırakmayacak açık kaynak kodlu Android uygulamalarına yer vermek istedik.Uygulama MağazalarıBurada paylaşacağım diğer tüm uygulamalar için öncelikle bu mağazalardan bir veya birkaçını indirmek işini kolayaştıracak ve otomatik güncelleme almanızı sağlayacaktır. Bu başlık altında Google Play Store için alternatif uygulamaları bulabilirsiniz.F-DroidAçık kaynak kodlu uygulamaların toplandığı bir mağaza. Kendi uygulama listenizi ekleyebildiğiniz gibi bu listedeki tüm uygulamaları bulmak için IzzyOnDroid reposunu da eklemek isteyebilirsiniz.Benzer alternatif-1: AuroraDroidVarsayılan olarak daha fazla özelliği var ama hem aktif olarak geliştirilmiyor hem de görece yavaş çalışıyor. Bir de bazı uygulamaların ikonları gözükmemekteBenzer alternatif-2: NeoStoreAuroraStorePlay Store için alternatif arayüz. paralel uygulama yükleme, uygulamdaki izleyicileri(tracker) gösterme benzeri güzel özellikleri var. Anonim olarak veya Google Hesabınız ile giriş yaparak kullanabilirsiniz. ObtainiumGitHub, GitLab vb. bir linkten uygulamayı direkt siteden güncellemek için. Anında güncel tutmak istediğiniz veya üstteki diğer mağazalarda bulamadığınız uygulamalar için kullanılabilir.Genel KullanımFossify SerisiSade temel mobil uygulamalar serisi, özellikle önerdiklerim: Galeri, Dosya Yöneticisi, Takvim, Fener, Ses Kaydedici, Telefon, SMS, Kişiler, Notlar güncelleme: Simple Mobile Tools uygulamaları artık Fossify adı ile devam etmekteOpen CameraÖzelleştirilebilir kamera uygulaması. Hem Profesyonel fotoğrafçılar hem de günlük kullanıcılar için vazgeçilmez. Otomatik fotoğraf hizalayıcı, açı göstergeleri, gelişmiş odak noktası ayarları, iso ve estantene ayarları ve benzeri bir çok diğer kamera uygulamasında olmayan özelliklere sahip.Fair Mail - Gmail AlternatifiGelişmiş kullanıcılar için özelleştirilebilir Mail arayüzü. Mail arayüzü, hesaplar, bildirimler, mail klasörleri, filterler için birçok özelleştirme yapmayı sağlıyor.Organic Maps - Google Maps AlternatifiOpenStreetMap için mobil arayüz, modern harita uygulaması. Benzer Alternatif: GraphHopper MapsArayüzü modern değil ama daha fazla yol seçeneği var (bisiklet, tır vb.)TasksGörevler uygulaması, etiketler ve farklı kategoriler oluşturulabiliyor. Markdown desteği, görev önceliği, başlangıç/bitiş tarihi ekleme, alt görev ekleme vb. zengin özelliklere sahip . Aynı zamanda DAVx5, Nextcloud, Google Tasks vb. servisler ile de senkronize edilebiliyor. Media & MüzikNewpipe - YouTube AlternatifiReklamsız YouTube deneyimi. Google hesabı gerektirmiyor. Videolar x3 hızlandırılabiliyor, ses olmayan kısımlar otomatik atlanabiliyor ve videolar indirilebiliyor. Görece eski bir arayüze sahip olsa da oldukça işlevsel Uygulamanın bu sürümünü tavsiye ediyorum: Newpipe x SponsorBlockNewpipe forku, dislike sayısı gözüküyor ve sponsorlu kısımlar atlanabiliyor.Benzer Alternatif 1: LibreTubeDaha modern gözüken yeni bir alternatif ama şimdilik biraz bugluBenzer Alternatif 2: ReVancedKomple YouTube görünümlü, YouTube engelleyene kadar Vanced ismi ile isimlendiriliyorduAntennaPod - Google Podcast AlternatifiPodcast dinlemek için mükemmel bir uygulama, birçok farklı podcast uygulamasından podcast çekebiliyor ve ses hızlandırma/senkronizasyon gibi gelişmiş özelliklere de sahipSpotube - Spotify AlternatifiReklamsız spotify. Spotify hesabını bağlayabiliyorsunuz ve playlist oluşturma/üretme vb. değişik özelliklere sahip. Müzikleri YouTube üzerinden çekmekte ve Piped API'yı da kullanılabiliyor. Biraz yavaş ve buglu. Benzer Alternatif: MusifyBu listeyi hazırlarken bulduğum müzik için spotube uygulamasına güzel bir alternatif. Deneme fırsatım olmadı ama arayüzü güzel gözüküyor.SoundAuraFarklı ses dosyalarını içeri aktarıp farklı ses miktarlarında karabiliyorsunuz. Ortam sesi oluşturmak için birebir.VLCAnlatmaya gerek yok sanırım. En çok bilinen ve kullanılan medya oynatıcılarından biri.Benzer Alternatif: mpvSade ama güçlü medya oynatıcı. Benim için VLC'den öne çıkan yanı aynı anda iki farklı altyazı eklenebilmesi. Varsayılan olarak biraz daha hantal olabiliyor ama ayarlardan birçok performans ayarı yapılabiliyor (eski tip türkçe altyazılarda sıkıntı çıkabiliyor, öncesinde dönüştürme işlemi gerekebiliyor) DokümanlarMarkorBasit Markdown düzenleyici Librera ReaderAçık ara en iyi mobil pdf okuyucu, koyu modu var. Ne kadar yavaş da olsa daha birçok özellik barındırmakta. LibreOffice Viewer - Google Dökümanlar AlternatifiLibreOffice Görüntüleyici. ODT türü dosyaları görüntülemek için kullanılabilir. Word, Excel, Powerpoint dosyalarını da açmaktaSosyalFedilabFediverse kullanıyorsanız bu uygulamaya bakmak isteyebilirsiniz. Gelişmiş bir arayüz. Mastodon, Pixelfed, PeerTube vb. uyumlu. BeeperGeliştirme aşamasında, 15 tane sosyal medya uygulamasını (whatsapp, telegram, discord vb.) tek bir uygulamadan yönetebilecekmişiz, kapalı beta sırasına girmek isteyebilirsiniz. ConversationsXMPP için kullanabileceğiniz sade bir uygulama Akıllı Bileklik veya Saati OlanlaraGadgetbridge - MiFit AlternatifiAkıllı bilekli ve saatler için açık kaynak mobil uygulama alternatifi, yaklaşik 1 senedir MiBand cihazım ile sorunsuz bir şekilde kullanıyorum ve daha birçok cihaz ile de sorunsuz çalışmakta. OpenTracksYürüyüş için istatistik ve konum geçmişi vb. Gadgetbridge ile uyumlu bir şekilde çalıştığı için bu başlık altına aldım ama akıllı bileklik/saat olmadan da kullanabilirsiniz. QuickWeatherHava durumu uygulaması. Aynı zamanda Gadgetbridge'a hava durumu verisi sağlamakta.Kendi Sunucusu Olanların İlgisini ÇekebilirEğer evde veya bir VPS üzerinde kendi sunucunuza sahip iseniz bu başlık altındaki android uygulamaları ilginizi çekebilir.Nextcloud - Google Drive AlternatifiVerilerinizi nextcloud sunucunuz ile senkronize etmek ve verilerinize ulaşmak için Les Pas - Google Fotoğraflar AlternatifiNextcloud fotoğraflarınız için galeri uygulaması Davx5Nextcloud veya CalDAV/CardDAV sunucunuz ile takvim, kişilerinizi senkronize etmek için.FreshRSSFreshRSS sunucunuz varsa resmi mobil uygulaması GitNex - GitHub AlternatifiKendi Gitea veya Forgejo sunucusu olanlar kullanabilirler Root Kullanıcıları İçinTelefonu bizzat Rootlamadığım için burada vereceğim örnekler sığ olacaktır. Hâlihazırda cihazını rootlamış olanlar yorumlarda önerilerini yazabilirler. AdAwayReklam engelleyici, cihazda root olmadan vpn olarak çalıştırarak da kullanabilirsiniz ama root olarak çalıştırırsanız daha fazla verim alırsınız.Magisk  /  ShizukuBildiğim kadarı ile diğer uygulamalara root izni vermek için Neo BackupUygulamaların yedeğini almak için DiğerDiğer Uygulamalar ve Kategorize Etmeye Üşendiklerim .dTable Habit (mhabit)LibreSudokulichessAliucord (telemetri kapatılmış discord, obtanium ile indirebilirsiniz.)Binary Eye (barkod okuyucu)Arity (2 ve 3 boyutlu görüntüleme özelliği olan hesap makinesi)WhatsDeleted (silinen WhatsApp mesajlarını görmek için )Semitone (müzik ile uğraşanlar için metronom uygulaması)Vector CameraOpenKeychainBitwardenMyneLogcatTermux (telefon terminali)Shelter (uygulamaları ikinci kere yüklemek ve ayırmak için)LibreSpeed (speed test uygulaması)SD Maid SE (telefonda yer boşaltmak için)RHVoice (TTS motoru, ne yazık ki Türkçesi yok)Openreads (kitap listesi uygulaması)Florisboard (klavye uygulaması)Alternatif bulamadıklarımTürkçe TTS (Text-to-speech) motoruSTT (Speech-to-text) motoru (Türkçe/İngilizce) (Kõnele var ama doğru düzgün ayarlamaya fırsatım olmadı)WebView alternatifi (Mozilla geckoview üzerinde çalışıyor sanırım ama emin değilim)Zamanlanmış mail gönderebilen Mail Uygulaması (Fair Mail bunu sadece pro sürümünde yapıyor) Siz de kullandığınız mobil açık kaynak / özgür yazılımları listeleyebilirsiniz, ekleme yapabilirsiniz veya benim bizzat bulamadıklarımı bulmamda yardımcı olabilirsiniz Okuduğunuz için teşekkürler." }, { "title": "Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma", "url": "/posts/linux-epson-yazici/", "categories": "Linux, Troubleshooting", "tags": "epson, printer, linux, arch, debian, pardus, duzenlenecek", "date": "2023-09-15 18:00:00 +0300", "snippet": "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ıc...", "content": "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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum.Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde denediğimi belirtmek isterim. L38x modellerinde benzer adımlar ile siz de yazıcınızı herhangi bir GNU/Linux sürümünde çalıştırabilirsiniz.Gerekli dosyaları kurmadan önce yazıcınızın gerçekten bir sürücüye ihtiyacı olup olmadığını kontrol etmeniz işinizi kolaylaştırabilir. https://openprinting.github.io/printers/ adresinde eğer yazıcınız listelenmiş ise sürücü yüklemeye gerek olmadan kullanabilme ihtimaliniz var. Veya kullandığınız dağıtımınızdaki yazıcı ayarları veya yazıcı yönetimi uygulaması gerekli sürücüleri zaten indiriyor olabilir. Bunları da kontrol etmenizde fayda var. Epson L38x model yazıcılarda bu destek olmadığı için blogun geri kalanında manuel olarak nasıl bir driver yüklenebileceğini anlatıyor olacağım.Debian / Pardus İçin Sürücü Yükleme İşlemiDebian veya Pardus üzerinde bir Epson Inkjet Driver'ı kurmak için öncelikle lsb paketine ihtiyaç var. Ne yazık ki bu paket artık desteklenmemekte ve artık debian/pardus repolarında direkt binary file olarak bulunmamakta, sadece kaynak kodu [1] var ve artık lsb-release ve lsb-base adı altında iki farklı binary file olarak yüklenip kullanılması öneriliyor. Ama Epson’un sitesinden indireceğiniz ilgili yazıcı sürücüsü [2] illa da lsb>=3.2 sürümünü istiyor.Bu yüzden her ne kadar eski olsa da lsb uyumluluk sorunu çözmek için bu [3] lsb-compat paketini kullanabilirsiniz. Sonrasında gerekli sürücüleri siteden[2] indirip, direkt olarak kurabilir, yazıcı seçeneklerinden yapılandırabilirsiniz.Tek bir kod öbeği içinde toplayacak olursak:sudo apt update -y# paketleri güncellersudo apt install lsb-* -ysudo apt install lib32z1 wget -y# gerekli çalıştırılabilir paketleri yüklerwget https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.deb# lsb-compat paketini debian repolarından indirirsudo apt install ./lsb-compat_9.20161125_amd64.deb -y# lsb-compat paketini kurNot: Bilgisayarınızın mimarisinin amd64 olduğu varsayılmıştır uname -m komutunu çalıştırarak kontrol edebilirsiniz. çıktı x86_64 ise üstteki kod öbeğini kullanabilirsiniz. Değilse https://archive.debian.org/debian/pool/main/l/lsb/ adresinden lsb-compat ile başlayan sizin mimarinize uygun .deb dosyasını indirip benzer şekilde yükleme adımını tamamlayabilirsiniz.Sonrasında EPSON Download Center adresinden Linux ve L382 (veya sizin yazıcı modelinizi) seçip ürünü aratın. ARM(AArch32) yazanlar hariç diğer sürücülerin amd64.deb uzantısı ile biten versiyonlarını indirmeniz gerekiyor. (tabii ki yine bilgisayarınızın mimarisinin amd64 olduğunu varsayıyorum). Bende sadece ilkini indirince de sürücüyü algıladı, sanıyorum listedeki diğer paketler ekstra işlemler için. Eğer sizin modelinizin sürücüsünü bulamadıysanız https://www.openprinting.org/drivers adresinde de arayabilirsiniz. Yükleme işlemini yaptıktan sonra sudo /etc/init.d/cups restart komutunu girmeniz gerekebilir.Son olarak şu adımları uygulayın:Uygulamalar menüsünden Yazıcı ayarları seçeneğini seçinAçılan menüden aygıtınızı seçinVeri tabanından yazıcı seç seçeneğini işaretleyinMarka olarak Epson seçinModel listesinde L382 (veya sizin yazıcı modelinizi) bulun ve sağdan sürücüyü seçinYazıcı bilgilerini ekleyin (isteğe bağlı)Bu adımları yaptıktan sonra yazıcınızın hem uygulamalar tarafından algılanıyor hem de doğru bir şekilde çıktı veriyor olması lazım. Dilerseniz test sayfası yazdırarak doğrulayabilirsiniz.Kaynaklar:[1] https://packages.debian.org/source/bullseye/lsb[2] http://download.ebz.epson.net/dsc/search/01/search/?OSC=LX[3] https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.debAğustost 2023 Güncellemesi: https://packages.debian.org/stretch/lsb-compat 1 linkinde bulunan lsb-compat artık arşivlenmiş durumdadır. Kaynak [3]'ten ulaşabilirsiniz. İşlemlerin denendiği donanımlar: Pardus XFCE 21.4 ve 21.5, x86_64 mimari , Epson L382 yazıcıBu adımlar sürücüyü yüklemenizi sağladı mı? Herhangi bir sorunla karşılaştınız mı? Yorumlar kısmında belirtebilirsiniz.Arch İçin Sürücü Yükleme İşlemiArch tabanlı dağıtımlarda Aur gibi bir nimet olduğu için sürücü yüklemek görece daha kolay. Hatta neden bilmiyorum L310 sürücüsü direkt yüklü olarak geldi (CUPS+Gutenprint) ve benim yazıcım ile de uyumlu idi. Onu direkt kullanabildim. Yine de yavaş yazdırıyordu ve bazen sıkıntı çıkartabiliyordu. O yüzden aur kullanarak kendi modelinizin sürücüsünü kurmanızı öneririm. Bunun için yay epson | grep -B 1 L382 komutunu kullanarak ilgili sürücü bulabilir ve yükleyebilirsiniz. Tabii ki L382 yerine kendi modelinizi yazınız. Ayrıca PKGBUILD dosyasını da incelemek isteyebilirsiniz. Yazıcı Yönetim Uygulaması Yükleme İşlemiLSB kullanan yazıcıların yönetim uygulaması için https://support.epson.net/linux/Printer/LSB_distribution_pages/en/utility.php adresinden ilgili linki (debian/pardus için ilk link) indirip kurabilirsiniz. Arch için epson-printer-utility paketini aur üzerinden kurabilirsiniz. Uygulamanın çalışması için cihazınızı aç/kapa yapmanız gerekebilir. Ayrıca arch üzerinde ilk önce /opt/epson-printer-utility/lib/epson-backend içerisinde bulunan ecbd dosyasını root olarak çalıştırmanız gerekebilir. Uygulama kılavuzu için https://download.ebz.epson.net/man/linux/utility.html adresine göz atabilirsiniz. Umarım yazım faydalı olmuştur. Yanlış olduğunu düşündüğünüz kısımları veya sorularınızı yorumlar kısmından iletebilirsiniz." }, { "title": "Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim", "url": "/posts/teknofest-deneyimlerim/", "categories": "Competitions", "tags": "teknofest, pardus, liderahenk, tubitak, duzenlenecek", "date": "2023-06-15 18:00:00 +0300", "snippet": "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ış ol...", "content": "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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum.Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pardus Hata Yakalama ve Öneri Yarışması özellikle dikkatimi çekti. Teknofest portalı üzerinden gerekli bilgileri doldurarak yarışmaya kaydımı yaptım. Sonrasında ilk işim bilgisayarıma Pardus kurmak ve kurcalamak oldu. Ben bilgisayar özelliklerimin çok iyi olmamasından kaynaklı XFCE’yi tercih ettim.Pardus’u günlük yaşamımda da kullanarak fark ettiğim hataları ve “böyle bir özellik olsa güzel olurmuş” diye düşündüğüm özellikleri not ettim. Aynı zamanda bilişim öğretmenimden de okuldaki bilgisayarları kullanmak için izin aldım. Yarışma için 10 tane talep gönderebiliyorduk ve ben bu sayıyı tamamlamak istedim. Ama süreç içerisinde yeterince hata yakalayamadığımdan dolayı ben de Pardus’un diğer alt projelerini inceleme kararı aldım.Ahtapot, Engerek, Etap ve Liderahenk alt projelerinden daha çok ilgimi çektiğinden dolayı Liderahenk üzerinde hata yakalamak için çalışmalara başladım. Okuldaki 1 bilgisayara Lider sunucusunu 2 bilgisayara da Ahenk istemcisini kurdum. Bu sayede birkaç hata daha yakalama imkanım oldu. Bulduğum hatalar kritik hatalar değildi ama yine de kullanıcı deneyimini etkiliyordu.Talep oluşturmak için gerekli hata ve önerileri biriktirdikten sonra bulduğum hataların iyi anlaşılması için sıfırdan bir sanal makine kurdum. Sonrasında video kaydı ve ekran görüntüleri de alarak gerekli raporlamaları yaptım. Aynı zamanda GitHub üzerinden de pull request açtım. Sonuç olarak, 4 hata, 6 öneri talebini sistem üzerinden ilettim.Yaklaşık 3 hafta sonra ise Teknofest ekibinden bir mail geldi. Mailde Pardus 21 Hata Yakalama ve Öneri Yarışmasında finalist olduğum yazıyordu. 1 ay sonra da Teknofest için İstanbul’a gittim. Teknofest alanında 3. olduğumu öğrendim ve Pardus ekibi ile vakit geçirme fırsatı buldum. Standa gelen insanlara Pardus’u tanıtma imkanı buldum. Benim için unutulmaz bir deneyimdi. İlgisini çekenlerin seneye katılmasını tavsiye ediyorum." }, { "title": "Pardus Ekibinden Ali Rıza ile Röportaj", "url": "/posts/pardus-roportaj/", "categories": "Reportages", "tags": "linux, pardus, tubitak, duzenlenecek", "date": "2023-02-14 18:00:00 +0300", "snippet": "Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı ge...", "content": "Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı gezmek için alana gittim. Ekip ile tanıştıktan sonraki gün hazır ekibi yerinde bulmuşken neden bir röportaj yapmayayım dedim. Soruları hazırlamak için Yusuf İpek'in Discord kanalındanki değerli arkadaşlara danıştım, kendilerine müteşekkirim. Şimdi yanıtları bu blogun devamında soru-cevap şeklinde paylaşıyor olacağım.1. Pardus ETAP neden Windows'tan gelen öğretmenler ve öğrenciler için Windows benzeri bir arayüz ile gelmiyor? Neden varsayılan olarak mesela GNOME kullanıyor ama özelleştirilmiş bir versiyonunu kullanmıyor ?Bunun en büyük sebebi Milli Eğitim Bakanlığı ile yapılan anlaşmalar gereği, onların istekleri doğrultusunda arayüz tasarladığımızdan dolayı o şekilde. İkincisi de Windows da çok kullanışlı bir sistem değil aslında biz bunu fark ettiğimiz için tahtalarda daha kullanışlı hâle getirmek için ona (Windows'a) benzemesinin gerekmediğini düşünüp ona göre bir tasarım yaptık.2. Pardus etap neden wine önyüklü bir biçimde gelmiyor? En azından farklı imaj dosyaları harici çoğu imajda önyüklü olarak gelmiyor. Gelmesinin istenme sebebi de çoğu z-kitap vb. uygulamanın sadece wine üzerinden çalıştırılabiliyor olması.Yani burada asıl mantık şu: O z-kitap ların windows versiyonlarını çıkarıp alın kullanın tarzı bir yaklaşımdan ziyade bunu özellikle linux tarafına uyarlamalarını istememizden dolayı böyle bir şey ortaya çıktı ve isteyen kişiler için de direkt wine ile gelen imajlar da var zaten. Resmi imajlar diye bir bölüm var, oraya basarsanız görebilirsiniz.3. Pardus neden varsayılan olarak libre office kullanıyor da onlyoffice kullanmiyor? en azından çoğu kullanıcı için microsofta uyumlulugu daha iyi.Onlyoffice görünüş olarak microsoft officeye benziyor olabilir fakat uyumluluk ve belge formatının asıl üreticisinin libre office olmasından dolayı libre office'i tercih ediyoruz. Libre Office alıştıktan sonra herhangi bir arayüz sıkıntısı olmuyor zaten.4. Pardus ETAP gibi sürümler immutable yapılmayı düşünülüyor mu ya da bir immutable sürüm yapmayı düşünüyorlar mı. Mesela sadece Flatpak vb. yöntemlerle uygulama kurulabilecek bir sürüm Şu anda öyle bir planımız yok, isteyen kendisi bu şekilde ayarlayabilir.5. Pardusun online kurulum seçeneği neden yok, paket ekleme çıkarma ve DE seçme vb. kurulum öncesi işlemleri içinOnline kurulum isosunu diyorsun, o var. Depo üzerinden indirilebiliyor. Sitede insanlar yanlışlıkla onu indirip niye kuramıyorum diye kafaları karışmasın diye eklemedik6. Neden package updater ile pardus updater aynı sistem içerisinde bulunuyor, upgrade geldiğinde package updater karşımıza çıkıyor ama pardus mağazanın içinde de var.Onu ileride kaldırmayı düşünüyoruz-benzer bir şey deb paket yükleyicisinde de olmuştu, yeterince geliştirince diğerini kaldıracaksınız sanırım-Aynen7. Pardus kernel konfigrasyonlarında herhangi bir değişiklik yapıyor musunuz, eklenen bir patch var mı?Yok, direkt debian kerneli8. BTRFS hakkında ne düşünüyorsunuz? varsayılan kurulumda BTRFS'i neden seçmiyorsunuz?BTRFS kurumsal yerlerde çok gerekli bir özellik değil ayrıca kurulum aşamalarının da karmaşıklaşmasına sebep oluyor. Fakat manuel olarak kurulumu yapabilirsiniz, sitemizde de bununla ilgili bir içerik paylaştık zaten. Kurumlar bir sıkıntı olduğu zaman direkt imaj basıp geçmeyi tercih ediyor zaten.9. Depodaki paketleriniz genel olarak eski ve örneğin FirefoxESR kullanılıyor, bu nedenden dolayı Kurumsal ve bireysel kullanıcılar için farklı iso yapma planınız var mı?Şu an için yok, biz şu anda kararlılık üzerine odaklanıyoruz.10. Neden systemd bootloaderini kullanmıyorsunuz da grub kullanıyorsunuz ?Debianda varsayılan olarak gelen o olduğu için. Bir de bir sıkıntı çıktığı zaman grub'da konsola girdiği için bazı komutlar ile hatanın ne olduğunu da anlayabiliyoruz.11. Paketleri derlediğiniz sunucuda hangi dağıtımı kullanıyorsunuz?Debian. Pardus için derleme yaptığımız imajlar var, o imajların üzerinde bütün derleme araçları kurulu geliyor, onu kullanarak derliyoruz. Hem işimizi kolaylaştırıyor hem de neyin neye bağlı olduğunu görebiliyoruz. Aslında pardus kullanıyoruz bi bakıma ama debiandan çok bir farkı yok12. Neden okullarda pardus zorunlu hale getirilmiyor, okulun bir bilişimcisi varsa hemen windowsa dönüştürüyor. Bunun için aldığınız bir önlem var mı?O bizden ziyade Milli Eğitim Bakanlığı ile ilgili bir durum-Anlıyorum ama şunları da eklemek istiyorum: tahta.etap.gov.tr adresinde bir veri paylaşıyorsunuz. Bizzat arkadaşlar ile o verileri inceledik ve tutarlı olmadığı kanısına vardık, o verilerin pardus etap kurulu gelen tahta sayısı olduğunu düşünüyorum ben. Bizim okulda da varmış bir tane ama benim haberim yok mesela-3 ay ele alınmayan makineler database'den düşüyor. interneti olmayabilir, bozuk olabilir 3 ay boyunca mesela, o zaman da sistemden düşüyor13. Gibux'a nasıl bakıyorsunuz, gibux yerine pardus kullanılamaz mıydı, neden kendi işletim sistemini yapmışlar bir daha? Tübitak ve Gelir Idaresi başkanlığının kararları ile ilgili şeyler mi?Hem o şekilde olabilir, hem de sistemlerinin tamamının kontrolünün kendilerinde olmasını istemiş olabilirler.-arkadan başka biri: Bir de tam 2013 zamanlarına denk gelmişti, o arada bi kopukluk\\karmaşa var...-Aynen, iletişimsizlikten dolayı da olabilir...14. Pardusu yaygınlaştırmak için başka çalışmalarınız var mı?Bu tür etkinliklerde, teknofestte varız. Çevremiz ile paylaşıyoruz, Kurumlar ile bazı anlaşmalarımız oluyor.15. Pardus debian tabanına geçtiği zaman sanırım bazı geliştiriciler pisi linux adında devam ettiler. Onların bu yönden ilerlemeye çalışma sebepleri nedir. Acaba onların şu anda olduğu gibi bu yönden gidilseydi acaba daha iyi mi olurduO konuda benim tecrübem var. Çünkü ben de bi ara onların arasındaydım, eskiden kalma bazı teknolojileri artık günümüzde kullanmak çok mantıklı değil. Hız bakımından olsun, daha modern teknolojiler olsun. O yüzden bazı şeylerin yenilenmesi gerektiğini düşünüyorum ben, buna en basit örnek de mesela debiandaki apt paket sistemi, yıllardır -25 civarı- aynı mantık ile gidiyor. bu yüzden paket yazması en zor dağıtımlardan birisi. Çünkü yeterince modern değil, onun yanında arch linux un paket yapısına baktığınızda gayet modern bir paket yapısına sahip. Fakat debian kadar uzun bir süre geliştirilip test edilmediği için onun kadar stabil bir yapıya da sahip değil. Bizim burada asıl amacımız taban oluşturmak olmadığı için biz debianı tercih ettik.-Stabilite için yani?-Aynen. Yani bazı şeylerin modernize edilmesi lazım haklısınız. Pisi linux konusunda da şunu söyleyeyim. Belki pisi linux kullanan arkadaşlar biraz kızabilir. Aslında yaptıkları şey 2011den sonraki bütün sadece paketleri güncellemek, bunun haricinde herhangi bir göze dokunur bir gelişme yok dediğin gibi ölü dağıtım haline geldi.-Acaba mesela pardus bir yandan destek verseydi ölmeyip pardusun gelişmesine de katkı sağlayabilir miydi ?-Ona yönelik de şöyle, ben 2016 yılında pisi linuxtan desteğimi tamamen çektim, yaptığınız iş kötü, geleceği yok gibisinden. Kendim projeler yapmaya başladım, önce onların -eski pardusun- tabanını alıp modernize etmeye başladım. Ordan da bir şey çıkmayınca hani ondan sonra kendim tekrar paket sistemi tasarlayım gibi bir uğraşlara girdim ve gerçekten aşırı uğraştırıcı ve zor bir iş. Anca siyah ekranda bir pencere çıkartabiliyorum" }, { "title": "Customize the Favicon", "url": "/posts/customize-the-favicon/", "categories": "Blogging, Tutorial", "tags": "favicon", "date": "2019-08-10 19:34:00 +0300", "snippet": "The favicons of Chirpy are placed in the directory assets/img/favicons/. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons...", "content": "The favicons of Chirpy are placed in the directory assets/img/favicons/. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons.Generate the faviconPrepare a square image (PNG, JPG, or SVG) with a size of 512x512 or more, and then go to the online tool Real Favicon Generator and click the button Select your Favicon image to upload your image file.In the next step, the webpage will show all usage scenarios. You can keep the default options, scroll to the bottom of the page, and click the button Generate your Favicons and HTML code to generate the favicon.Download & ReplaceDownload the generated package, unzip and delete the following two from the extracted files: browserconfig.xml site.webmanifestAnd then copy the remaining image files (.PNG and .ICO) to cover the original files in the directory assets/img/favicons/ of your Jekyll site. If your Jekyll site doesn’t have this directory yet, just create one.The following table will help you understand the changes to the favicon files: File(s) From Online Tool From Chirpy *.PNG ✓ ✗ *.ICO ✓ ✗ ✓ means keep, ✗ means delete.The next time you build the site, the favicon will be replaced with a customized edition." }, { "title": "Getting Started", "url": "/posts/getting-started/", "categories": "Blogging, Tutorial", "tags": "getting started", "date": "2019-08-09 15:55:00 +0300", "snippet": "Creating a Site RepositoryWhen creating your site repository, you have two options depending on your needs:Option 1. Using the Starter (Recommended)This approach simplifies upgrades, isolates unnec...", "content": "Creating a Site RepositoryWhen creating your site repository, you have two options depending on your needs:Option 1. Using the Starter (Recommended)This approach simplifies upgrades, isolates unnecessary files, and is perfect for users who want to focus on writing with minimal configuration. Sign in to GitHub and navigate to the starter. Click the Use this template button and then select Create a new repository. Name the new repository <username>.github.io, replacing username with your lowercase GitHub username.Option 2. Forking the ThemeThis approach is convenient for modifying features or UI design, but presents challenges during upgrades. So don’t try this unless you are familiar with Jekyll and plan to heavily modify this theme. Sign in to GitHub. Fork the theme repository. Name the new repository <username>.github.io, replacing username with your lowercase GitHub username.Setting up the EnvironmentOnce your repository is created, it’s time to set up your development environment. There are two primary methods:Using Dev Containers (Recommended for Windows)Dev Containers offer an isolated environment using Docker, which prevents conflicts with your system and ensures all dependencies are managed within the container.Steps: Install Docker: On Windows/macOS, install Docker Desktop. On Linux, install Docker Engine. Install VS Code and the Dev Containers extension. Clone your repository: For Docker Desktop: Start VS Code and clone your repo in a container volume. For Docker Engine: Clone your repo locally, then open it in a container via VS Code. Wait for the Dev Containers setup to complete.Setting up Natively (Recommended for Unix-like OS)For Unix-like systems, you can set up the environment natively for optimal performance, though you can also use Dev Containers as an alternative.Steps: Follow the Jekyll installation guide to install Jekyll and ensure Git is installed. Clone your repository to your local machine. If you forked the theme, install Node.js and run bash tools/init.sh in the root directory to initialize the repository. Run command bundle in the root of your repository to install the dependencies.UsageStart the Jekyll ServerTo run the site locally, use the following command:$ bundle exec jekyll s If you are using Dev Containers, you must run that command in the VS Code Terminal.After a few seconds, the local server will be available at http://127.0.0.1:4000.ConfigurationUpdate the variables in _config.yml as needed. Some typical options include: url avatar timezone langSocial Contact OptionsSocial contact options are displayed at the bottom of the sidebar. You can enable or disable specific contacts in the _data/contact.yml file.Customizing the StylesheetTo customize the stylesheet, copy the theme’s assets/css/jekyll-theme-chirpy.scss file to the same path in your Jekyll site, and add your custom styles at the end of the file.Starting with version 6.2.0, if you want to overwrite the SASS variables defined in _sass/addon/variables.scss, copy the main SASS file _sass/main.scss to the _sass directory in your site’s source, then create a new file _sass/variables-hook.scss and assign your new values there.Customizing Static AssetsStatic assets configuration was introduced in version 5.1.0. The CDN of the static assets is defined in _data/origin/cors.yml. You can replace some of them based on the network conditions in the region where your website is published.If you prefer to self-host the static assets, refer to the chirpy-static-assets repository.DeploymentBefore deploying, check the _config.yml file and ensure the url is configured correctly. If you prefer a project site and don’t use a custom domain, or if you want to visit your website with a base URL on a web server other than GitHub Pages, remember to set the baseurl to your project name, starting with a slash, e.g., /project-name.Now you can choose ONE of the following methods to deploy your Jekyll site.Deploy Using Github ActionsPrepare the following: If you’re on the GitHub Free plan, keep your site repository public. If you have committed Gemfile.lock to the repository, and your local machine is not running Linux, update the platform list of the lock file: $ bundle lock --add-platform x86_64-linux Next, configure the Pages service: Go to your repository on GitHub. Select the Settings tab, then click Pages in the left navigation bar. In the Source section (under Build and deployment), select GitHub Actions from the dropdown menu. Push any commits to GitHub to trigger the Actions workflow. In the Actions tab of your repository, you should see the workflow Build and Deploy running. Once the build is complete and successful, the site will be deployed automatically. You can now visit the URL provided by GitHub to access your site.Manual Build and DeploymentFor self-hosted servers, you will need to build the site on your local machine and then upload the site files to the server.Navigate to the root of the source project, and build your site with the following command:$ JEKYLL_ENV=production bundle exec jekyll bUnless you specified the output path, the generated site files will be placed in the _site folder of the project’s root directory. Upload these files to your target server." }, { "title": "Writing a New Post", "url": "/posts/write-a-new-post/", "categories": "Blogging, Tutorial", "tags": "writing", "date": "2019-08-08 09:10:00 +0300", "snippet": "This tutorial will guide you how to write a post in the Chirpy template, and it’s worth reading even if you’ve used Jekyll before, as many features require specific variables to be set.Naming and P...", "content": "This tutorial will guide you how to write a post in the Chirpy template, and it’s worth reading even if you’ve used Jekyll before, as many features require specific variables to be set.Naming and PathCreate a new file named YYYY-MM-DD-TITLE.EXTENSION and put it in the _posts of the root directory. Please note that the EXTENSION must be one of md and markdown. If you want to save time of creating files, please consider using the plugin Jekyll-Compose to accomplish this.Front MatterBasically, you need to fill the Front Matter as below at the top of the post:---title: TITLEdate: YYYY-MM-DD HH:MM:SS +/-TTTTcategories: [TOP_CATEGORIE, SUB_CATEGORIE]tags: [TAG] # TAG names should always be lowercase--- The posts’ layout has been set to post by default, so there is no need to add the variable layout in the Front Matter block.Timezone of DateTo accurately record the release date of a post, you should not only set up the timezone of _config.yml but also provide the post’s timezone in variable date of its Front Matter block. Format: +/-TTTT, e.g. +0800.Categories and TagsThe categories of each post are designed to contain up to two elements, and the number of elements in tags can be zero to infinity. For instance:---categories: [Animal, Insect]tags: [bee]---Author InformationThe author information of the post usually does not need to be filled in the Front Matter , they will be obtained from variables social.name and the first entry of social.links of the configuration file by default. But you can also override it as follows:Adding author information in _data/authors.yml (If your website doesn’t have this file, don’t hesitate to create one).<author_id>: name: <full name> twitter: <twitter_of_author> url: <homepage_of_author>And then use author to specify a single entry or authors to specify multiple entries:---author: <author_id> # for single entry# orauthors: [<author1_id>, <author2_id>] # for multiple entries---Having said that, the key author can also identify multiple entries. The benefit of reading the author information from the file _data/authors.yml is that the page will have the meta tag twitter:creator, which enriches the Twitter Cards and is good for SEO.Post DescriptionBy default, the first words of the post are used to display on the home page for a list of posts, in the Further Reading section, and in the XML of the RSS feed. If you don’t want to display the auto-generated description for the post, you can customize it using the description field in the Front Matter as follows:---description: Short summary of the post.---Additionally, the description text will also be displayed under the post title on the post’s page.Table of ContentsBy default, the Table of Contents (TOC) is displayed on the right panel of the post. If you want to turn it off globally, go to _config.yml and set the value of variable toc to false. If you want to turn off TOC for a specific post, add the following to the post’s Front Matter:---toc: false---CommentsThe global switch of comments is defined by variable comments.active in the file _config.yml. After selecting a comment system for this variable, comments will be turned on for all posts.If you want to close the comment for a specific post, add the following to the Front Matter of the post:---comments: false---MediaWe refer to images, audio and video as media resources in Chirpy.URL PrefixFrom time to time we have to define duplicate URL prefixes for multiple resources in a post, which is a boring task that you can avoid by setting two parameters. If you are using a CDN to host media files, you can specify the cdn in _config.yml. The URLs of media resources for site avatar and posts are then prefixed with the CDN domain name. cdn: https://cdn.com To specify the resource path prefix for the current post/page range, set media_subpath in the front matter of the post: ---media_subpath: /path/to/media/--- The option site.cdn and page.media_subpath can be used individually or in combination to flexibly compose the final resource URL: [site.cdn/][page.media_subpath/]file.extImagesCaptionAdd italics to the next line of an image, then it will become the caption and appear at the bottom of the image:![img-description](/path/to/image)_Image Caption_SizeTo prevent the page content layout from shifting when the image is loaded, we should set the width and height for each image.![Desktop View](/assets/img/sample/mockup.png){: width=\"700\" height=\"400\" } For an SVG, you have to at least specify its width, otherwise it won’t be rendered.Starting from Chirpy v5.0.0, height and width support abbreviations (height → h, width → w). The following example has the same effect as the above:![Desktop View](/assets/img/sample/mockup.png){: w=\"700\" h=\"400\" }PositionBy default, the image is centered, but you can specify the position by using one of the classes normal, left, and right. Once the position is specified, the image caption should not be added. Normal position Image will be left aligned in below sample: ![Desktop View](/assets/img/sample/mockup.png){: .normal } Float to the left ![Desktop View](/assets/img/sample/mockup.png){: .left } Float to the right ![Desktop View](/assets/img/sample/mockup.png){: .right } Dark/Light modeYou can make images follow theme preferences in dark/light mode. This requires you to prepare two images, one for dark mode and one for light mode, and then assign them a specific class (dark or light):![Light mode only](/path/to/light-mode.png){: .light }![Dark mode only](/path/to/dark-mode.png){: .dark }ShadowThe screenshots of the program window can be considered to show the shadow effect:![Desktop View](/assets/img/sample/mockup.png){: .shadow }Preview ImageIf you want to add an image at the top of the post, please provide an image with a resolution of 1200 x 630. Please note that if the image aspect ratio does not meet 1.91 : 1, the image will be scaled and cropped.Knowing these prerequisites, you can start setting the image’s attribute:---image: path: /path/to/image alt: image alternative text---Note that the media_subpath can also be passed to the preview image, that is, when it has been set, the attribute path only needs the image file name.For simple use, you can also just use image to define the path.---image: /path/to/image---LQIPFor preview images:---image: lqip: /path/to/lqip-file # or base64 URI--- You can observe LQIP in the preview image of post \"Text and Typography\".For normal images:![Image description](/path/to/image){: lqip=\"/path/to/lqip-file\" }VideoSocial Media PlatformYou can embed videos from social media platforms with the following syntax:{% include embed/{Platform}.html id='{ID}' %}Where Platform is the lowercase of the platform name, and ID is the video ID.The following table shows how to get the two parameters we need in a given video URL, and you can also know the currently supported video platforms. Video URL Platform ID https://www.youtube.com/watch?v=H-B46URT4mg youtube H-B46URT4mg https://www.twitch.tv/videos/1634779211 twitch 1634779211 https://www.bilibili.com/video/BV1Q44y1B7Wf bilibili BV1Q44y1B7Wf Video FilesIf you want to embed a video file directly, use the following syntax:{% include embed/video.html src='{URL}' %}Where URL is a URL to a video file e.g. /path/to/sample/video.mp4.You can also specify additional attributes for the embedded video file. Here is a full list of attributes allowed. poster='/path/to/poster.png' — poster image for a video that is shown while video is downloading title='Text' — title for a video that appears below the video and looks same as for images autoplay=true — video automatically begins to play back as soon as it can loop=true — automatically seek back to the start upon reaching the end of the video muted=true — audio will be initially silenced types — specify the extensions of additional video formats separated by |. Ensure these files exist in the same directory as your primary video file.Consider an example using all of the above:{% include embed/video.html src='/path/to/video.mp4' types='ogg|mov' poster='poster.png' title='Demo video' autoplay=true loop=true muted=true%}AudiosIf you want to embed an audio file directly, use the following syntax:{% include embed/audio.html src='{URL}' %}Where URL is a URL to an audio file e.g. /path/to/audio.mp3.You can also specify additional attributes for the embedded audio file. Here is a full list of attributes allowed. title='Text' — title for an audio that appears below the audio and looks same as for images types — specify the extensions of additional audio formats separated by |. Ensure these files exist in the same directory as your primary audio file.Consider an example using all of the above:{% include embed/audio.html src='/path/to/audio.mp3' types='ogg|wav|aac' title='Demo audio'%}Pinned PostsYou can pin one or more posts to the top of the home page, and the fixed posts are sorted in reverse order according to their release date. Enable by:---pin: true---PromptsThere are several types of prompts: tip, info, warning, and danger. They can be generated by adding the class prompt-{type} to the blockquote. For example, define a prompt of type info as follows:> Example line for prompt.{: .prompt-info }SyntaxInline Code`inline code part`Filepath Highlight`/path/to/a/file.extend`{: .filepath}Code BlockMarkdown symbols ``` can easily create a code block as follows:```This is a plaintext code snippet.```Specifying LanguageUsing ```{language} you will get a code block with syntax highlight:```yamlkey: value``` The Jekyll tag {% highlight %} is not compatible with this theme.Line NumberBy default, all languages except plaintext, console, and terminal will display line numbers. When you want to hide the line number of a code block, add the class nolineno to it:```shellecho 'No more line numbers!'```{: .nolineno }Specifying the FilenameYou may have noticed that the code language will be displayed at the top of the code block. If you want to replace it with the file name, you can add the attribute file to achieve this:```shell# content```{: file=\"path/to/file\" }Liquid CodesIf you want to display the Liquid snippet, surround the liquid code with {% raw %} and {% endraw %}:{% raw %}```liquid{% if product.title contains 'Pack' %} This product's title contains the word Pack.{% endif %}```{% endraw %}Or adding render_with_liquid: false (Requires Jekyll 4.0 or higher) to the post’s YAML block.MathematicsWe use MathJax to generate mathematics. For website performance reasons, the mathematical feature won’t be loaded by default. But it can be enabled by:---math: true---After enabling the mathematical feature, you can add math equations with the following syntax: Block math should be added with $$ math $$ with mandatory blank lines before and after $$ Inserting equation numbering should be added with $$\\begin{equation} math \\end{equation}$$ Referencing equation numbering should be done with \\label{eq:label_name} in the equation block and \\eqref{eq:label_name} inline with text (see example below) Inline math (in lines) should be added with $$ math $$ without any blank line before or after $$ Inline math (in lists) should be added with \\$$ math $$<!-- Block math, keep all blank lines -->$$LaTeX_math_expression$$<!-- Equation numbering, keep all blank lines -->$$\\begin{equation} LaTeX_math_expression \\label{eq:label_name}\\end{equation}$$Can be referenced as \\eqref{eq:label_name}.<!-- Inline math in lines, NO blank lines -->\"Lorem ipsum dolor sit amet, $$ LaTeX_math_expression $$ consectetur adipiscing elit.\"<!-- Inline math in lists, escape the first `$` -->1. \\$$ LaTeX_math_expression $$2. \\$$ LaTeX_math_expression $$3. \\$$ LaTeX_math_expression $$ Starting with v7.0.0, configuration options for MathJax have been moved to file assets/js/data/mathjax.js, and you can change the options as needed, such as adding extensions.If you are building the site via chirpy-starter, copy that file from the gem installation directory (check with command bundle info --path jekyll-theme-chirpy) to the same directory in your repository.MermaidMermaid is a great diagram generation tool. To enable it on your post, add the following to the YAML block:---mermaid: true---Then you can use it like other markdown languages: surround the graph code with ```mermaid and ```.Learn MoreFor more knowledge about Jekyll posts, visit the Jekyll Docs: Posts." }, { "title": "Text and Typography", "url": "/posts/text-and-typography/", "categories": "Blogging, Demo", "tags": "typography", "date": "2019-08-08 06:33:00 +0300", "snippet": "HeadingsH1 — headingH2 — headingH3 — headingH4 — headingParagraphQuisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risu...", "content": "HeadingsH1 — headingH2 — headingH3 — headingH4 — headingParagraphQuisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.ListsOrdered list Firstly Secondly ThirdlyUnordered list Chapter Section Paragraph ToDo list Job Step 1 Step 2 Step 3 Description list Sun the star around which the earth orbits Moon the natural satellite of the earth, visible by reflected light from the sunBlock Quote This line shows the block quote.Prompts An example showing the tip type prompt. An example showing the info type prompt. An example showing the warning type prompt. An example showing the danger type prompt.Tables Company Contact Country Alfreds Futterkiste Maria Anders Germany Island Trading Helen Bennett UK Magazzini Alimentari Riuniti Giovanni Rovelli Italy Linkshttp://127.0.0.1:4000FootnoteClick the hook will locate the footnote1, and here is another footnote2.Inline codeThis is an example of Inline Code.FilepathHere is the /path/to/the/file.extend.Code blocksCommonThis is a common code snippet, without syntax highlight and line number.Specific Languageif [ $? -ne 0 ]; then echo \"The command was not successful.\"; #do the needful / exitfi;Specific filename@import \"colors/light-typography\", \"colors/dark-typography\";MathematicsThe mathematics powered by MathJax:\\[\\begin{equation} \\sum_{n=1}^\\infty 1/n^2 = \\frac{\\pi^2}{6} \\label{eq:series}\\end{equation}\\]We can reference the equation as \\eqref{eq:series}.When $a \\ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are\\[x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}\\]Mermaid SVG gantt title Adding GANTT diagram functionality to mermaid apple :a, 2017-07-20, 1w banana :crit, b, 2017-07-23, 1d cherry :active, c, after b a, 1dImagesDefault (with caption)Full screen width and center alignmentLeft alignedFloat to leftPraesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.Float to rightPraesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.Dark/Light mode & ShadowThe image below will toggle dark/light mode based on theme preference, notice it has shadows.VideoReverse Footnote The footnote source ↩︎ The 2nd footnote source ↩︎ " } ] diff --git a/_site/assets/js/data/swconf.js b/_site/assets/js/data/swconf.js index 4d236fc..31bda70 100644 --- a/_site/assets/js/data/swconf.js +++ b/_site/assets/js/data/swconf.js @@ -1 +1 @@ -const swconf = { cacheName: 'chirpy-1731689003',resources: [ '/assets/css/jekyll-theme-chirpy.css', '/', '/about/', '/now/', '/categories/', '/tags/', '/archives/', '/donate/', '/assets/js/dist/categories.min.js', '/assets/js/dist/commons.min.js', '/assets/js/dist/home.min.js', '/assets/js/dist/misc.min.js', '/assets/js/dist/page.min.js', '/assets/js/dist/post.min.js' ],allowHosts: [ 'fonts.googleapis.com', 'fonts.gstatic.com', 'fonts.googleapis.com', 'cdn.jsdelivr.net', 'cdnjs.cloudflare.com' ],denyPaths: [ ], purge: false }; +const swconf = { cacheName: 'chirpy-1731691766',resources: [ '/assets/css/jekyll-theme-chirpy.css', '/', '/about/', '/now/', '/categories/', '/tags/', '/archives/', '/donate/', ], interceptor: {paths: [ ],urlPrefixes: [ ] }, purge: false }; diff --git a/_site/categories/android/index.html b/_site/categories/android/index.html index 3c95628..392532d 100644 --- a/_site/categories/android/index.html +++ b/_site/categories/android/index.html @@ -1 +1 @@ - Android | Aliberk Sandıkçı
+ Android | Aliberk Sandıkçı
diff --git a/_site/categories/blogging/index.html b/_site/categories/blogging/index.html new file mode 100644 index 0000000..7afad6c --- /dev/null +++ b/_site/categories/blogging/index.html @@ -0,0 +1 @@ + Blogging | Aliberk Sandıkçı
diff --git a/_site/categories/competitions/index.html b/_site/categories/competitions/index.html index ecc5cd4..4a96499 100644 --- a/_site/categories/competitions/index.html +++ b/_site/categories/competitions/index.html @@ -1 +1 @@ - Competitions | Aliberk Sandıkçı
+ Competitions | Aliberk Sandıkçı
diff --git a/_site/categories/demo/index.html b/_site/categories/demo/index.html new file mode 100644 index 0000000..0b69fe6 --- /dev/null +++ b/_site/categories/demo/index.html @@ -0,0 +1 @@ + Demo | Aliberk Sandıkçı
diff --git a/_site/categories/index.html b/_site/categories/index.html index c69780e..72ff07a 100644 --- a/_site/categories/index.html +++ b/_site/categories/index.html @@ -1 +1 @@ - Categories | Aliberk Sandıkçı
+ Categories | Aliberk Sandıkçı
Categories
diff --git a/_site/categories/linux/index.html b/_site/categories/linux/index.html index 86d3ef6..394fb36 100644 --- a/_site/categories/linux/index.html +++ b/_site/categories/linux/index.html @@ -1 +1 @@ - Linux | Aliberk Sandıkçı
+ Linux | Aliberk Sandıkçı
diff --git a/_site/categories/reportages/index.html b/_site/categories/reportages/index.html index 757877e..d5c0c19 100644 --- a/_site/categories/reportages/index.html +++ b/_site/categories/reportages/index.html @@ -1 +1 @@ - Reportages | Aliberk Sandıkçı
+ Reportages | Aliberk Sandıkçı
diff --git a/_site/categories/trip/index.html b/_site/categories/trip/index.html index 6e09687..654771f 100644 --- a/_site/categories/trip/index.html +++ b/_site/categories/trip/index.html @@ -1 +1 @@ - Trip | Aliberk Sandıkçı
+ Trip | Aliberk Sandıkçı
diff --git a/_site/categories/troubleshooting/index.html b/_site/categories/troubleshooting/index.html index a0bdccd..60dbb18 100644 --- a/_site/categories/troubleshooting/index.html +++ b/_site/categories/troubleshooting/index.html @@ -1 +1 @@ - Troubleshooting | Aliberk Sandıkçı
+ Troubleshooting | Aliberk Sandıkçı
diff --git a/_site/categories/tutorial/index.html b/_site/categories/tutorial/index.html new file mode 100644 index 0000000..fd4baa3 --- /dev/null +++ b/_site/categories/tutorial/index.html @@ -0,0 +1 @@ + Tutorial | Aliberk Sandıkçı
diff --git a/_site/donate/index.html b/_site/donate/index.html index 88dd2a1..4d15457 100644 --- a/_site/donate/index.html +++ b/_site/donate/index.html @@ -1 +1 @@ - Buy me a Coffee ☕ | Aliberk Sandıkçı
Buy me a Coffee ☕

Buy me a Coffee ☕

I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!

Platform ID/Address
IBAN (Papara)TR63 0082 9000 0949 1444 3182 51
Papara1444318251
Monero (XMR)44UfcxzafmYBvuBieuZ5kv46AatiPn3XtMMpso9gAAJaGGyo86nfmq8XjtWGcoqWJ3aKHUNNBYHkCCDGS9v9uPvfNBjjhdH
+ Buy me a Coffee ☕ | Aliberk Sandıkçı
Buy me a Coffee ☕

Buy me a Coffee ☕

I work on free/libre and open source software and offer free services. General hosting and stuff costs around 890₺ (~$30), so feel free to donate in order to help me keep everything up and running!

Platform ID/Address
IBAN (Papara)TR63 0082 9000 0949 1444 3182 51
Papara1444318251
Monero (XMR)44UfcxzafmYBvuBieuZ5kv46AatiPn3XtMMpso9gAAJaGGyo86nfmq8XjtWGcoqWJ3aKHUNNBYHkCCDGS9v9uPvfNBjjhdH
diff --git a/_site/feed.xml b/_site/feed.xml index cb5a503..08ca875 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -1 +1 @@ - https://asandikci.com/Aliberk SandıkçıPersonal Website & Blog of Aliberk Sandıkçı 2024-11-15T19:43:22+03:00 Aliberk Sandıkçı https://asandikci.com/ Jekyll © 2024 Aliberk Sandıkçı //assets/img/favicons/favicon.ico //assets/img/favicons/favicon-96x96.png TUSAŞ Gezisi2024-07-31T13:00:00+03:00 2024-07-31T13:00:00+03:00 https://asandikci.com/posts/tusas-gezisi/ asandikci Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar 7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konfera... Pardus/Linux Yanına Windows Kurulumu2024-07-22T13:00:00+03:00 2024-07-22T13:00:00+03:00 https://asandikci.com/posts/pardus-ve-windows/ asandikci GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bu... Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri2023-11-21T18:00:00+03:00 2023-11-21T18:00:00+03:00 https://asandikci.com/posts/android-foss-apps/ asandikci 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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulama... Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma2023-09-15T18:00:00+03:00 2023-09-15T18:00:00+03:00 https://asandikci.com/posts/linux-epson-yazici/ asandikci 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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum. Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde dene... Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim2023-06-15T18:00:00+03:00 2023-06-15T18:00:00+03:00 https://asandikci.com/posts/teknofest-deneyimlerim/ asandikci 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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum. Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pard... + https://asandikci.com/Aliberk SandıkçıPersonal Website & Blog of Aliberk Sandıkçı 2024-11-15T20:29:24+03:00 Aliberk Sandıkçı https://asandikci.com/ Jekyll © 2024 Aliberk Sandıkçı //assets/img/favicons/favicon.ico //assets/img/favicons/favicon-96x96.png TUSAŞ Gezisi2024-07-31T13:00:00+03:00 2024-07-31T13:00:00+03:00 https://asandikci.com/posts/tusas-gezisi/ asandikci Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar 7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konfera... Pardus/Linux Yanına Windows Kurulumu2024-07-22T13:00:00+03:00 2024-07-22T13:00:00+03:00 https://asandikci.com/posts/pardus-ve-windows/ asandikci GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bu... Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri2023-11-21T18:00:00+03:00 2023-11-21T18:00:00+03:00 https://asandikci.com/posts/android-foss-apps/ asandikci 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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulamal... Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma2023-09-15T18:00:00+03:00 2023-09-15T18:00:00+03:00 https://asandikci.com/posts/linux-epson-yazici/ asandikci 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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum. Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde dened... Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim2023-06-15T18:00:00+03:00 2023-06-15T18:00:00+03:00 https://asandikci.com/posts/teknofest-deneyimlerim/ asandikci 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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum. Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pardu... diff --git a/_site/index.html b/_site/index.html index daee622..8d643cd 100644 --- a/_site/index.html +++ b/_site/index.html @@ -1 +1 @@ - Aliberk Sandıkçı
Aliberk Sandıkçı
+ Aliberk Sandıkçı
Aliberk Sandıkçı
diff --git a/_site/now/index.html b/_site/now/index.html index 92c975b..64211a9 100644 --- a/_site/now/index.html +++ b/_site/now/index.html @@ -1 +1 @@ - What I'm Doing Now | Aliberk Sandıkçı
+ What I'm Doing Now | Aliberk Sandıkçı
What I'm Doing Now
diff --git a/_site/posts/android-foss-apps/index.html b/_site/posts/android-foss-apps/index.html index 31565c1..01dd428 100644 --- a/_site/posts/android-foss-apps/index.html +++ b/_site/posts/android-foss-apps/index.html @@ -1 +1 @@ - Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri | Aliberk Sandıkçı
Post

Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri

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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulamaları teknolojik cihazlarımızda kullanmamız büyük bir önem taşımaktadır. Bu yazımızda sizin için hem gizlilik ve güvenliğinizi sağlayacak hem de verimliliğinizden geri bırakmayacak açık kaynak kodlu Android uygulamalarına yer vermek istedik.


Uygulama Mağazaları

  • Burada paylaşacağım diğer tüm uygulamalar için öncelikle bu mağazalardan bir veya birkaçını indirmek işini kolayaştıracak ve otomatik güncelleme almanızı sağlayacaktır. Bu başlık altında Google Play Store için alternatif uygulamaları bulabilirsiniz.

F-Droid

  • Açık kaynak kodlu uygulamaların toplandığı bir mağaza. Kendi uygulama listenizi ekleyebildiğiniz gibi bu listedeki tüm uygulamaları bulmak için IzzyOnDroid reposunu da eklemek isteyebilirsiniz.
  • Benzer alternatif-1: AuroraDroid
    • Varsayılan olarak daha fazla özelliği var ama hem aktif olarak geliştirilmiyor hem de görece yavaş çalışıyor. Bir de bazı uygulamaların ikonları gözükmemekte
  • Benzer alternatif-2: NeoStore

AuroraStore

  • Play Store için alternatif arayüz. paralel uygulama yükleme, uygulamdaki izleyicileri(tracker) gösterme benzeri güzel özellikleri var. Anonim olarak veya Google Hesabınız ile giriş yaparak kullanabilirsiniz.

Obtainium

  • GitHub, GitLab vb. bir linkten uygulamayı direkt siteden güncellemek için. Anında güncel tutmak istediğiniz veya üstteki diğer mağazalarda bulamadığınız uygulamalar için kullanılabilir.

Genel Kullanım

Fossify Serisi

Open Camera

  • Özelleştirilebilir kamera uygulaması. Hem Profesyonel fotoğrafçılar hem de günlük kullanıcılar için vazgeçilmez. Otomatik fotoğraf hizalayıcı, açı göstergeleri, gelişmiş odak noktası ayarları, iso ve estantene ayarları ve benzeri bir çok diğer kamera uygulamasında olmayan özelliklere sahip.

Fair Mail - Gmail Alternatifi

  • Gelişmiş kullanıcılar için özelleştirilebilir Mail arayüzü. Mail arayüzü, hesaplar, bildirimler, mail klasörleri, filterler için birçok özelleştirme yapmayı sağlıyor.

Organic Maps - Google Maps Alternatifi

  • OpenStreetMap için mobil arayüz, modern harita uygulaması.
  • Benzer Alternatif: GraphHopper Maps
    • Arayüzü modern değil ama daha fazla yol seçeneği var (bisiklet, tır vb.)

Tasks

  • Görevler uygulaması, etiketler ve farklı kategoriler oluşturulabiliyor. Markdown desteği, görev önceliği, başlangıç/bitiş tarihi ekleme, alt görev ekleme vb. zengin özelliklere sahip . Aynı zamanda DAVx5, Nextcloud, Google Tasks vb. servisler ile de senkronize edilebiliyor.

Media & Müzik

Newpipe - YouTube Alternatifi

  • Reklamsız YouTube deneyimi. Google hesabı gerektirmiyor. Videolar x3 hızlandırılabiliyor, ses olmayan kısımlar otomatik atlanabiliyor ve videolar indirilebiliyor. Görece eski bir arayüze sahip olsa da oldukça işlevsel
  • Uygulamanın bu sürümünü tavsiye ediyorum: Newpipe x SponsorBlock
    • Newpipe forku, dislike sayısı gözüküyor ve sponsorlu kısımlar atlanabiliyor.
  • Benzer Alternatif 1: LibreTube
    • Daha modern gözüken yeni bir alternatif ama şimdilik biraz buglu
  • Benzer Alternatif 2: ReVanced
    • Komple YouTube görünümlü, YouTube engelleyene kadar Vanced ismi ile isimlendiriliyordu

AntennaPod - Google Podcast Alternatifi

  • Podcast dinlemek için mükemmel bir uygulama, birçok farklı podcast uygulamasından podcast çekebiliyor ve ses hızlandırma/senkronizasyon gibi gelişmiş özelliklere de sahip

Spotube - Spotify Alternatifi

  • Reklamsız spotify. Spotify hesabını bağlayabiliyorsunuz ve playlist oluşturma/üretme vb. değişik özelliklere sahip. Müzikleri YouTube üzerinden çekmekte ve Piped API'yı da kullanılabiliyor. Biraz yavaş ve buglu.
  • Benzer Alternatif: Musify
    • Bu listeyi hazırlarken bulduğum müzik için spotube uygulamasına güzel bir alternatif. Deneme fırsatım olmadı ama arayüzü güzel gözüküyor.

SoundAura

  • Farklı ses dosyalarını içeri aktarıp farklı ses miktarlarında karabiliyorsunuz. Ortam sesi oluşturmak için birebir.

VLC

  • Anlatmaya gerek yok sanırım. En çok bilinen ve kullanılan medya oynatıcılarından biri.
  • Benzer Alternatif: mpv
    • Sade ama güçlü medya oynatıcı. Benim için VLC'den öne çıkan yanı aynı anda iki farklı altyazı eklenebilmesi. Varsayılan olarak biraz daha hantal olabiliyor ama ayarlardan birçok performans ayarı yapılabiliyor (eski tip türkçe altyazılarda sıkıntı çıkabiliyor, öncesinde dönüştürme işlemi gerekebiliyor)

Dokümanlar

Markor

  • Basit Markdown düzenleyici

Librera Reader

  • Açık ara en iyi mobil pdf okuyucu, koyu modu var. Ne kadar yavaş da olsa daha birçok özellik barındırmakta.

LibreOffice Viewer - Google Dökümanlar Alternatifi

  • LibreOffice Görüntüleyici. ODT türü dosyaları görüntülemek için kullanılabilir. Word, Excel, Powerpoint dosyalarını da açmakta

Sosyal

Fedilab

  • Fediverse kullanıyorsanız bu uygulamaya bakmak isteyebilirsiniz. Gelişmiş bir arayüz. Mastodon, Pixelfed, PeerTube vb. uyumlu.

Beeper

  • Geliştirme aşamasında, 15 tane sosyal medya uygulamasını (whatsapp, telegram, discord vb.) tek bir uygulamadan yönetebilecekmişiz, kapalı beta sırasına girmek isteyebilirsiniz.

Conversations

  • XMPP için kullanabileceğiniz sade bir uygulama

Akıllı Bileklik veya Saati Olanlara

Gadgetbridge - MiFit Alternatifi

  • Akıllı bilekli ve saatler için açık kaynak mobil uygulama alternatifi, yaklaşik 1 senedir MiBand cihazım ile sorunsuz bir şekilde kullanıyorum ve daha birçok cihaz ile de sorunsuz çalışmakta.

OpenTracks

  • Yürüyüş için istatistik ve konum geçmişi vb. Gadgetbridge ile uyumlu bir şekilde çalıştığı için bu başlık altına aldım ama akıllı bileklik/saat olmadan da kullanabilirsiniz.

QuickWeather

  • Hava durumu uygulaması. Aynı zamanda Gadgetbridge'a hava durumu verisi sağlamakta.

Kendi Sunucusu Olanların İlgisini Çekebilir

  • Eğer evde veya bir VPS üzerinde kendi sunucunuza sahip iseniz bu başlık altındaki android uygulamaları ilginizi çekebilir.

Nextcloud - Google Drive Alternatifi

  • Verilerinizi nextcloud sunucunuz ile senkronize etmek ve verilerinize ulaşmak için

Les Pas - Google Fotoğraflar Alternatifi

  • Nextcloud fotoğraflarınız için galeri uygulaması

Davx5

  • Nextcloud veya CalDAV/CardDAV sunucunuz ile takvim, kişilerinizi senkronize etmek için.

FreshRSS

  • FreshRSS sunucunuz varsa resmi mobil uygulaması

GitNex - GitHub Alternatifi

  • Kendi Gitea veya Forgejo sunucusu olanlar kullanabilirler

Root Kullanıcıları İçin

  • Telefonu bizzat Rootlamadığım için burada vereceğim örnekler sığ olacaktır. Hâlihazırda cihazını rootlamış olanlar yorumlarda önerilerini yazabilirler.

AdAway

  • Reklam engelleyici, cihazda root olmadan vpn olarak çalıştırarak da kullanabilirsiniz ama root olarak çalıştırırsanız daha fazla verim alırsınız.

Magisk  /  Shizuku

  • Bildiğim kadarı ile diğer uygulamalara root izni vermek için

Neo Backup

  • Uygulamaların yedeğini almak için

Diğer

  • Diğer Uygulamalar ve Kategorize Etmeye Üşendiklerim .d
  • Table Habit (mhabit)
  • LibreSudoku
  • lichess
  • Aliucord (telemetri kapatılmış discord, obtanium ile indirebilirsiniz.)
  • Binary Eye (barkod okuyucu)
  • Arity (2 ve 3 boyutlu görüntüleme özelliği olan hesap makinesi)
  • WhatsDeleted (silinen WhatsApp mesajlarını görmek için )
  • Semitone (müzik ile uğraşanlar için metronom uygulaması)
  • Vector Camera
  • OpenKeychain
  • Bitwarden
  • Myne
  • Logcat
  • Termux (telefon terminali)
  • Shelter (uygulamaları ikinci kere yüklemek ve ayırmak için)
  • LibreSpeed (speed test uygulaması)
  • SD Maid SE (telefonda yer boşaltmak için)
  • RHVoice (TTS motoru, ne yazık ki Türkçesi yok)
  • Openreads (kitap listesi uygulaması)
  • Florisboard (klavye uygulaması)

Alternatif bulamadıklarım

  • Türkçe TTS (Text-to-speech) motoru
  • STT (Speech-to-text) motoru (Türkçe/İngilizce) (Kõnele var ama doğru düzgün ayarlamaya fırsatım olmadı)
  • WebView alternatifi (Mozilla geckoview üzerinde çalışıyor sanırım ama emin değilim)
  • Zamanlanmış mail gönderebilen Mail Uygulaması (Fair Mail bunu sadece pro sürümünde yapıyor)

 

Siz de kullandığınız mobil açık kaynak / özgür yazılımları listeleyebilirsiniz, ekleme yapabilirsiniz veya benim bizzat bulamadıklarımı bulmamda yardımcı olabilirsiniz Okuduğunuz için teşekkürler.

This post is licensed under CC BY 4.0 by the author.
+ Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri | Aliberk Sandıkçı
Post

Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri

Android Cihazlar için Açık Kaynak / Özgür Yazılım Uygulama Alternatifleri

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 kodu herkese açık bir şekilde görüntülenebildiği için hem güvenlik yamaları daha hızlı bir şekilde gelmekte hem de gizlilik ile ilgili kafamızda bir soru işareti oluşmamakta. Dolayısı ile bu uygulamaları teknolojik cihazlarımızda kullanmamız büyük bir önem taşımaktadır. Bu yazımızda sizin için hem gizlilik ve güvenliğinizi sağlayacak hem de verimliliğinizden geri bırakmayacak açık kaynak kodlu Android uygulamalarına yer vermek istedik.


Uygulama Mağazaları

  • Burada paylaşacağım diğer tüm uygulamalar için öncelikle bu mağazalardan bir veya birkaçını indirmek işini kolayaştıracak ve otomatik güncelleme almanızı sağlayacaktır. Bu başlık altında Google Play Store için alternatif uygulamaları bulabilirsiniz.

F-Droid

  • Açık kaynak kodlu uygulamaların toplandığı bir mağaza. Kendi uygulama listenizi ekleyebildiğiniz gibi bu listedeki tüm uygulamaları bulmak için IzzyOnDroid reposunu da eklemek isteyebilirsiniz.
  • Benzer alternatif-1: AuroraDroid
    • Varsayılan olarak daha fazla özelliği var ama hem aktif olarak geliştirilmiyor hem de görece yavaş çalışıyor. Bir de bazı uygulamaların ikonları gözükmemekte
  • Benzer alternatif-2: NeoStore

AuroraStore

  • Play Store için alternatif arayüz. paralel uygulama yükleme, uygulamdaki izleyicileri(tracker) gösterme benzeri güzel özellikleri var. Anonim olarak veya Google Hesabınız ile giriş yaparak kullanabilirsiniz.

Obtainium

  • GitHub, GitLab vb. bir linkten uygulamayı direkt siteden güncellemek için. Anında güncel tutmak istediğiniz veya üstteki diğer mağazalarda bulamadığınız uygulamalar için kullanılabilir.

Genel Kullanım

Fossify Serisi

Open Camera

  • Özelleştirilebilir kamera uygulaması. Hem Profesyonel fotoğrafçılar hem de günlük kullanıcılar için vazgeçilmez. Otomatik fotoğraf hizalayıcı, açı göstergeleri, gelişmiş odak noktası ayarları, iso ve estantene ayarları ve benzeri bir çok diğer kamera uygulamasında olmayan özelliklere sahip.

Fair Mail - Gmail Alternatifi

  • Gelişmiş kullanıcılar için özelleştirilebilir Mail arayüzü. Mail arayüzü, hesaplar, bildirimler, mail klasörleri, filterler için birçok özelleştirme yapmayı sağlıyor.

Organic Maps - Google Maps Alternatifi

  • OpenStreetMap için mobil arayüz, modern harita uygulaması.
  • Benzer Alternatif: GraphHopper Maps
    • Arayüzü modern değil ama daha fazla yol seçeneği var (bisiklet, tır vb.)

Tasks

  • Görevler uygulaması, etiketler ve farklı kategoriler oluşturulabiliyor. Markdown desteği, görev önceliği, başlangıç/bitiş tarihi ekleme, alt görev ekleme vb. zengin özelliklere sahip . Aynı zamanda DAVx5, Nextcloud, Google Tasks vb. servisler ile de senkronize edilebiliyor.

Media & Müzik

Newpipe - YouTube Alternatifi

  • Reklamsız YouTube deneyimi. Google hesabı gerektirmiyor. Videolar x3 hızlandırılabiliyor, ses olmayan kısımlar otomatik atlanabiliyor ve videolar indirilebiliyor. Görece eski bir arayüze sahip olsa da oldukça işlevsel
  • Uygulamanın bu sürümünü tavsiye ediyorum: Newpipe x SponsorBlock
    • Newpipe forku, dislike sayısı gözüküyor ve sponsorlu kısımlar atlanabiliyor.
  • Benzer Alternatif 1: LibreTube
    • Daha modern gözüken yeni bir alternatif ama şimdilik biraz buglu
  • Benzer Alternatif 2: ReVanced
    • Komple YouTube görünümlü, YouTube engelleyene kadar Vanced ismi ile isimlendiriliyordu

AntennaPod - Google Podcast Alternatifi

  • Podcast dinlemek için mükemmel bir uygulama, birçok farklı podcast uygulamasından podcast çekebiliyor ve ses hızlandırma/senkronizasyon gibi gelişmiş özelliklere de sahip

Spotube - Spotify Alternatifi

  • Reklamsız spotify. Spotify hesabını bağlayabiliyorsunuz ve playlist oluşturma/üretme vb. değişik özelliklere sahip. Müzikleri YouTube üzerinden çekmekte ve Piped API'yı da kullanılabiliyor. Biraz yavaş ve buglu.
  • Benzer Alternatif: Musify
    • Bu listeyi hazırlarken bulduğum müzik için spotube uygulamasına güzel bir alternatif. Deneme fırsatım olmadı ama arayüzü güzel gözüküyor.

SoundAura

  • Farklı ses dosyalarını içeri aktarıp farklı ses miktarlarında karabiliyorsunuz. Ortam sesi oluşturmak için birebir.

VLC

  • Anlatmaya gerek yok sanırım. En çok bilinen ve kullanılan medya oynatıcılarından biri.
  • Benzer Alternatif: mpv
    • Sade ama güçlü medya oynatıcı. Benim için VLC'den öne çıkan yanı aynı anda iki farklı altyazı eklenebilmesi. Varsayılan olarak biraz daha hantal olabiliyor ama ayarlardan birçok performans ayarı yapılabiliyor (eski tip türkçe altyazılarda sıkıntı çıkabiliyor, öncesinde dönüştürme işlemi gerekebiliyor)

Dokümanlar

Markor

  • Basit Markdown düzenleyici

Librera Reader

  • Açık ara en iyi mobil pdf okuyucu, koyu modu var. Ne kadar yavaş da olsa daha birçok özellik barındırmakta.

LibreOffice Viewer - Google Dökümanlar Alternatifi

  • LibreOffice Görüntüleyici. ODT türü dosyaları görüntülemek için kullanılabilir. Word, Excel, Powerpoint dosyalarını da açmakta

Sosyal

Fedilab

  • Fediverse kullanıyorsanız bu uygulamaya bakmak isteyebilirsiniz. Gelişmiş bir arayüz. Mastodon, Pixelfed, PeerTube vb. uyumlu.

Beeper

  • Geliştirme aşamasında, 15 tane sosyal medya uygulamasını (whatsapp, telegram, discord vb.) tek bir uygulamadan yönetebilecekmişiz, kapalı beta sırasına girmek isteyebilirsiniz.

Conversations

  • XMPP için kullanabileceğiniz sade bir uygulama

Akıllı Bileklik veya Saati Olanlara

Gadgetbridge - MiFit Alternatifi

  • Akıllı bilekli ve saatler için açık kaynak mobil uygulama alternatifi, yaklaşik 1 senedir MiBand cihazım ile sorunsuz bir şekilde kullanıyorum ve daha birçok cihaz ile de sorunsuz çalışmakta.

OpenTracks

  • Yürüyüş için istatistik ve konum geçmişi vb. Gadgetbridge ile uyumlu bir şekilde çalıştığı için bu başlık altına aldım ama akıllı bileklik/saat olmadan da kullanabilirsiniz.

QuickWeather

  • Hava durumu uygulaması. Aynı zamanda Gadgetbridge'a hava durumu verisi sağlamakta.

Kendi Sunucusu Olanların İlgisini Çekebilir

  • Eğer evde veya bir VPS üzerinde kendi sunucunuza sahip iseniz bu başlık altındaki android uygulamaları ilginizi çekebilir.

Nextcloud - Google Drive Alternatifi

  • Verilerinizi nextcloud sunucunuz ile senkronize etmek ve verilerinize ulaşmak için

Les Pas - Google Fotoğraflar Alternatifi

  • Nextcloud fotoğraflarınız için galeri uygulaması

Davx5

  • Nextcloud veya CalDAV/CardDAV sunucunuz ile takvim, kişilerinizi senkronize etmek için.

FreshRSS

  • FreshRSS sunucunuz varsa resmi mobil uygulaması

GitNex - GitHub Alternatifi

  • Kendi Gitea veya Forgejo sunucusu olanlar kullanabilirler

Root Kullanıcıları İçin

  • Telefonu bizzat Rootlamadığım için burada vereceğim örnekler sığ olacaktır. Hâlihazırda cihazını rootlamış olanlar yorumlarda önerilerini yazabilirler.

AdAway

  • Reklam engelleyici, cihazda root olmadan vpn olarak çalıştırarak da kullanabilirsiniz ama root olarak çalıştırırsanız daha fazla verim alırsınız.

Magisk  /  Shizuku

  • Bildiğim kadarı ile diğer uygulamalara root izni vermek için

Neo Backup

  • Uygulamaların yedeğini almak için

Diğer

  • Diğer Uygulamalar ve Kategorize Etmeye Üşendiklerim .d
  • Table Habit (mhabit)
  • LibreSudoku
  • lichess
  • Aliucord (telemetri kapatılmış discord, obtanium ile indirebilirsiniz.)
  • Binary Eye (barkod okuyucu)
  • Arity (2 ve 3 boyutlu görüntüleme özelliği olan hesap makinesi)
  • WhatsDeleted (silinen WhatsApp mesajlarını görmek için )
  • Semitone (müzik ile uğraşanlar için metronom uygulaması)
  • Vector Camera
  • OpenKeychain
  • Bitwarden
  • Myne
  • Logcat
  • Termux (telefon terminali)
  • Shelter (uygulamaları ikinci kere yüklemek ve ayırmak için)
  • LibreSpeed (speed test uygulaması)
  • SD Maid SE (telefonda yer boşaltmak için)
  • RHVoice (TTS motoru, ne yazık ki Türkçesi yok)
  • Openreads (kitap listesi uygulaması)
  • Florisboard (klavye uygulaması)

Alternatif bulamadıklarım

  • Türkçe TTS (Text-to-speech) motoru
  • STT (Speech-to-text) motoru (Türkçe/İngilizce) (Kõnele var ama doğru düzgün ayarlamaya fırsatım olmadı)
  • WebView alternatifi (Mozilla geckoview üzerinde çalışıyor sanırım ama emin değilim)
  • Zamanlanmış mail gönderebilen Mail Uygulaması (Fair Mail bunu sadece pro sürümünde yapıyor)

 

Siz de kullandığınız mobil açık kaynak / özgür yazılımları listeleyebilirsiniz, ekleme yapabilirsiniz veya benim bizzat bulamadıklarımı bulmamda yardımcı olabilirsiniz Okuduğunuz için teşekkürler.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/customize-the-favicon/index.html b/_site/posts/customize-the-favicon/index.html new file mode 100644 index 0000000..cc115d7 --- /dev/null +++ b/_site/posts/customize-the-favicon/index.html @@ -0,0 +1 @@ + Customize the Favicon | Aliberk Sandıkçı
Post

Customize the Favicon

Customize the Favicon

The favicons of Chirpy are placed in the directory assets/img/favicons/. You may want to replace them with your own. The following sections will guide you to create and replace the default favicons.

Generate the favicon

Prepare a square image (PNG, JPG, or SVG) with a size of 512x512 or more, and then go to the online tool Real Favicon Generator and click the button Select your Favicon image to upload your image file.

In the next step, the webpage will show all usage scenarios. You can keep the default options, scroll to the bottom of the page, and click the button Generate your Favicons and HTML code to generate the favicon.

Download & Replace

Download the generated package, unzip and delete the following two from the extracted files:

  • browserconfig.xml
  • site.webmanifest

And then copy the remaining image files (.PNG and .ICO) to cover the original files in the directory assets/img/favicons/ of your Jekyll site. If your Jekyll site doesn’t have this directory yet, just create one.

The following table will help you understand the changes to the favicon files:

File(s)From Online ToolFrom Chirpy
*.PNG
*.ICO

✓ means keep, ✗ means delete.

The next time you build the site, the favicon will be replaced with a customized edition.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/getting-started/index.html b/_site/posts/getting-started/index.html new file mode 100644 index 0000000..f0d0436 --- /dev/null +++ b/_site/posts/getting-started/index.html @@ -0,0 +1,7 @@ + Getting Started | Aliberk Sandıkçı
Post

Getting Started

Get started with Chirpy basics in this comprehensive overview. You will learn how to install, configure, and use your first Chirpy-based website, as well as deploy it to a web server.

Getting Started

Creating a Site Repository

When creating your site repository, you have two options depending on your needs:

This approach simplifies upgrades, isolates unnecessary files, and is perfect for users who want to focus on writing with minimal configuration.

  1. Sign in to GitHub and navigate to the starter.
  2. Click the Use this template button and then select Create a new repository.
  3. Name the new repository <username>.github.io, replacing username with your lowercase GitHub username.

Option 2. Forking the Theme

This approach is convenient for modifying features or UI design, but presents challenges during upgrades. So don’t try this unless you are familiar with Jekyll and plan to heavily modify this theme.

  1. Sign in to GitHub.
  2. Fork the theme repository.
  3. Name the new repository <username>.github.io, replacing username with your lowercase GitHub username.

Setting up the Environment

Once your repository is created, it’s time to set up your development environment. There are two primary methods:

Dev Containers offer an isolated environment using Docker, which prevents conflicts with your system and ensures all dependencies are managed within the container.

Steps:

  1. Install Docker:
  2. Install VS Code and the Dev Containers extension.
  3. Clone your repository:
  4. Wait for the Dev Containers setup to complete.

For Unix-like systems, you can set up the environment natively for optimal performance, though you can also use Dev Containers as an alternative.

Steps:

  1. Follow the Jekyll installation guide to install Jekyll and ensure Git is installed.
  2. Clone your repository to your local machine.
  3. If you forked the theme, install Node.js and run bash tools/init.sh in the root directory to initialize the repository.
  4. Run command bundle in the root of your repository to install the dependencies.

Usage

Start the Jekyll Server

To run the site locally, use the following command:

1
+
$ bundle exec jekyll s
+

If you are using Dev Containers, you must run that command in the VS Code Terminal.

After a few seconds, the local server will be available at http://127.0.0.1:4000.

Configuration

Update the variables in _config.yml as needed. Some typical options include:

  • url
  • avatar
  • timezone
  • lang

Social Contact Options

Social contact options are displayed at the bottom of the sidebar. You can enable or disable specific contacts in the _data/contact.yml file.

Customizing the Stylesheet

To customize the stylesheet, copy the theme’s assets/css/jekyll-theme-chirpy.scss file to the same path in your Jekyll site, and add your custom styles at the end of the file.

Starting with version 6.2.0, if you want to overwrite the SASS variables defined in _sass/addon/variables.scss, copy the main SASS file _sass/main.scss to the _sass directory in your site’s source, then create a new file _sass/variables-hook.scss and assign your new values there.

Customizing Static Assets

Static assets configuration was introduced in version 5.1.0. The CDN of the static assets is defined in _data/origin/cors.yml. You can replace some of them based on the network conditions in the region where your website is published.

If you prefer to self-host the static assets, refer to the chirpy-static-assets repository.

Deployment

Before deploying, check the _config.yml file and ensure the url is configured correctly. If you prefer a project site and don’t use a custom domain, or if you want to visit your website with a base URL on a web server other than GitHub Pages, remember to set the baseurl to your project name, starting with a slash, e.g., /project-name.

Now you can choose ONE of the following methods to deploy your Jekyll site.

Deploy Using Github Actions

Prepare the following:

  • If you’re on the GitHub Free plan, keep your site repository public.
  • If you have committed Gemfile.lock to the repository, and your local machine is not running Linux, update the platform list of the lock file:

    1
    +
    $ bundle lock --add-platform x86_64-linux
    +

Next, configure the Pages service:

  1. Go to your repository on GitHub. Select the Settings tab, then click Pages in the left navigation bar. In the Source section (under Build and deployment), select GitHub Actions from the dropdown menu.
    Build source Build source

  2. Push any commits to GitHub to trigger the Actions workflow. In the Actions tab of your repository, you should see the workflow Build and Deploy running. Once the build is complete and successful, the site will be deployed automatically.

You can now visit the URL provided by GitHub to access your site.

Manual Build and Deployment

For self-hosted servers, you will need to build the site on your local machine and then upload the site files to the server.

Navigate to the root of the source project, and build your site with the following command:

1
+
$ JEKYLL_ENV=production bundle exec jekyll b
+

Unless you specified the output path, the generated site files will be placed in the _site folder of the project’s root directory. Upload these files to your target server.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/linux-epson-yazici/index.html b/_site/posts/linux-epson-yazici/index.html index 9bf71ae..746508b 100644 --- a/_site/posts/linux-epson-yazici/index.html +++ b/_site/posts/linux-epson-yazici/index.html @@ -1,4 +1,4 @@ - Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma | Aliberk Sandıkçı
Post

Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma

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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum.

Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde denediğimi belirtmek isterim. L38x modellerinde benzer adımlar ile siz de yazıcınızı herhangi bir GNU/Linux sürümünde çalıştırabilirsiniz.

Gerekli dosyaları kurmadan önce yazıcınızın gerçekten bir sürücüye ihtiyacı olup olmadığını kontrol etmeniz işinizi kolaylaştırabilir. https://openprinting.github.io/printers/ adresinde eğer yazıcınız listelenmiş ise sürücü yüklemeye gerek olmadan kullanabilme ihtimaliniz var. Veya kullandığınız dağıtımınızdaki yazıcı ayarları veya yazıcı yönetimi uygulaması gerekli sürücüleri zaten indiriyor olabilir. Bunları da kontrol etmenizde fayda var. Epson L38x model yazıcılarda bu destek olmadığı için blogun geri kalanında manuel olarak nasıl bir driver yüklenebileceğini anlatıyor olacağım.

Debian / Pardus İçin Sürücü Yükleme İşlemi

Debian veya Pardus üzerinde bir Epson Inkjet Driver'ı kurmak için öncelikle lsb paketine ihtiyaç var. Ne yazık ki bu paket artık desteklenmemekte ve artık debian/pardus repolarında direkt binary file olarak bulunmamakta, sadece kaynak kodu [1] var ve artık lsb-release ve lsb-base adı altında iki farklı binary file olarak yüklenip kullanılması öneriliyor. Ama Epson’un sitesinden indireceğiniz ilgili yazıcı sürücüsü [2] illa da lsb>=3.2 sürümünü istiyor.
Bu yüzden her ne kadar eski olsa da lsb uyumluluk sorunu çözmek için bu [3] lsb-compat paketini kullanabilirsiniz. Sonrasında gerekli sürücüleri siteden[2] indirip, direkt olarak kurabilir, yazıcı seçeneklerinden yapılandırabilirsiniz.

Tek bir kod öbeği içinde toplayacak olursak:

1
+ Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma | Aliberk Sandıkçı 
Post

Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma

Linux / Pardus / Debian üzerinde Epson Yazıcı Kullanma

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ıcımı kullanabiliyor ve gerekli bakım işlemlerini yapabiliyorum.

Öncelikle bu blog yazısında anlatacağım tüm işlemleri L382 model bir Epson yazıcıda ve Pardus XFCE 21.4 ve 21.5 sürümlerinde denediğimi belirtmek isterim. L38x modellerinde benzer adımlar ile siz de yazıcınızı herhangi bir GNU/Linux sürümünde çalıştırabilirsiniz.

Gerekli dosyaları kurmadan önce yazıcınızın gerçekten bir sürücüye ihtiyacı olup olmadığını kontrol etmeniz işinizi kolaylaştırabilir. https://openprinting.github.io/printers/ adresinde eğer yazıcınız listelenmiş ise sürücü yüklemeye gerek olmadan kullanabilme ihtimaliniz var. Veya kullandığınız dağıtımınızdaki yazıcı ayarları veya yazıcı yönetimi uygulaması gerekli sürücüleri zaten indiriyor olabilir. Bunları da kontrol etmenizde fayda var. Epson L38x model yazıcılarda bu destek olmadığı için blogun geri kalanında manuel olarak nasıl bir driver yüklenebileceğini anlatıyor olacağım.

Debian / Pardus İçin Sürücü Yükleme İşlemi

Debian veya Pardus üzerinde bir Epson Inkjet Driver'ı kurmak için öncelikle lsb paketine ihtiyaç var. Ne yazık ki bu paket artık desteklenmemekte ve artık debian/pardus repolarında direkt binary file olarak bulunmamakta, sadece kaynak kodu [1] var ve artık lsb-release ve lsb-base adı altında iki farklı binary file olarak yüklenip kullanılması öneriliyor. Ama Epson’un sitesinden indireceğiniz ilgili yazıcı sürücüsü [2] illa da lsb>=3.2 sürümünü istiyor.
Bu yüzden her ne kadar eski olsa da lsb uyumluluk sorunu çözmek için bu [3] lsb-compat paketini kullanabilirsiniz. Sonrasında gerekli sürücüleri siteden[2] indirip, direkt olarak kurabilir, yazıcı seçeneklerinden yapılandırabilirsiniz.

Tek bir kod öbeği içinde toplayacak olursak:

1
 2
 3
 4
@@ -16,4 +16,4 @@ wget https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd
 # lsb-compat paketini debian repolarından indirir
 sudo apt install ./lsb-compat_9.20161125_amd64.deb -y
 # lsb-compat paketini kur
-

Not: Bilgisayarınızın mimarisinin amd64 olduğu varsayılmıştır uname -m komutunu çalıştırarak kontrol edebilirsiniz. çıktı x86_64 ise üstteki kod öbeğini kullanabilirsiniz. Değilse https://archive.debian.org/debian/pool/main/l/lsb/ adresinden lsb-compat ile başlayan sizin mimarinize uygun .deb dosyasını indirip benzer şekilde yükleme adımını tamamlayabilirsiniz.


Sonrasında EPSON Download Center adresinden Linux ve L382 (veya sizin yazıcı modelinizi) seçip ürünü aratın. ARM(AArch32) yazanlar hariç diğer sürücülerin amd64.deb uzantısı ile biten versiyonlarını indirmeniz gerekiyor. (tabii ki yine bilgisayarınızın mimarisinin amd64 olduğunu varsayıyorum). Bende sadece ilkini indirince de sürücüyü algıladı, sanıyorum listedeki diğer paketler ekstra işlemler için. Eğer sizin modelinizin sürücüsünü bulamadıysanız https://www.openprinting.org/drivers adresinde de arayabilirsiniz. Yükleme işlemini yaptıktan sonra sudo /etc/init.d/cups restart komutunu girmeniz gerekebilir.

Son olarak şu adımları uygulayın:

  1. Uygulamalar menüsünden Yazıcı ayarları seçeneğini seçin
  2. Açılan menüden aygıtınızı seçin
  3. Veri tabanından yazıcı seç seçeneğini işaretleyin
  4. Marka olarak Epson seçin
  5. Model listesinde L382 (veya sizin yazıcı modelinizi) bulun ve sağdan sürücüyü seçin
  6. Yazıcı bilgilerini ekleyin (isteğe bağlı)

Bu adımları yaptıktan sonra yazıcınızın hem uygulamalar tarafından algılanıyor hem de doğru bir şekilde çıktı veriyor olması lazım. Dilerseniz test sayfası yazdırarak doğrulayabilirsiniz.


Kaynaklar:
[1] https://packages.debian.org/source/bullseye/lsb
[2] http://download.ebz.epson.net/dsc/search/01/search/?OSC=LX
[3] https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.deb

Ağustost 2023 Güncellemesi: https://packages.debian.org/stretch/lsb-compat 1 linkinde bulunan lsb-compat artık arşivlenmiş durumdadır. Kaynak [3]'ten ulaşabilirsiniz.
İşlemlerin denendiği donanımlar: Pardus XFCE 21.4 ve 21.5, x86_64 mimari , Epson L382 yazıcı


Bu adımlar sürücüyü yüklemenizi sağladı mı? Herhangi bir sorunla karşılaştınız mı? Yorumlar kısmında belirtebilirsiniz.

Arch İçin Sürücü Yükleme İşlemi

Arch tabanlı dağıtımlarda Aur gibi bir nimet olduğu için sürücü yüklemek görece daha kolay. Hatta neden bilmiyorum L310 sürücüsü direkt yüklü olarak geldi (CUPS+Gutenprint) ve benim yazıcım ile de uyumlu idi. Onu direkt kullanabildim. Yine de yavaş yazdırıyordu ve bazen sıkıntı çıkartabiliyordu. O yüzden aur kullanarak kendi modelinizin sürücüsünü kurmanızı öneririm. Bunun için yay epson | grep -B 1 L382 komutunu kullanarak ilgili sürücü bulabilir ve yükleyebilirsiniz. Tabii ki L382 yerine kendi modelinizi yazınız. Ayrıca PKGBUILD dosyasını da incelemek isteyebilirsiniz.

Yazıcı Yönetim Uygulaması Yükleme İşlemi

LSB kullanan yazıcıların yönetim uygulaması için https://support.epson.net/linux/Printer/LSB_distribution_pages/en/utility.php adresinden ilgili linki (debian/pardus için ilk link) indirip kurabilirsiniz. Arch için epson-printer-utility paketini aur üzerinden kurabilirsiniz. Uygulamanın çalışması için cihazınızı aç/kapa yapmanız gerekebilir. Ayrıca arch üzerinde ilk önce /opt/epson-printer-utility/lib/epson-backend içerisinde bulunan ecbd dosyasını root olarak çalıştırmanız gerekebilir. Uygulama kılavuzu için https://download.ebz.epson.net/man/linux/utility.html adresine göz atabilirsiniz.

Umarım yazım faydalı olmuştur. Yanlış olduğunu düşündüğünüz kısımları veya sorularınızı yorumlar kısmından iletebilirsiniz.

This post is licensed under CC BY 4.0 by the author.
+

Not: Bilgisayarınızın mimarisinin amd64 olduğu varsayılmıştır uname -m komutunu çalıştırarak kontrol edebilirsiniz. çıktı x86_64 ise üstteki kod öbeğini kullanabilirsiniz. Değilse https://archive.debian.org/debian/pool/main/l/lsb/ adresinden lsb-compat ile başlayan sizin mimarinize uygun .deb dosyasını indirip benzer şekilde yükleme adımını tamamlayabilirsiniz.


Sonrasında EPSON Download Center adresinden Linux ve L382 (veya sizin yazıcı modelinizi) seçip ürünü aratın. ARM(AArch32) yazanlar hariç diğer sürücülerin amd64.deb uzantısı ile biten versiyonlarını indirmeniz gerekiyor. (tabii ki yine bilgisayarınızın mimarisinin amd64 olduğunu varsayıyorum). Bende sadece ilkini indirince de sürücüyü algıladı, sanıyorum listedeki diğer paketler ekstra işlemler için. Eğer sizin modelinizin sürücüsünü bulamadıysanız https://www.openprinting.org/drivers adresinde de arayabilirsiniz. Yükleme işlemini yaptıktan sonra sudo /etc/init.d/cups restart komutunu girmeniz gerekebilir.

Son olarak şu adımları uygulayın:

  1. Uygulamalar menüsünden Yazıcı ayarları seçeneğini seçin
  2. Açılan menüden aygıtınızı seçin
  3. Veri tabanından yazıcı seç seçeneğini işaretleyin
  4. Marka olarak Epson seçin
  5. Model listesinde L382 (veya sizin yazıcı modelinizi) bulun ve sağdan sürücüyü seçin
  6. Yazıcı bilgilerini ekleyin (isteğe bağlı)

Bu adımları yaptıktan sonra yazıcınızın hem uygulamalar tarafından algılanıyor hem de doğru bir şekilde çıktı veriyor olması lazım. Dilerseniz test sayfası yazdırarak doğrulayabilirsiniz.


Kaynaklar:
[1] https://packages.debian.org/source/bullseye/lsb
[2] http://download.ebz.epson.net/dsc/search/01/search/?OSC=LX
[3] https://archive.debian.org/debian/pool/main/l/lsb/lsb-compat_9.20161125_amd64.deb

Ağustost 2023 Güncellemesi: https://packages.debian.org/stretch/lsb-compat 1 linkinde bulunan lsb-compat artık arşivlenmiş durumdadır. Kaynak [3]'ten ulaşabilirsiniz.
İşlemlerin denendiği donanımlar: Pardus XFCE 21.4 ve 21.5, x86_64 mimari , Epson L382 yazıcı


Bu adımlar sürücüyü yüklemenizi sağladı mı? Herhangi bir sorunla karşılaştınız mı? Yorumlar kısmında belirtebilirsiniz.

Arch İçin Sürücü Yükleme İşlemi

Arch tabanlı dağıtımlarda Aur gibi bir nimet olduğu için sürücü yüklemek görece daha kolay. Hatta neden bilmiyorum L310 sürücüsü direkt yüklü olarak geldi (CUPS+Gutenprint) ve benim yazıcım ile de uyumlu idi. Onu direkt kullanabildim. Yine de yavaş yazdırıyordu ve bazen sıkıntı çıkartabiliyordu. O yüzden aur kullanarak kendi modelinizin sürücüsünü kurmanızı öneririm. Bunun için yay epson | grep -B 1 L382 komutunu kullanarak ilgili sürücü bulabilir ve yükleyebilirsiniz. Tabii ki L382 yerine kendi modelinizi yazınız. Ayrıca PKGBUILD dosyasını da incelemek isteyebilirsiniz.

Yazıcı Yönetim Uygulaması Yükleme İşlemi

LSB kullanan yazıcıların yönetim uygulaması için https://support.epson.net/linux/Printer/LSB_distribution_pages/en/utility.php adresinden ilgili linki (debian/pardus için ilk link) indirip kurabilirsiniz. Arch için epson-printer-utility paketini aur üzerinden kurabilirsiniz. Uygulamanın çalışması için cihazınızı aç/kapa yapmanız gerekebilir. Ayrıca arch üzerinde ilk önce /opt/epson-printer-utility/lib/epson-backend içerisinde bulunan ecbd dosyasını root olarak çalıştırmanız gerekebilir. Uygulama kılavuzu için https://download.ebz.epson.net/man/linux/utility.html adresine göz atabilirsiniz.

Umarım yazım faydalı olmuştur. Yanlış olduğunu düşündüğünüz kısımları veya sorularınızı yorumlar kısmından iletebilirsiniz.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/pardus-roportaj/index.html b/_site/posts/pardus-roportaj/index.html index 62c9809..7952a5f 100644 --- a/_site/posts/pardus-roportaj/index.html +++ b/_site/posts/pardus-roportaj/index.html @@ -1 +1 @@ - Pardus Ekibinden Ali Rıza ile Röportaj | Aliberk Sandıkçı
Post

Pardus Ekibinden Ali Rıza ile Röportaj

Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı gezmek için alana gittim. Ekip ile tanıştıktan sonraki gün hazır ekibi yerinde bulmuşken neden bir röportaj yapmayayım dedim. Soruları hazırlamak için Yusuf İpek'in Discord kanalındanki değerli arkadaşlara danıştım, kendilerine müteşekkirim. Şimdi yanıtları bu blogun devamında soru-cevap şeklinde paylaşıyor olacağım.


1. Pardus ETAP neden Windows'tan gelen öğretmenler ve öğrenciler için Windows benzeri bir arayüz ile gelmiyor? Neden varsayılan olarak mesela GNOME kullanıyor ama özelleştirilmiş bir versiyonunu kullanmıyor ?

Bunun en büyük sebebi Milli Eğitim Bakanlığı ile yapılan anlaşmalar gereği, onların istekleri doğrultusunda arayüz tasarladığımızdan dolayı o şekilde. İkincisi de Windows da çok kullanışlı bir sistem değil aslında biz bunu fark ettiğimiz için tahtalarda daha kullanışlı hâle getirmek için ona (Windows'a) benzemesinin gerekmediğini düşünüp ona göre bir tasarım yaptık.


2. Pardus etap neden wine önyüklü bir biçimde gelmiyor? En azından farklı imaj dosyaları harici çoğu imajda önyüklü olarak gelmiyor. Gelmesinin istenme sebebi de çoğu z-kitap vb. uygulamanın sadece wine üzerinden çalıştırılabiliyor olması.

Yani burada asıl mantık şu: O z-kitap ların windows versiyonlarını çıkarıp alın kullanın tarzı bir yaklaşımdan ziyade bunu özellikle linux tarafına uyarlamalarını istememizden dolayı böyle bir şey ortaya çıktı ve isteyen kişiler için de direkt wine ile gelen imajlar da var zaten. Resmi imajlar diye bir bölüm var, oraya basarsanız görebilirsiniz.


3. Pardus neden varsayılan olarak libre office kullanıyor da onlyoffice kullanmiyor? en azından çoğu kullanıcı için microsofta uyumlulugu daha iyi.

Onlyoffice görünüş olarak microsoft officeye benziyor olabilir fakat uyumluluk ve belge formatının asıl üreticisinin libre office olmasından dolayı libre office'i tercih ediyoruz. Libre Office alıştıktan sonra herhangi bir arayüz sıkıntısı olmuyor zaten.


4. Pardus ETAP gibi sürümler immutable yapılmayı düşünülüyor mu ya da bir immutable sürüm yapmayı düşünüyorlar mı. Mesela sadece Flatpak vb. yöntemlerle uygulama kurulabilecek bir sürüm

Şu anda öyle bir planımız yok, isteyen kendisi bu şekilde ayarlayabilir.


5. Pardusun online kurulum seçeneği neden yok, paket ekleme çıkarma ve DE seçme vb. kurulum öncesi işlemleri için

Online kurulum isosunu diyorsun, o var. Depo üzerinden indirilebiliyor. Sitede insanlar yanlışlıkla onu indirip niye kuramıyorum diye kafaları karışmasın diye eklemedik


6. Neden package updater ile pardus updater aynı sistem içerisinde bulunuyor, upgrade geldiğinde package updater karşımıza çıkıyor ama pardus mağazanın içinde de var.

Onu ileride kaldırmayı düşünüyoruz

-benzer bir şey deb paket yükleyicisinde de olmuştu, yeterince geliştirince diğerini kaldıracaksınız sanırım-

Aynen


7. Pardus kernel konfigrasyonlarında herhangi bir değişiklik yapıyor musunuz, eklenen bir patch var mı?

Yok, direkt debian kerneli


8. BTRFS hakkında ne düşünüyorsunuz? varsayılan kurulumda BTRFS'i neden seçmiyorsunuz?

BTRFS kurumsal yerlerde çok gerekli bir özellik değil ayrıca kurulum aşamalarının da karmaşıklaşmasına sebep oluyor. Fakat manuel olarak kurulumu yapabilirsiniz, sitemizde de bununla ilgili bir içerik paylaştık zaten. Kurumlar bir sıkıntı olduğu zaman direkt imaj basıp geçmeyi tercih ediyor zaten.


9. Depodaki paketleriniz genel olarak eski ve örneğin FirefoxESR kullanılıyor, bu nedenden dolayı Kurumsal ve bireysel kullanıcılar için farklı iso yapma planınız var mı?

Şu an için yok, biz şu anda kararlılık üzerine odaklanıyoruz.


10. Neden systemd bootloaderini kullanmıyorsunuz da grub kullanıyorsunuz ?

Debianda varsayılan olarak gelen o olduğu için. Bir de bir sıkıntı çıktığı zaman grub'da konsola girdiği için bazı komutlar ile hatanın ne olduğunu da anlayabiliyoruz.


11. Paketleri derlediğiniz sunucuda hangi dağıtımı kullanıyorsunuz?

Debian. Pardus için derleme yaptığımız imajlar var, o imajların üzerinde bütün derleme araçları kurulu geliyor, onu kullanarak derliyoruz. Hem işimizi kolaylaştırıyor hem de neyin neye bağlı olduğunu görebiliyoruz. Aslında pardus kullanıyoruz bi bakıma ama debiandan çok bir farkı yok


12. Neden okullarda pardus zorunlu hale getirilmiyor, okulun bir bilişimcisi varsa hemen windowsa dönüştürüyor. Bunun için aldığınız bir önlem var mı?

O bizden ziyade Milli Eğitim Bakanlığı ile ilgili bir durum

-Anlıyorum ama şunları da eklemek istiyorum: tahta.etap.gov.tr adresinde bir veri paylaşıyorsunuz. Bizzat arkadaşlar ile o verileri inceledik ve tutarlı olmadığı kanısına vardık, o verilerin pardus etap kurulu gelen tahta sayısı olduğunu düşünüyorum ben. Bizim okulda da varmış bir tane ama benim haberim yok mesela-

3 ay ele alınmayan makineler database'den düşüyor. interneti olmayabilir, bozuk olabilir 3 ay boyunca mesela, o zaman da sistemden düşüyor


13. Gibux'a nasıl bakıyorsunuz, gibux yerine pardus kullanılamaz mıydı, neden kendi işletim sistemini yapmışlar bir daha? Tübitak ve Gelir Idaresi başkanlığının kararları ile ilgili şeyler mi?

Hem o şekilde olabilir, hem de sistemlerinin tamamının kontrolünün kendilerinde olmasını istemiş olabilirler.

-arkadan başka biri: Bir de tam 2013 zamanlarına denk gelmişti, o arada bi kopukluk\karmaşa var...-

Aynen, iletişimsizlikten dolayı da olabilir...


14. Pardusu yaygınlaştırmak için başka çalışmalarınız var mı?

Bu tür etkinliklerde, teknofestte varız. Çevremiz ile paylaşıyoruz, Kurumlar ile bazı anlaşmalarımız oluyor.


15. Pardus debian tabanına geçtiği zaman sanırım bazı geliştiriciler pisi linux adında devam ettiler. Onların bu yönden ilerlemeye çalışma sebepleri nedir. Acaba onların şu anda olduğu gibi bu yönden gidilseydi acaba daha iyi mi olurdu

O konuda benim tecrübem var. Çünkü ben de bi ara onların arasındaydım, eskiden kalma bazı teknolojileri artık günümüzde kullanmak çok mantıklı değil. Hız bakımından olsun, daha modern teknolojiler olsun. O yüzden bazı şeylerin yenilenmesi gerektiğini düşünüyorum ben, buna en basit örnek de mesela debiandaki apt paket sistemi, yıllardır -25 civarı- aynı mantık ile gidiyor. bu yüzden paket yazması en zor dağıtımlardan birisi. Çünkü yeterince modern değil, onun yanında arch linux un paket yapısına baktığınızda gayet modern bir paket yapısına sahip. Fakat debian kadar uzun bir süre geliştirilip test edilmediği için onun kadar stabil bir yapıya da sahip değil. Bizim burada asıl amacımız taban oluşturmak olmadığı için biz debianı tercih ettik.

-Stabilite için yani?-

Aynen. Yani bazı şeylerin modernize edilmesi lazım haklısınız. Pisi linux konusunda da şunu söyleyeyim. Belki pisi linux kullanan arkadaşlar biraz kızabilir. Aslında yaptıkları şey 2011den sonraki bütün sadece paketleri güncellemek, bunun haricinde herhangi bir göze dokunur bir gelişme yok dediğin gibi ölü dağıtım haline geldi.

-Acaba mesela pardus bir yandan destek verseydi ölmeyip pardusun gelişmesine de katkı sağlayabilir miydi ?-

Ona yönelik de şöyle, ben 2016 yılında pisi linuxtan desteğimi tamamen çektim, yaptığınız iş kötü, geleceği yok gibisinden. Kendim projeler yapmaya başladım, önce onların -eski pardusun- tabanını alıp modernize etmeye başladım. Ordan da bir şey çıkmayınca hani ondan sonra kendim tekrar paket sistemi tasarlayım gibi bir uğraşlara girdim ve gerçekten aşırı uğraştırıcı ve zor bir iş. Anca siyah ekranda bir pencere çıkartabiliyorum

This post is licensed under CC BY 4.0 by the author.
+ Pardus Ekibinden Ali Rıza ile Röportaj | Aliberk Sandıkçı
Post

Pardus Ekibinden Ali Rıza ile Röportaj

Ankara'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'da iken hem Pardus ekibi ile konuşmak hem de fuarı gezmek için alana gittim. Ekip ile tanıştıktan sonraki gün hazır ekibi yerinde bulmuşken neden bir röportaj yapmayayım dedim. Soruları hazırlamak için Yusuf İpek'in Discord kanalındanki değerli arkadaşlara danıştım, kendilerine müteşekkirim. Şimdi yanıtları bu blogun devamında soru-cevap şeklinde paylaşıyor olacağım.


1. Pardus ETAP neden Windows'tan gelen öğretmenler ve öğrenciler için Windows benzeri bir arayüz ile gelmiyor? Neden varsayılan olarak mesela GNOME kullanıyor ama özelleştirilmiş bir versiyonunu kullanmıyor ?

Bunun en büyük sebebi Milli Eğitim Bakanlığı ile yapılan anlaşmalar gereği, onların istekleri doğrultusunda arayüz tasarladığımızdan dolayı o şekilde. İkincisi de Windows da çok kullanışlı bir sistem değil aslında biz bunu fark ettiğimiz için tahtalarda daha kullanışlı hâle getirmek için ona (Windows'a) benzemesinin gerekmediğini düşünüp ona göre bir tasarım yaptık.


2. Pardus etap neden wine önyüklü bir biçimde gelmiyor? En azından farklı imaj dosyaları harici çoğu imajda önyüklü olarak gelmiyor. Gelmesinin istenme sebebi de çoğu z-kitap vb. uygulamanın sadece wine üzerinden çalıştırılabiliyor olması.

Yani burada asıl mantık şu: O z-kitap ların windows versiyonlarını çıkarıp alın kullanın tarzı bir yaklaşımdan ziyade bunu özellikle linux tarafına uyarlamalarını istememizden dolayı böyle bir şey ortaya çıktı ve isteyen kişiler için de direkt wine ile gelen imajlar da var zaten. Resmi imajlar diye bir bölüm var, oraya basarsanız görebilirsiniz.


3. Pardus neden varsayılan olarak libre office kullanıyor da onlyoffice kullanmiyor? en azından çoğu kullanıcı için microsofta uyumlulugu daha iyi.

Onlyoffice görünüş olarak microsoft officeye benziyor olabilir fakat uyumluluk ve belge formatının asıl üreticisinin libre office olmasından dolayı libre office'i tercih ediyoruz. Libre Office alıştıktan sonra herhangi bir arayüz sıkıntısı olmuyor zaten.


4. Pardus ETAP gibi sürümler immutable yapılmayı düşünülüyor mu ya da bir immutable sürüm yapmayı düşünüyorlar mı. Mesela sadece Flatpak vb. yöntemlerle uygulama kurulabilecek bir sürüm

Şu anda öyle bir planımız yok, isteyen kendisi bu şekilde ayarlayabilir.


5. Pardusun online kurulum seçeneği neden yok, paket ekleme çıkarma ve DE seçme vb. kurulum öncesi işlemleri için

Online kurulum isosunu diyorsun, o var. Depo üzerinden indirilebiliyor. Sitede insanlar yanlışlıkla onu indirip niye kuramıyorum diye kafaları karışmasın diye eklemedik


6. Neden package updater ile pardus updater aynı sistem içerisinde bulunuyor, upgrade geldiğinde package updater karşımıza çıkıyor ama pardus mağazanın içinde de var.

Onu ileride kaldırmayı düşünüyoruz

-benzer bir şey deb paket yükleyicisinde de olmuştu, yeterince geliştirince diğerini kaldıracaksınız sanırım-

Aynen


7. Pardus kernel konfigrasyonlarında herhangi bir değişiklik yapıyor musunuz, eklenen bir patch var mı?

Yok, direkt debian kerneli


8. BTRFS hakkında ne düşünüyorsunuz? varsayılan kurulumda BTRFS'i neden seçmiyorsunuz?

BTRFS kurumsal yerlerde çok gerekli bir özellik değil ayrıca kurulum aşamalarının da karmaşıklaşmasına sebep oluyor. Fakat manuel olarak kurulumu yapabilirsiniz, sitemizde de bununla ilgili bir içerik paylaştık zaten. Kurumlar bir sıkıntı olduğu zaman direkt imaj basıp geçmeyi tercih ediyor zaten.


9. Depodaki paketleriniz genel olarak eski ve örneğin FirefoxESR kullanılıyor, bu nedenden dolayı Kurumsal ve bireysel kullanıcılar için farklı iso yapma planınız var mı?

Şu an için yok, biz şu anda kararlılık üzerine odaklanıyoruz.


10. Neden systemd bootloaderini kullanmıyorsunuz da grub kullanıyorsunuz ?

Debianda varsayılan olarak gelen o olduğu için. Bir de bir sıkıntı çıktığı zaman grub'da konsola girdiği için bazı komutlar ile hatanın ne olduğunu da anlayabiliyoruz.


11. Paketleri derlediğiniz sunucuda hangi dağıtımı kullanıyorsunuz?

Debian. Pardus için derleme yaptığımız imajlar var, o imajların üzerinde bütün derleme araçları kurulu geliyor, onu kullanarak derliyoruz. Hem işimizi kolaylaştırıyor hem de neyin neye bağlı olduğunu görebiliyoruz. Aslında pardus kullanıyoruz bi bakıma ama debiandan çok bir farkı yok


12. Neden okullarda pardus zorunlu hale getirilmiyor, okulun bir bilişimcisi varsa hemen windowsa dönüştürüyor. Bunun için aldığınız bir önlem var mı?

O bizden ziyade Milli Eğitim Bakanlığı ile ilgili bir durum

-Anlıyorum ama şunları da eklemek istiyorum: tahta.etap.gov.tr adresinde bir veri paylaşıyorsunuz. Bizzat arkadaşlar ile o verileri inceledik ve tutarlı olmadığı kanısına vardık, o verilerin pardus etap kurulu gelen tahta sayısı olduğunu düşünüyorum ben. Bizim okulda da varmış bir tane ama benim haberim yok mesela-

3 ay ele alınmayan makineler database'den düşüyor. interneti olmayabilir, bozuk olabilir 3 ay boyunca mesela, o zaman da sistemden düşüyor


13. Gibux'a nasıl bakıyorsunuz, gibux yerine pardus kullanılamaz mıydı, neden kendi işletim sistemini yapmışlar bir daha? Tübitak ve Gelir Idaresi başkanlığının kararları ile ilgili şeyler mi?

Hem o şekilde olabilir, hem de sistemlerinin tamamının kontrolünün kendilerinde olmasını istemiş olabilirler.

-arkadan başka biri: Bir de tam 2013 zamanlarına denk gelmişti, o arada bi kopukluk\karmaşa var...-

Aynen, iletişimsizlikten dolayı da olabilir...


14. Pardusu yaygınlaştırmak için başka çalışmalarınız var mı?

Bu tür etkinliklerde, teknofestte varız. Çevremiz ile paylaşıyoruz, Kurumlar ile bazı anlaşmalarımız oluyor.


15. Pardus debian tabanına geçtiği zaman sanırım bazı geliştiriciler pisi linux adında devam ettiler. Onların bu yönden ilerlemeye çalışma sebepleri nedir. Acaba onların şu anda olduğu gibi bu yönden gidilseydi acaba daha iyi mi olurdu

O konuda benim tecrübem var. Çünkü ben de bi ara onların arasındaydım, eskiden kalma bazı teknolojileri artık günümüzde kullanmak çok mantıklı değil. Hız bakımından olsun, daha modern teknolojiler olsun. O yüzden bazı şeylerin yenilenmesi gerektiğini düşünüyorum ben, buna en basit örnek de mesela debiandaki apt paket sistemi, yıllardır -25 civarı- aynı mantık ile gidiyor. bu yüzden paket yazması en zor dağıtımlardan birisi. Çünkü yeterince modern değil, onun yanında arch linux un paket yapısına baktığınızda gayet modern bir paket yapısına sahip. Fakat debian kadar uzun bir süre geliştirilip test edilmediği için onun kadar stabil bir yapıya da sahip değil. Bizim burada asıl amacımız taban oluşturmak olmadığı için biz debianı tercih ettik.

-Stabilite için yani?-

Aynen. Yani bazı şeylerin modernize edilmesi lazım haklısınız. Pisi linux konusunda da şunu söyleyeyim. Belki pisi linux kullanan arkadaşlar biraz kızabilir. Aslında yaptıkları şey 2011den sonraki bütün sadece paketleri güncellemek, bunun haricinde herhangi bir göze dokunur bir gelişme yok dediğin gibi ölü dağıtım haline geldi.

-Acaba mesela pardus bir yandan destek verseydi ölmeyip pardusun gelişmesine de katkı sağlayabilir miydi ?-

Ona yönelik de şöyle, ben 2016 yılında pisi linuxtan desteğimi tamamen çektim, yaptığınız iş kötü, geleceği yok gibisinden. Kendim projeler yapmaya başladım, önce onların -eski pardusun- tabanını alıp modernize etmeye başladım. Ordan da bir şey çıkmayınca hani ondan sonra kendim tekrar paket sistemi tasarlayım gibi bir uğraşlara girdim ve gerçekten aşırı uğraştırıcı ve zor bir iş. Anca siyah ekranda bir pencere çıkartabiliyorum

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/pardus-ve-windows/index.html b/_site/posts/pardus-ve-windows/index.html index 4f2f9b9..ba505c2 100644 --- a/_site/posts/pardus-ve-windows/index.html +++ b/_site/posts/pardus-ve-windows/index.html @@ -1 +1 @@ - Pardus/Linux Yanına Windows Kurulumu | Aliberk Sandıkçı
Post

Pardus/Linux Yanına Windows Kurulumu

GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bulunuyor olabilir. Bu tarz bir durumda Pardus ile Windows’u birlikte kullanmak gibi çok güzel bir seçeneğe sahibiz. Eğer Pardus’u denemek için indirdiyseniz silip Windows kurmadan önce bu seçeneği bir değerlendirin derim. Eğer yeterince disk alanınız varsa (ben en az 256GiB öneriyorum) dual boot dediğimiz iki sistemi aynı anda kullanma işlemini gerçekleştirmeniz için bu yazıyı yazmak istedim. Kolaylıklar dilerim

Not

Bu yazı, Pardus’un yanına -> Windows kurmak içindir. Eğer Windows’un yanına -> Pardus kurmak istiyorsanız, Pardus sitesindeki yazıyı takip edebiliirsiniz: https://www.pardus.org.tr/windows-ile-dual-boot-olusturma/

Windows’a bağımlığınızın olup olmadığını öğrenin !

Linux’te oynayabileceğiniz / oynayamayacağınız oyunlar: https://protondb.com Desteklenen / Desteklenmeyen anticheat sistemleri: https://areweanticheatyet.com/ Popüler uygulamalara alternatifler: https://alternativeto.net

Ön Gereklilikler

  • En az 1 USB Bellek
  • Pardus/Linux Kurulu bir makine (64 Bit)
  • Mümkünse Ortalama/Hızlı bir internet bağlantısı veya sabır

Uyarı

  • Sisteminizdeki önemli dosyaları yedek almanızı öneriyorum. Bu işlem kurulu olan Pardus sistemine ufak bir ihtimal de olsa zarar verebilir

Tahmini Süre

  • 2-3 Saat (imaj dosyalarının indirilmesi hariç)

Adımlar

  • Ventoy programını Pardus mağaza üzerinden indiriniz ve Ventoy programını USB belleğinize kurunuz.
  • Pardus/Linux sisteminizin yerini azaltmak için GParted uygulamasının imaj (.iso) dosyasını indiriniz, dosyanın doğruluğunu kontrol ediniz ve Ventoy’a (USB belleğinize) atınız.
  • Windows veya Pardus’un yanına kurmak istediğiniz herhangi bir İmaj (.iso) dosyasını indirin. Bu imaj dosyasını da Ventoy’a (USB Belleğinize) atınız
  • Son olarak olası bir sıkıntıda GRUB (başlatma) ekranına erişim için BootRepair uygulamasının imaj dosyasını indirip USB Belleğe atınız (zorunlu değil ama kurtarma adımları için hayat kurtarabilir). İndirme linki: https://sourceforge.net/projects/boot-repair-cd/files/latest/download

  • Tüm İndirme ve USB Belleğe atma işlemleri bittiğinde dosyaları doğrulamak için mümkünse Hash değerlerini kontrol edin. Veya en azından sync komutunu herhangi bir terminalde çalıştırarak komutun sonlanmasını bekleyin (duruma göre 15dk+ bekletebilir). Bu komut tüm verilerin USB Belleğe yazıldığında emin olmanızı sağlar. Sonrasında USB Belleğinizi isterseniz çıkarabilirsiniz.
  • USB Belleğinizi cihazınıza takın. Bilgisayarınızı Yeniden başlatın ve Boot Tuşuna basarak cihazınızın başlatma menüsüne girin. Sonrasında Ventoy, USB veya USB belleğinizin markasının isminin olduğu seçeneği seçiniz.
  • Eğer her şey yolunda giderse içinde 3 tane .iso dosyasının bulunduğu bir ekran açılmış olacak. İlk önce Gparted (gparted-live*.iso) dosyasını seçiniz.

Sıradaki adımlar Kısaca (sonradan güncellenecek)

  • GParted üzerinden Pardus’un kurulu olduğu diski küçültün
  • Windows’u kalan boş alana kurun
  • Kurulum sonrasında ya BootRepair uygulamasını kullanın ya da Pardus’a bir şekilde girip boot-repair komutunu kullanın
This post is licensed under CC BY 4.0 by the author.
+ Pardus/Linux Yanına Windows Kurulumu | Aliberk Sandıkçı
Post

Pardus/Linux Yanına Windows Kurulumu

Pardus/Linux Yanına Windows Kurulumu

GNU/Linux - Pardus işletim sistemi bir bilgisayar kullanıcısının isteyebileceği her türlü programı/kolaylığı sağlamakta. Lakin çeşitli programların yapımcıları tarafından Linux için desteklenmemesi (Adobe Programları gibi) veya oyunlarda bulunan çeşitli hile engelleme sistemlerinin Linux için portlanmamış olması (Valorant, LOL, Roblox vb.) sebebi ile Windows bir makineye hâlen bağımlılığınız bulunuyor olabilir. Bu tarz bir durumda Pardus ile Windows’u birlikte kullanmak gibi çok güzel bir seçeneğe sahibiz. Eğer Pardus’u denemek için indirdiyseniz silip Windows kurmadan önce bu seçeneği bir değerlendirin derim. Eğer yeterince disk alanınız varsa (ben en az 256GiB öneriyorum) dual boot dediğimiz iki sistemi aynı anda kullanma işlemini gerçekleştirmeniz için bu yazıyı yazmak istedim. Kolaylıklar dilerim

Not

Bu yazı, Pardus’un yanına -> Windows kurmak içindir. Eğer Windows’un yanına -> Pardus kurmak istiyorsanız, Pardus sitesindeki yazıyı takip edebiliirsiniz: https://www.pardus.org.tr/windows-ile-dual-boot-olusturma/

Windows’a bağımlığınızın olup olmadığını öğrenin !

Linux’te oynayabileceğiniz / oynayamayacağınız oyunlar: https://protondb.com Desteklenen / Desteklenmeyen anticheat sistemleri: https://areweanticheatyet.com/ Popüler uygulamalara alternatifler: https://alternativeto.net

Ön Gereklilikler

  • En az 1 USB Bellek
  • Pardus/Linux Kurulu bir makine (64 Bit)
  • Mümkünse Ortalama/Hızlı bir internet bağlantısı veya sabır

Uyarı

  • Sisteminizdeki önemli dosyaları yedek almanızı öneriyorum. Bu işlem kurulu olan Pardus sistemine ufak bir ihtimal de olsa zarar verebilir

Tahmini Süre

  • 2-3 Saat (imaj dosyalarının indirilmesi hariç)

Adımlar

  • Ventoy programını Pardus mağaza üzerinden indiriniz ve Ventoy programını USB belleğinize kurunuz.
  • Pardus/Linux sisteminizin yerini azaltmak için GParted uygulamasının imaj (.iso) dosyasını indiriniz, dosyanın doğruluğunu kontrol ediniz ve Ventoy’a (USB belleğinize) atınız.
  • Windows veya Pardus’un yanına kurmak istediğiniz herhangi bir İmaj (.iso) dosyasını indirin. Bu imaj dosyasını da Ventoy’a (USB Belleğinize) atınız
  • Son olarak olası bir sıkıntıda GRUB (başlatma) ekranına erişim için BootRepair uygulamasının imaj dosyasını indirip USB Belleğe atınız (zorunlu değil ama kurtarma adımları için hayat kurtarabilir). İndirme linki: https://sourceforge.net/projects/boot-repair-cd/files/latest/download

  • Tüm İndirme ve USB Belleğe atma işlemleri bittiğinde dosyaları doğrulamak için mümkünse Hash değerlerini kontrol edin. Veya en azından sync komutunu herhangi bir terminalde çalıştırarak komutun sonlanmasını bekleyin (duruma göre 15dk+ bekletebilir). Bu komut tüm verilerin USB Belleğe yazıldığında emin olmanızı sağlar. Sonrasında USB Belleğinizi isterseniz çıkarabilirsiniz.
  • USB Belleğinizi cihazınıza takın. Bilgisayarınızı Yeniden başlatın ve Boot Tuşuna basarak cihazınızın başlatma menüsüne girin. Sonrasında Ventoy, USB veya USB belleğinizin markasının isminin olduğu seçeneği seçiniz.
  • Eğer her şey yolunda giderse içinde 3 tane .iso dosyasının bulunduğu bir ekran açılmış olacak. İlk önce Gparted (gparted-live*.iso) dosyasını seçiniz.

Sıradaki adımlar Kısaca (sonradan güncellenecek)

  • GParted üzerinden Pardus’un kurulu olduğu diski küçültün
  • Windows’u kalan boş alana kurun
  • Kurulum sonrasında ya BootRepair uygulamasını kullanın ya da Pardus’a bir şekilde girip boot-repair komutunu kullanın
This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/teknofest-deneyimlerim/index.html b/_site/posts/teknofest-deneyimlerim/index.html index af6a901..dfdec87 100644 --- a/_site/posts/teknofest-deneyimlerim/index.html +++ b/_site/posts/teknofest-deneyimlerim/index.html @@ -1 +1 @@ - Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim | Aliberk Sandıkçı
Post

Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim

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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum.

Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pardus Hata Yakalama ve Öneri Yarışması özellikle dikkatimi çekti. Teknofest portalı üzerinden gerekli bilgileri doldurarak yarışmaya kaydımı yaptım. Sonrasında ilk işim bilgisayarıma Pardus kurmak ve kurcalamak oldu. Ben bilgisayar özelliklerimin çok iyi olmamasından kaynaklı XFCE’yi tercih ettim.

Pardus’u günlük yaşamımda da kullanarak fark ettiğim hataları ve “böyle bir özellik olsa güzel olurmuş” diye düşündüğüm özellikleri not ettim. Aynı zamanda bilişim öğretmenimden de okuldaki bilgisayarları kullanmak için izin aldım. Yarışma için 10 tane talep gönderebiliyorduk ve ben bu sayıyı tamamlamak istedim. Ama süreç içerisinde yeterince hata yakalayamadığımdan dolayı ben de Pardus’un diğer alt projelerini inceleme kararı aldım.

Ahtapot, Engerek, Etap ve Liderahenk alt projelerinden daha çok ilgimi çektiğinden dolayı Liderahenk üzerinde hata yakalamak için çalışmalara başladım. Okuldaki 1 bilgisayara Lider sunucusunu 2 bilgisayara da Ahenk istemcisini kurdum. Bu sayede birkaç hata daha yakalama imkanım oldu. Bulduğum hatalar kritik hatalar değildi ama yine de kullanıcı deneyimini etkiliyordu.

Pardus alt projesi Liderahenk, Merkezi Yönetim Sistemi

Talep oluşturmak için gerekli hata ve önerileri biriktirdikten sonra bulduğum hataların iyi anlaşılması için sıfırdan bir sanal makine kurdum. Sonrasında video kaydı ve ekran görüntüleri de alarak gerekli raporlamaları yaptım. Aynı zamanda GitHub üzerinden de pull request açtım. Sonuç olarak, 4 hata, 6 öneri talebini sistem üzerinden ilettim.

Yaklaşık 3 hafta sonra ise Teknofest ekibinden bir mail geldi. Mailde Pardus 21 Hata Yakalama ve Öneri Yarışmasında finalist olduğum yazıyordu. 1 ay sonra da Teknofest için İstanbul’a gittim. Teknofest alanında 3. olduğumu öğrendim ve Pardus ekibi ile vakit geçirme fırsatı buldum. Standa gelen insanlara Pardus’u tanıtma imkanı buldum. Benim için unutulmaz bir deneyimdi. İlgisini çekenlerin seneye katılmasını tavsiye ediyorum.

This post is licensed under CC BY 4.0 by the author.
+ Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim | Aliberk Sandıkçı
Post

Teknofest Pardus 21 Hata Yakalama ve Öneri Yarışması Deneyimlerim

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ış olduğum hatalardan, yaptığım önerilerden ve genel olarak süreçten bahsetmek istiyorum.

Yaklaşık 2 yıldır GNU/Linux işletim sistemleri kullanmaktayım. Bu sebepten Teknofest içerisinde düzenlenen Pardus Hata Yakalama ve Öneri Yarışması özellikle dikkatimi çekti. Teknofest portalı üzerinden gerekli bilgileri doldurarak yarışmaya kaydımı yaptım. Sonrasında ilk işim bilgisayarıma Pardus kurmak ve kurcalamak oldu. Ben bilgisayar özelliklerimin çok iyi olmamasından kaynaklı XFCE’yi tercih ettim.

Pardus’u günlük yaşamımda da kullanarak fark ettiğim hataları ve “böyle bir özellik olsa güzel olurmuş” diye düşündüğüm özellikleri not ettim. Aynı zamanda bilişim öğretmenimden de okuldaki bilgisayarları kullanmak için izin aldım. Yarışma için 10 tane talep gönderebiliyorduk ve ben bu sayıyı tamamlamak istedim. Ama süreç içerisinde yeterince hata yakalayamadığımdan dolayı ben de Pardus’un diğer alt projelerini inceleme kararı aldım.

Ahtapot, Engerek, Etap ve Liderahenk alt projelerinden daha çok ilgimi çektiğinden dolayı Liderahenk üzerinde hata yakalamak için çalışmalara başladım. Okuldaki 1 bilgisayara Lider sunucusunu 2 bilgisayara da Ahenk istemcisini kurdum. Bu sayede birkaç hata daha yakalama imkanım oldu. Bulduğum hatalar kritik hatalar değildi ama yine de kullanıcı deneyimini etkiliyordu.

Pardus alt projesi Liderahenk, Merkezi Yönetim Sistemi

Talep oluşturmak için gerekli hata ve önerileri biriktirdikten sonra bulduğum hataların iyi anlaşılması için sıfırdan bir sanal makine kurdum. Sonrasında video kaydı ve ekran görüntüleri de alarak gerekli raporlamaları yaptım. Aynı zamanda GitHub üzerinden de pull request açtım. Sonuç olarak, 4 hata, 6 öneri talebini sistem üzerinden ilettim.

Yaklaşık 3 hafta sonra ise Teknofest ekibinden bir mail geldi. Mailde Pardus 21 Hata Yakalama ve Öneri Yarışmasında finalist olduğum yazıyordu. 1 ay sonra da Teknofest için İstanbul’a gittim. Teknofest alanında 3. olduğumu öğrendim ve Pardus ekibi ile vakit geçirme fırsatı buldum. Standa gelen insanlara Pardus’u tanıtma imkanı buldum. Benim için unutulmaz bir deneyimdi. İlgisini çekenlerin seneye katılmasını tavsiye ediyorum.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/text-and-typography/index.html b/_site/posts/text-and-typography/index.html new file mode 100644 index 0000000..cc81ad0 --- /dev/null +++ b/_site/posts/text-and-typography/index.html @@ -0,0 +1,22 @@ + Text and Typography | Aliberk Sandıkçı
Post

Text and Typography

Examples of text, typography, math equations, diagrams, flowcharts, pictures, videos, and more.

Text and Typography

Headings

H1 — heading

H2 — heading

H3 — heading

H4 — heading

Paragraph

Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.

Lists

Ordered list

  1. Firstly
  2. Secondly
  3. Thirdly

Unordered list

  • Chapter
    • Section
      • Paragraph

ToDo list

  • Job
    • Step 1
    • Step 2
    • Step 3

Description list

Sun
the star around which the earth orbits
Moon
the natural satellite of the earth, visible by reflected light from the sun

Block Quote

This line shows the block quote.

Prompts

An example showing the tip type prompt.

An example showing the info type prompt.

An example showing the warning type prompt.

An example showing the danger type prompt.

Tables

CompanyContactCountry
Alfreds FutterkisteMaria AndersGermany
Island TradingHelen BennettUK
Magazzini Alimentari RiunitiGiovanni RovelliItaly

http://127.0.0.1:4000

Footnote

Click the hook will locate the footnote1, and here is another footnote2.

Inline code

This is an example of Inline Code.

Filepath

Here is the /path/to/the/file.extend.

Code blocks

Common

1
+
This is a common code snippet, without syntax highlight and line number.
+

Specific Language

1
+2
+3
+4
+
if [ $? -ne 0 ]; then
+  echo "The command was not successful.";
+  #do the needful / exit
+fi;
+

Specific filename

1
+2
+3
+
@import
+  "colors/light-typography",
+  "colors/dark-typography";
+

Mathematics

The mathematics powered by MathJax:

\[\begin{equation} \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} \label{eq:series} \end{equation}\]

We can reference the equation as \eqref{eq:series}.

When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]

Mermaid SVG

 gantt
+  title  Adding GANTT diagram functionality to mermaid
+  apple :a, 2017-07-20, 1w
+  banana :crit, b, 2017-07-23, 1d
+  cherry :active, c, after b a, 1d
+

Images

Default (with caption)

Desktop View Full screen width and center alignment

Left aligned

Desktop View

Float to left

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

Float to right

Desktop View Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

Dark/Light mode & Shadow

The image below will toggle dark/light mode based on theme preference, notice it has shadows.

light mode only dark mode only

Video

Reverse Footnote

  1. The footnote source ↩︎

  2. The 2nd footnote source ↩︎

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/tusas-gezisi/index.html b/_site/posts/tusas-gezisi/index.html index 646809d..507a48b 100644 --- a/_site/posts/tusas-gezisi/index.html +++ b/_site/posts/tusas-gezisi/index.html @@ -1 +1 @@ - TUSAŞ Gezisi | Aliberk Sandıkçı
Post

TUSAŞ Gezisi

Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar

7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konferans salonuna geçtik.

This post is licensed under CC BY 4.0 by the author.
+ TUSAŞ Gezisi | Aliberk Sandıkçı
Post

TUSAŞ Gezisi

Geçtiğimiz gün, 2024 tercih dönemi kapsamında bilgilendirme amaçlı TUSAŞ’ın düzenlediği geziye okulum İzmir Fen Lisesi adına katıldım. Her ne kadar havacılık konusunda pek bir bilgim olmasa da aldığım notlardan ve geziye dair deneyimlerim ile ilgili ufak bir yazı yazmak istedim. İyi okumalar

7 otobüs olarak TUSAŞ’a doğru yola çıktık. Girişte telefonlarımız toplandı ve otobüslerden inip konferans salonuna geçtik.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/posts/write-a-new-post/index.html b/_site/posts/write-a-new-post/index.html new file mode 100644 index 0000000..c729eaf --- /dev/null +++ b/_site/posts/write-a-new-post/index.html @@ -0,0 +1,269 @@ + Writing a New Post | Aliberk Sandıkçı
Post

Writing a New Post

Writing a New Post

This tutorial will guide you how to write a post in the Chirpy template, and it’s worth reading even if you’ve used Jekyll before, as many features require specific variables to be set.

Naming and Path

Create a new file named YYYY-MM-DD-TITLE.EXTENSION and put it in the _posts of the root directory. Please note that the EXTENSION must be one of md and markdown. If you want to save time of creating files, please consider using the plugin Jekyll-Compose to accomplish this.

Front Matter

Basically, you need to fill the Front Matter as below at the top of the post:

1
+2
+3
+4
+5
+6
+
---
+title: TITLE
+date: YYYY-MM-DD HH:MM:SS +/-TTTT
+categories: [TOP_CATEGORIE, SUB_CATEGORIE]
+tags: [TAG]     # TAG names should always be lowercase
+---
+

The posts’ layout has been set to post by default, so there is no need to add the variable layout in the Front Matter block.

Timezone of Date

To accurately record the release date of a post, you should not only set up the timezone of _config.yml but also provide the post’s timezone in variable date of its Front Matter block. Format: +/-TTTT, e.g. +0800.

Categories and Tags

The categories of each post are designed to contain up to two elements, and the number of elements in tags can be zero to infinity. For instance:

1
+2
+3
+4
+
---
+categories: [Animal, Insect]
+tags: [bee]
+---
+

Author Information

The author information of the post usually does not need to be filled in the Front Matter , they will be obtained from variables social.name and the first entry of social.links of the configuration file by default. But you can also override it as follows:

Adding author information in _data/authors.yml (If your website doesn’t have this file, don’t hesitate to create one).

1
+2
+3
+4
+
<author_id>:
+  name: <full name>
+  twitter: <twitter_of_author>
+  url: <homepage_of_author>
+

And then use author to specify a single entry or authors to specify multiple entries:

1
+2
+3
+4
+5
+
---
+author: <author_id>                     # for single entry
+# or
+authors: [<author1_id>, <author2_id>]   # for multiple entries
+---
+

Having said that, the key author can also identify multiple entries.

The benefit of reading the author information from the file _data/authors.yml is that the page will have the meta tag twitter:creator, which enriches the Twitter Cards and is good for SEO.

Post Description

By default, the first words of the post are used to display on the home page for a list of posts, in the Further Reading section, and in the XML of the RSS feed. If you don’t want to display the auto-generated description for the post, you can customize it using the description field in the Front Matter as follows:

1
+2
+3
+
---
+description: Short summary of the post.
+---
+

Additionally, the description text will also be displayed under the post title on the post’s page.

Table of Contents

By default, the Table of Contents (TOC) is displayed on the right panel of the post. If you want to turn it off globally, go to _config.yml and set the value of variable toc to false. If you want to turn off TOC for a specific post, add the following to the post’s Front Matter:

1
+2
+3
+
---
+toc: false
+---
+

Comments

The global switch of comments is defined by variable comments.active in the file _config.yml. After selecting a comment system for this variable, comments will be turned on for all posts.

If you want to close the comment for a specific post, add the following to the Front Matter of the post:

1
+2
+3
+
---
+comments: false
+---
+

Media

We refer to images, audio and video as media resources in Chirpy.

URL Prefix

From time to time we have to define duplicate URL prefixes for multiple resources in a post, which is a boring task that you can avoid by setting two parameters.

  • If you are using a CDN to host media files, you can specify the cdn in _config.yml. The URLs of media resources for site avatar and posts are then prefixed with the CDN domain name.

    1
    +
    cdn: https://cdn.com
    +
  • To specify the resource path prefix for the current post/page range, set media_subpath in the front matter of the post:

    1
    +2
    +3
    +
    ---
    +media_subpath: /path/to/media/
    +---
    +

The option site.cdn and page.media_subpath can be used individually or in combination to flexibly compose the final resource URL: [site.cdn/][page.media_subpath/]file.ext

Images

Caption

Add italics to the next line of an image, then it will become the caption and appear at the bottom of the image:

1
+2
+
![img-description](/path/to/image)
+_Image Caption_
+

Size

To prevent the page content layout from shifting when the image is loaded, we should set the width and height for each image.

1
+
![Desktop View](/assets/img/sample/mockup.png){: width="700" height="400" }
+

For an SVG, you have to at least specify its width, otherwise it won’t be rendered.

Starting from Chirpy v5.0.0, height and width support abbreviations (heighth, widthw). The following example has the same effect as the above:

1
+
![Desktop View](/assets/img/sample/mockup.png){: w="700" h="400" }
+

Position

By default, the image is centered, but you can specify the position by using one of the classes normal, left, and right.

Once the position is specified, the image caption should not be added.

  • Normal position

    Image will be left aligned in below sample:

    1
    +
    ![Desktop View](/assets/img/sample/mockup.png){: .normal }
    +
  • Float to the left

    1
    +
    ![Desktop View](/assets/img/sample/mockup.png){: .left }
    +
  • Float to the right

    1
    +
    ![Desktop View](/assets/img/sample/mockup.png){: .right }
    +

Dark/Light mode

You can make images follow theme preferences in dark/light mode. This requires you to prepare two images, one for dark mode and one for light mode, and then assign them a specific class (dark or light):

1
+2
+
![Light mode only](/path/to/light-mode.png){: .light }
+![Dark mode only](/path/to/dark-mode.png){: .dark }
+

Shadow

The screenshots of the program window can be considered to show the shadow effect:

1
+
![Desktop View](/assets/img/sample/mockup.png){: .shadow }
+

Preview Image

If you want to add an image at the top of the post, please provide an image with a resolution of 1200 x 630. Please note that if the image aspect ratio does not meet 1.91 : 1, the image will be scaled and cropped.

Knowing these prerequisites, you can start setting the image’s attribute:

1
+2
+3
+4
+5
+
---
+image:
+  path: /path/to/image
+  alt: image alternative text
+---
+

Note that the media_subpath can also be passed to the preview image, that is, when it has been set, the attribute path only needs the image file name.

For simple use, you can also just use image to define the path.

1
+2
+3
+
---
+image: /path/to/image
+---
+

LQIP

For preview images:

1
+2
+3
+4
+
---
+image:
+  lqip: /path/to/lqip-file # or base64 URI
+---
+

You can observe LQIP in the preview image of post "Text and Typography".

For normal images:

1
+
![Image description](/path/to/image){: lqip="/path/to/lqip-file" }
+

Video

Social Media Platform

You can embed videos from social media platforms with the following syntax:

1
+
{% include embed/{Platform}.html id='{ID}' %}
+

Where Platform is the lowercase of the platform name, and ID is the video ID.

The following table shows how to get the two parameters we need in a given video URL, and you can also know the currently supported video platforms.

Video Files

If you want to embed a video file directly, use the following syntax:

1
+
{% include embed/video.html src='{URL}' %}
+

Where URL is a URL to a video file e.g. /path/to/sample/video.mp4.

You can also specify additional attributes for the embedded video file. Here is a full list of attributes allowed.

  • poster='/path/to/poster.png' — poster image for a video that is shown while video is downloading
  • title='Text' — title for a video that appears below the video and looks same as for images
  • autoplay=true — video automatically begins to play back as soon as it can
  • loop=true — automatically seek back to the start upon reaching the end of the video
  • muted=true — audio will be initially silenced
  • types — specify the extensions of additional video formats separated by |. Ensure these files exist in the same directory as your primary video file.

Consider an example using all of the above:

1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+
{%
+  include embed/video.html
+  src='/path/to/video.mp4'
+  types='ogg|mov'
+  poster='poster.png'
+  title='Demo video'
+  autoplay=true
+  loop=true
+  muted=true
+%}
+

Audios

If you want to embed an audio file directly, use the following syntax:

1
+
{% include embed/audio.html src='{URL}' %}
+

Where URL is a URL to an audio file e.g. /path/to/audio.mp3.

You can also specify additional attributes for the embedded audio file. Here is a full list of attributes allowed.

  • title='Text' — title for an audio that appears below the audio and looks same as for images
  • types — specify the extensions of additional audio formats separated by |. Ensure these files exist in the same directory as your primary audio file.

Consider an example using all of the above:

1
+2
+3
+4
+5
+6
+
{%
+  include embed/audio.html
+  src='/path/to/audio.mp3'
+  types='ogg|wav|aac'
+  title='Demo audio'
+%}
+

Pinned Posts

You can pin one or more posts to the top of the home page, and the fixed posts are sorted in reverse order according to their release date. Enable by:

1
+2
+3
+
---
+pin: true
+---
+

Prompts

There are several types of prompts: tip, info, warning, and danger. They can be generated by adding the class prompt-{type} to the blockquote. For example, define a prompt of type info as follows:

1
+2
+
> Example line for prompt.
+{: .prompt-info }
+

Syntax

Inline Code

1
+
`inline code part`
+

Filepath Highlight

1
+
`/path/to/a/file.extend`{: .filepath}
+

Code Block

Markdown symbols ``` can easily create a code block as follows:

1
+2
+3
+
```
+This is a plaintext code snippet.
+```
+

Specifying Language

Using ```{language} you will get a code block with syntax highlight:

1
+2
+3
+
```yaml
+key: value
+```
+

The Jekyll tag {% highlight %} is not compatible with this theme.

Line Number

By default, all languages except plaintext, console, and terminal will display line numbers. When you want to hide the line number of a code block, add the class nolineno to it:

1
+2
+3
+4
+
```shell
+echo 'No more line numbers!'
+```
+{: .nolineno }
+

Specifying the Filename

You may have noticed that the code language will be displayed at the top of the code block. If you want to replace it with the file name, you can add the attribute file to achieve this:

1
+2
+3
+4
+
```shell
+# content
+```
+{: file="path/to/file" }
+

Liquid Codes

If you want to display the Liquid snippet, surround the liquid code with {% raw %} and {% endraw %}:

1
+2
+3
+4
+5
+6
+7
+
{% raw %}
+```liquid
+{% if product.title contains 'Pack' %}
+  This product's title contains the word Pack.
+{% endif %}
+```
+{% endraw %}
+

Or adding render_with_liquid: false (Requires Jekyll 4.0 or higher) to the post’s YAML block.

Mathematics

We use MathJax to generate mathematics. For website performance reasons, the mathematical feature won’t be loaded by default. But it can be enabled by:

1
+2
+3
+
---
+math: true
+---
+

After enabling the mathematical feature, you can add math equations with the following syntax:

  • Block math should be added with $$ math $$ with mandatory blank lines before and after $$
    • Inserting equation numbering should be added with $$\begin{equation} math \end{equation}$$
    • Referencing equation numbering should be done with \label{eq:label_name} in the equation block and \eqref{eq:label_name} inline with text (see example below)
  • Inline math (in lines) should be added with $$ math $$ without any blank line before or after $$
  • Inline math (in lists) should be added with \$$ math $$
1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+
<!-- Block math, keep all blank lines -->
+
+$$
+LaTeX_math_expression
+$$
+
+<!-- Equation numbering, keep all blank lines  -->
+
+$$
+\begin{equation}
+  LaTeX_math_expression
+  \label{eq:label_name}
+\end{equation}
+$$
+
+Can be referenced as \eqref{eq:label_name}.
+
+<!-- Inline math in lines, NO blank lines -->
+
+"Lorem ipsum dolor sit amet, $$ LaTeX_math_expression $$ consectetur adipiscing elit."
+
+<!-- Inline math in lists, escape the first `$` -->
+
+1. \$$ LaTeX_math_expression $$
+2. \$$ LaTeX_math_expression $$
+3. \$$ LaTeX_math_expression $$
+

Starting with v7.0.0, configuration options for MathJax have been moved to file assets/js/data/mathjax.js, and you can change the options as needed, such as adding extensions.
If you are building the site via chirpy-starter, copy that file from the gem installation directory (check with command bundle info --path jekyll-theme-chirpy) to the same directory in your repository.

Mermaid

Mermaid is a great diagram generation tool. To enable it on your post, add the following to the YAML block:

1
+2
+3
+
---
+mermaid: true
+---
+

Then you can use it like other markdown languages: surround the graph code with ```mermaid and ```.

Learn More

For more knowledge about Jekyll posts, visit the Jekyll Docs: Posts.

This post is licensed under CC BY 4.0 by the author.
diff --git a/_site/sitemap.xml b/_site/sitemap.xml index a6df8c2..c531028 100644 --- a/_site/sitemap.xml +++ b/_site/sitemap.xml @@ -1,6 +1,22 @@ +https://asandikci.com/posts/text-and-typography/ +2024-07-02T01:00:39+03:00 + + +https://asandikci.com/posts/write-a-new-post/ +2024-07-02T01:00:39+03:00 + + +https://asandikci.com/posts/getting-started/ +2024-08-27T10:18:52+03:00 + + +https://asandikci.com/posts/customize-the-favicon/ +2024-03-01T20:28:45+03:00 + + https://asandikci.com/posts/pardus-roportaj/ 2023-02-14T18:00:00+03:00 @@ -26,32 +42,44 @@ https://asandikci.com/about/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/now/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/categories/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/tags/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/archives/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/donate/ -2024-11-15T19:43:22+03:00 +2024-11-15T20:29:24+03:00 https://asandikci.com/ +https://asandikci.com/tags/typography/ + + +https://asandikci.com/tags/writing/ + + +https://asandikci.com/tags/getting-started/ + + +https://asandikci.com/tags/favicon/ + + https://asandikci.com/tags/linux/ @@ -94,6 +122,15 @@ https://asandikci.com/tags/trip/ +https://asandikci.com/categories/blogging/ + + +https://asandikci.com/categories/demo/ + + +https://asandikci.com/categories/tutorial/ + + https://asandikci.com/categories/reportages/ diff --git a/_site/tags/app-recommendations/index.html b/_site/tags/app-recommendations/index.html index d67ded9..b7fdb50 100644 --- a/_site/tags/app-recommendations/index.html +++ b/_site/tags/app-recommendations/index.html @@ -1 +1 @@ - app-recommendations | Aliberk Sandıkçı
+ app-recommendations | Aliberk Sandıkçı
diff --git a/_site/tags/arch/index.html b/_site/tags/arch/index.html index e942977..91c1233 100644 --- a/_site/tags/arch/index.html +++ b/_site/tags/arch/index.html @@ -1 +1 @@ - arch | Aliberk Sandıkçı
+ arch | Aliberk Sandıkçı
diff --git a/_site/tags/debian/index.html b/_site/tags/debian/index.html index 3c9468c..016415b 100644 --- a/_site/tags/debian/index.html +++ b/_site/tags/debian/index.html @@ -1 +1 @@ - debian | Aliberk Sandıkçı
+ debian | Aliberk Sandıkçı
diff --git a/_site/tags/duzenlenecek/index.html b/_site/tags/duzenlenecek/index.html index 768c88b..bab61f5 100644 --- a/_site/tags/duzenlenecek/index.html +++ b/_site/tags/duzenlenecek/index.html @@ -1 +1 @@ - duzenlenecek | Aliberk Sandıkçı
+ duzenlenecek | Aliberk Sandıkçı
diff --git a/_site/tags/epson/index.html b/_site/tags/epson/index.html index c639d65..272e2cd 100644 --- a/_site/tags/epson/index.html +++ b/_site/tags/epson/index.html @@ -1 +1 @@ - epson | Aliberk Sandıkçı
+ epson | Aliberk Sandıkçı
diff --git a/_site/tags/favicon/index.html b/_site/tags/favicon/index.html new file mode 100644 index 0000000..f470aa9 --- /dev/null +++ b/_site/tags/favicon/index.html @@ -0,0 +1 @@ + favicon | Aliberk Sandıkçı
diff --git a/_site/tags/foss/index.html b/_site/tags/foss/index.html index 8594567..60fd496 100644 --- a/_site/tags/foss/index.html +++ b/_site/tags/foss/index.html @@ -1 +1 @@ - foss | Aliberk Sandıkçı
+ foss | Aliberk Sandıkçı
diff --git a/_site/tags/getting-started/index.html b/_site/tags/getting-started/index.html new file mode 100644 index 0000000..a970e52 --- /dev/null +++ b/_site/tags/getting-started/index.html @@ -0,0 +1 @@ + getting started | Aliberk Sandıkçı
diff --git a/_site/tags/index.html b/_site/tags/index.html index 3cc7ea6..0ca8d83 100644 --- a/_site/tags/index.html +++ b/_site/tags/index.html @@ -1 +1 @@ - Tags | Aliberk Sandıkçı
+ Tags | Aliberk Sandıkçı
diff --git a/_site/tags/liderahenk/index.html b/_site/tags/liderahenk/index.html index 913b3d0..3cc4564 100644 --- a/_site/tags/liderahenk/index.html +++ b/_site/tags/liderahenk/index.html @@ -1 +1 @@ - liderahenk | Aliberk Sandıkçı
+ liderahenk | Aliberk Sandıkçı
diff --git a/_site/tags/linux/index.html b/_site/tags/linux/index.html index 9da5d56..99d13ac 100644 --- a/_site/tags/linux/index.html +++ b/_site/tags/linux/index.html @@ -1 +1 @@ - linux | Aliberk Sandıkçı
+ linux | Aliberk Sandıkçı
diff --git a/_site/tags/pardus/index.html b/_site/tags/pardus/index.html index 4299fb8..a2e0503 100644 --- a/_site/tags/pardus/index.html +++ b/_site/tags/pardus/index.html @@ -1 +1 @@ - pardus | Aliberk Sandıkçı
+ pardus | Aliberk Sandıkçı
diff --git a/_site/tags/printer/index.html b/_site/tags/printer/index.html index dd01cf3..d30ac40 100644 --- a/_site/tags/printer/index.html +++ b/_site/tags/printer/index.html @@ -1 +1 @@ - printer | Aliberk Sandıkçı
+ printer | Aliberk Sandıkçı
diff --git a/_site/tags/teknofest/index.html b/_site/tags/teknofest/index.html index e7e64a5..2f93b1e 100644 --- a/_site/tags/teknofest/index.html +++ b/_site/tags/teknofest/index.html @@ -1 +1 @@ - teknofest | Aliberk Sandıkçı
+ teknofest | Aliberk Sandıkçı
diff --git a/_site/tags/trip/index.html b/_site/tags/trip/index.html index c869494..0f37eea 100644 --- a/_site/tags/trip/index.html +++ b/_site/tags/trip/index.html @@ -1 +1 @@ - trip | Aliberk Sandıkçı
+ trip | Aliberk Sandıkçı
diff --git a/_site/tags/tubitak/index.html b/_site/tags/tubitak/index.html index 3f2c127..4d18b87 100644 --- a/_site/tags/tubitak/index.html +++ b/_site/tags/tubitak/index.html @@ -1 +1 @@ - tubitak | Aliberk Sandıkçı
+ tubitak | Aliberk Sandıkçı
diff --git a/_site/tags/tusaş/index.html b/_site/tags/tusaş/index.html index 4c2f3fa..a7e445d 100644 --- a/_site/tags/tusaş/index.html +++ b/_site/tags/tusaş/index.html @@ -1 +1 @@ - tusaş | Aliberk Sandıkçı
+ tusaş | Aliberk Sandıkçı
diff --git a/_site/tags/typography/index.html b/_site/tags/typography/index.html new file mode 100644 index 0000000..10cb713 --- /dev/null +++ b/_site/tags/typography/index.html @@ -0,0 +1 @@ + typography | Aliberk Sandıkçı
diff --git a/_site/tags/writing/index.html b/_site/tags/writing/index.html new file mode 100644 index 0000000..dc80408 --- /dev/null +++ b/_site/tags/writing/index.html @@ -0,0 +1 @@ + writing | Aliberk Sandıkçı