mirror of
https://github.com/welpo/tabi.git
synced 2025-10-10 23:38:53 +02:00
2 lines
No EOL
15 KiB
HTML
2 lines
No EOL
15 KiB
HTML
<!doctype html><html lang=en><head><meta charset=UTF-8><meta content="default-src 'self';font-src 'self' data:;img-src 'self' https://* data:;media-src 'self' https://cdn.jsdelivr.net/;style-src 'self';frame-src player.vimeo.com https://www.youtube-nocookie.com;connect-src 'self' https://tabi-stats.osc.garden;script-src 'self' https://tabi-stats.osc.garden 'self'" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content=https://welpo.github.io/tabi name=base><title>
|
||
~/tabi</title><link href=https://welpo.github.io/tabi/img/seedling.png rel=icon type=image/png><link href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="central" text-anchor="middle" font-size="88">🌱</text></svg>' rel=icon><link title="~/tabi - Atom Feed" href=https://welpo.github.io/tabi/atom.xml rel=alternate type=application/atom+xml><link href="https://welpo.github.io/tabi/custom_subset.css?h=0b9535a28bc3d5bf2321" rel=stylesheet><link href="https://welpo.github.io/tabi/main.css?h=3716ab3457d2dd050b3c" rel=stylesheet><meta content="light dark" name=color-scheme><meta content=#087e96 name=theme-color><meta content="tabi is an accessible Zola theme with search, multi-language support, optional JavaScript, a perfect Lighthouse score, and comprehensive documentation. Crafted for personal websites and blogs." name=description><meta content="tabi is an accessible Zola theme with search, multi-language support, optional JavaScript, a perfect Lighthouse score, and comprehensive documentation. Crafted for personal websites and blogs." property=og:description><meta content=~/tabi property=og:title><meta content=article property=og:type><meta content="https://welpo.github.io/tabi/index.jpg?h=d8be352f1d2fb154df81" property=og:image><meta content=1400 property=og:image:width><meta content=800 property=og:image:height><meta content="https://welpo.github.io/tabi/index.jpg?h=d8be352f1d2fb154df81" name=twitter:image><meta content=summary_large_image name=twitter:card><meta content=ca_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/ca/ hreflang=ca rel=alternate><meta content=es_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/es/ hreflang=es rel=alternate><meta content=ar_SA property=og:locale:alternate><link href=https://welpo.github.io/tabi/ar/ hreflang=ar rel=alternate><meta content=en_GB property=og:locale:alternate><link href=https://welpo.github.io/tabi/ hreflang=en rel=alternate><meta content=https://welpo.github.io/tabi/ property=og:url><meta content=~/tabi property=og:site_name><noscript><link href=https://welpo.github.io/tabi/no_js.css rel=stylesheet></noscript><script src=https://welpo.github.io/tabi/js/initializeTheme.min.js></script><script defer src=https://welpo.github.io/tabi/js/themeSwitcher.min.js></script><script async data-goatcounter=https://tabi-stats.osc.garden/count src=https://tabi-stats.osc.garden/count.js></script><script src="https://welpo.github.io/tabi/js/searchElasticlunr.min.js?h=3626c0ef99daa745b31e" defer></script><body><a href=#main-content id=skip-link>Skip to content</a><header><nav class=navbar><div class=nav-title><a class=home-title href=https://welpo.github.io/tabi/>~/tabi</a></div><div class=nav-navs><ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/blog/>blog </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/archive/>archive </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/tags/>tags </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/projects/>projects </a><li class=menu-icons-container><ul class=menu-icons-group><li class="js menu-icon"><div aria-label="Click or press $SHORTCUT to open search" class="search-icon interactive-icon" title="Click or press $SHORTCUT to open search" id=search-button role=button tabindex=0><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></div><li class=language-switcher><details class=dropdown><summary aria-label="Language selection" title="Language selection" aria-haspopup=true role=button><div class=language-switcher-icon></div></summary> <div class=dropdown-content role=menu>English<a aria-label=Español href=https://welpo.github.io/tabi/es/ lang=es role=menuitem>Español</a><a aria-label=Català href=https://welpo.github.io/tabi/ca/ lang=ca role=menuitem>Català</a><a aria-label=العربية href=https://welpo.github.io/tabi/ar/ lang=ar role=menuitem>العربية</a></div></details><li class="theme-switcher-wrapper js"><div aria-label="Toggle dark mode" title="Toggle dark/light mode" aria-pressed=false class=theme-switcher role=button tabindex=0></div><div aria-label="Reset mode to default" class="theme-resetter arrow" title="Reset mode to default" aria-hidden=true role=button tabindex=0></div></ul></ul></div></nav></header><div class=content id=main-content><main class=posts-first><div id=banner-container-home><div id=home-banner-text><h1 id=home-banner-header>Hello! I'm tabi~</h1><section id=banner-home-subtitle><p>tabi is an accessible <a class=external href=https://www.getzola.org>Zola</a> theme with <a href=https://welpo.github.io/tabi/blog/mastering-tabi-settings/#search>search</a>, <a href=https://welpo.github.io/tabi/blog/faq-languages/>multi-language support</a>, <a href=https://welpo.github.io/tabi/blog/javascript/>optional JavaScript</a>, a perfect Lighthouse score, and comprehensive documentation. Crafted for personal websites and blogs.</section></div><div id=image-container-home><img alt="Óscar Fernández, the theme's author" id=banner-home-img src=https://welpo.github.io/tabi/img/main.webp></div></div><div id=posts-list><div><h1 class="title-container section-title bottom-divider">Latest posts</h1></div><div class=bloglist-container><section class="bloglist-meta bottom-divider"><ul><li class=date>18 September 2023</ul></section><section class="bloglist-content bottom-divider"><div><div class=pinned-label><svg viewbox="0 0 16 16" aria-hidden=true xmlns=http://www.w3.org/2000/svg><path d="M10.5 2.255v-.01c.003-.03.013-.157-.361-.35C9.703 1.668 8.967 1.5 8 1.5s-1.703.169-2.138.394c-.375.194-.365.32-.362.351v.01c-.003.03-.013.157.362.35C6.297 2.832 7.033 3 8 3s1.703-.169 2.139-.394c.374-.194.364-.32.361-.351M12 2.25c0 .738-.433 1.294-1.136 1.669l.825 2.31c1.553.48 2.561 1.32 2.561 2.52c0 1.854-2.402 2.848-5.5 2.985V15a.75.75 0 0 1-1.5 0v-3.266c-3.098-.136-5.5-1.131-5.5-2.984c0-1.2 1.008-2.04 2.561-2.52l.825-2.311C4.433 3.544 4 2.988 4 2.25C4 .75 5.79 0 8 0s4 .75 4 2.25" clip-rule=evenodd fill=currentColor fill-rule=evenodd /></svg><span>Pinned</span></div><h2 class=bloglist-title><a href=https://welpo.github.io/tabi/blog/mastering-tabi-settings/>Mastering tabi Settings: A Comprehensive Guide</a></h2><div class=bloglist-tags><a class=tag href=https://welpo.github.io/tabi/tags/showcase/>showcase</a><a class=tag href=https://welpo.github.io/tabi/tags/tutorial/>tutorial</a><a class=tag href=https://welpo.github.io/tabi/tags/faq/>FAQ</a></div><div class=description><p>Discover the many ways you can customise your tabi site.</div><a class=readmore href=https://welpo.github.io/tabi/blog/mastering-tabi-settings/>Read more <span class=arrow>→</span></a></div></section><section class="bloglist-meta bottom-divider"><ul><li class=date>08 November 2024</ul></section><section class="bloglist-content bottom-divider"><div><h2 class=bloglist-title><a href=https://welpo.github.io/tabi/blog/series/>A Complete Guide to Series</a></h2><div class=bloglist-tags><a class=tag href=https://welpo.github.io/tabi/tags/showcase/>showcase</a><a class=tag href=https://welpo.github.io/tabi/tags/tutorial/>tutorial</a><a class=tag href=https://welpo.github.io/tabi/tags/faq/>FAQ</a><a class=tag href=https://welpo.github.io/tabi/tags/series/>series</a></div><div class=description><p>Learn how to organize your posts into sequential series, perfect for tutorials, courses, and multi-part stories.</div><a class=readmore href=https://welpo.github.io/tabi/blog/series/>Read more <span class=arrow>→</span></a></div></section><section class="bloglist-meta bottom-divider"><ul><li class=date>12 September 2023</ul></section><section class="bloglist-content bottom-divider"><div><h2 class=bloglist-title><a href=https://welpo.github.io/tabi/blog/faq-languages/>Lost in Translation? Not with tabi's Multilingual Capabilities</a></h2><div class=bloglist-tags><a class=tag href=https://welpo.github.io/tabi/tags/showcase/>showcase</a><a class=tag href=https://welpo.github.io/tabi/tags/tutorial/>tutorial</a><a class=tag href=https://welpo.github.io/tabi/tags/faq/>FAQ</a></div><div class=description><p>Master the art of serving a global audience through tabi’s built-in multilingual features. Learn how to change the default language, add multilingual support, and contribute your own translations.</div><a class=readmore href=https://welpo.github.io/tabi/blog/faq-languages/>Read more <span class=arrow>→</span></a></div></section><section class=bloglist-meta><ul><li class=date>09 August 2023</ul></section><section class=bloglist-content><div><h2 class=bloglist-title><a href=https://welpo.github.io/tabi/blog/customise-tabi/>Customise tabi with skins and a default theme</a></h2><div class=bloglist-tags><a class=tag href=https://welpo.github.io/tabi/tags/showcase/>showcase</a><a class=tag href=https://welpo.github.io/tabi/tags/tutorial/>tutorial</a></div><div class=description><p>Learn how to customise tabi using skins and setting a default theme, making your site uniquely yours.</div><a class=readmore href=https://welpo.github.io/tabi/blog/customise-tabi/>Read more <span class=arrow>→</span></a></div></section><div class=all-posts><a href=https://welpo.github.io/tabi/blog/>All posts <span class=arrow>⟶</span></a></div></div></div><div class=list id=featured-projects><h1 class="title-container section-title bottom-divider">Featured projects</h1></div><div class=cards><a data-tags="git,rust,continuous integration,github actions,cli,automation" class=card href=https://welpo.github.io/tabi/projects/git-sumi/> <img alt=projects/git-sumi/git-sumi_logo.webp class=card-image height=300 src=https://welpo.github.io/tabi/projects/git-sumi/git-sumi_logo.webp width=300> <div class=card-info><h2 class=card-title>git-sumi</h2><div class=card-description>The non-opinionated Rust-based commit message linter.</div></div> </a><a class=card data-tags=web,javascript,privacy,backend href=https://welpo.github.io/tabi/projects/iine/> <img alt=projects/iine/iine_logo.webp class=card-image height=938 src=https://welpo.github.io/tabi/projects/iine/iine_logo.webp width=938> <div class=card-info><h2 class=card-title>iine</h2><div class=card-description>Privacy-focused & accessible like buttons for the small web.</div></div> </a><a class=card data-tags=python,media,linguistics,cli href=https://welpo.github.io/tabi/projects/shuku/> <img alt=projects/shuku/shuku_logo.webp class=card-image height=300 src=https://welpo.github.io/tabi/projects/shuku/shuku_logo.webp width=300> <div class=card-info><h2 class=card-title>shuku</h2><div class=card-description>Shrink media to keep only the dialogue. For immersion language learning.</div></div> </a></div><div class=all-posts id=all-projects><a href=https://welpo.github.io/tabi/projects/>All projects <span class=arrow>⟶</span></a></div></main><span class=hidden id=copy-success> Copied! </span><span class=hidden id=copy-init> Copy code to clipboard </span><script defer src=https://welpo.github.io/tabi/js/copyCodeToClipboard.min.js></script><script defer src=https://cdn.jsdelivr.net/gh/welpo/iine@main/iine.mini.js></script></div><footer><section><nav class="socials nav-navs"><ul><li><a class="nav-links no-hover-padding social" href=https://welpo.github.io/tabi/atom.xml> <img alt=feed loading=lazy src=https://welpo.github.io/tabi/social_icons/rss.svg title=feed> </a><li class=js><a class="nav-links no-hover-padding social" data-encoded-email=dGFiaUBvc2MuZ2FyZGVu href=#><img alt=email loading=lazy src=https://welpo.github.io/tabi/social_icons/email.svg title=email> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://github.com/welpo/> <img alt=github loading=lazy src=https://welpo.github.io/tabi/social_icons/github.svg title=github> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://soundcloud.com/oskerwyld> <img alt=soundcloud loading=lazy src=https://welpo.github.io/tabi/social_icons/soundcloud.svg title=soundcloud> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://instagram.com/oskerwyld> <img alt=instagram loading=lazy src=https://welpo.github.io/tabi/social_icons/instagram.svg title=instagram> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://youtube.com/@oskerwyld> <img alt=youtube loading=lazy src=https://welpo.github.io/tabi/social_icons/youtube.svg title=youtube> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE> <img alt=spotify loading=lazy src=https://welpo.github.io/tabi/social_icons/spotify.svg title=spotify> </a></ul></nav><nav class=nav-navs><small> <ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/about/> about </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/privacy/> privacy policy </a><li><a class="nav-links no-hover-padding" href=https://tabi-stats.osc.garden/> site statistics </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/sitemap.xml> sitemap </a></ul> </small></nav><div class=credits><small> Powered by <a href=https://www.getzola.org>Zola</a> & <a href=https://github.com/welpo/tabi>tabi</a> • <a href=https://github.com/welpo/tabi> Site source </a></small></div></section><script async src=https://welpo.github.io/tabi/js/decodeMail.min.js></script><div class="search-modal js" aria-labelledby=modalTitle id=searchModal role=dialog><h1 class=visually-hidden id=modalTitle>Search</h1><div id=modal-content><div id=searchBar><div aria-hidden=true class=search-icon><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg></div><input aria-controls=results-container aria-expanded=false autocomplete=off id=searchInput placeholder=Search… role=combobox spellcheck=false><div class="close-icon interactive-icon" title="Clear search" id=clear-search role=button tabindex=0><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg></div></div><div id=results-container><div id=results-info><span id=zero_results> No results</span><span id=one_results> $NUMBER result</span><span id=many_results> $NUMBER results</span><span id=two_results> $NUMBER results</span><span id=few_results> $NUMBER results</span></div><div id=results role=listbox></div></div></div></div></footer> |