Deploy versotile-org/versotile.org to versotile-org/versotile.org:gh-…

…pages
versotile-org · Jun 27, 2024 · acda986 · acda986
commit acda986
Show file tree

Hide file tree

Showing 46 changed files with 2,203 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,3 @@
+<!doctype html><html class="not-ready lg:text-base" lang=en><head><meta charset=utf-8><meta content="IE=edge" http-equiv=X-UA-Compatible><meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name=viewport><title>
+    Versotile
+  </title><meta name=theme-color><meta content="website of the organization Versotile" name=description><meta content=Versotile name=author><meta content=website property=og:type><meta content=Versotile property=og:title><meta content="website of the organization Versotile" property=og:description><meta content=https://versotile.org property=og:url><meta content=https://versotile.org/icons/github.svg property=og:image><link rel="preload stylesheet" as=style href=https://versotile.org/main.css><style>:root{--bg:#f4f4f5;--bg-dark:#18181b;--header:#e4e4e7;--header-dark:#27272a}</style><link as=image href=https://versotile.org/icons/theme.svg rel=preload><link href=https://versotile.org/favicon.ico rel=icon><link href=https://versotile.org/apple-touch-icon.png rel=apple-touch-icon><link href=https://versotile.org/rss.xml rel=alternate title=RSS type=application/rss+xml><link href=https://versotile.org rel=canonical><body class="text-black duration-200 ease-out dark:text-white"><header class="header fixed top-0 z-40 mx-auto min-h-[3.5rem] w-full"><div class="mx-auto w-full max-w-4xl p-3 lg:flex lg:justify-between"><div class="flex justify-between"><div class="flex items-center"><a class="text-2xl font-semibold" href=https://versotile.org>Versotile</a><div class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]" aria-label=Dark role=button></div></div><div class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" aria-label=Menu role=button></div></div><script>const htmlClass=document.documentElement.classList;setTimeout(()=>{htmlClass.remove(`not-ready`)},10);const btnMenu=document.querySelector(`.btn-menu`);btnMenu?.addEventListener(`click`,()=>{htmlClass.toggle(`open`)});const setDark=a=>{let b=`set-theme`,c=`dark`;if(a){document.body.dispatchEvent(new CustomEvent(b,{detail:c}));htmlClass.add(c)}else{document.body.dispatchEvent(new CustomEvent(b,{detail:`light`}));htmlClass.remove(c)};localStorage.setItem(c,a)};const darkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(htmlClass.contains(`dark`)){setDark(!0)}else{const a=localStorage.getItem(`dark`);setDark(a?a===`true`:darkScheme.matches)};darkScheme.addEventListener(`change`,a=>{setDark(a.matches)});const btnDark=document.querySelector(`.btn-dark`);btnDark.addEventListener(`click`,()=>{setDark(localStorage.getItem(`dark`)!==`true`)})</script><nav class="flex w-full items-center lg:w-auto"><ul class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0"><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/projects>Projects</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/blog>Blog</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/about>About</a></ul></nav></div></header><main class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl break-words px-4 pb-16 pt-32 dark:prose-invert"><h1 class="absolute inset-x-8 bottom-20 top-0 flex items-center justify-center text-9xl">404</h1></main><footer class="mx-auto flex max-w-3xl flex-wrap items-center px-8 py-4 text-sm opacity-60"><div class="mr-auto basis-full lg:basis-1/2">© 2024 - 2024 <a class=link href=https://versotile.org>Versotile</a> |<a class=link href=https://creativecommons.org/licenses/by-sa/4.0/deed rel=noopener target=_blank> CC BY-SA 4.0 </a></div><div class="flex basis-full lg:basis-1/2 lg:justify-end"><a class="link mr-6 lg:ml-6" href=https://www.getzola.org/ rel=noopener target=_blank>Powered by Zola</a><a class=link href=https://github.com/st1020/kita rel=noopener target=_blank>✎ Kita</a></div></footer>
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+versotile.org
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,3 @@
+<!doctype html><html class="not-ready lg:text-base" lang=en><head><meta charset=utf-8><meta content="IE=edge" http-equiv=X-UA-Compatible><meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name=viewport><title>
+    About - Versotile
+  </title><meta name=theme-color><meta content=About name=description><meta content=About name=author><meta content=website property=og:type><meta content=About property=og:title><meta content=Versotile property=og:site_name><meta content=About property=og:description><meta content=https://versotile.org/about/ property=og:url><meta content=https://versotile.org/icons/github.svg property=og:image><link rel="preload stylesheet" as=style href=https://versotile.org/main.css><style>:root{--bg:#f4f4f5;--bg-dark:#18181b;--header:#e4e4e7;--header-dark:#27272a}</style><link as=image href=https://versotile.org/icons/theme.svg rel=preload><link href=https://versotile.org/favicon.ico rel=icon><link href=https://versotile.org/apple-touch-icon.png rel=apple-touch-icon><link href=https://versotile.org/rss.xml rel=alternate title=RSS type=application/rss+xml><link href=https://versotile.org/about/ rel=canonical><body class="text-black duration-200 ease-out dark:text-white"><header class="header fixed top-0 z-40 mx-auto min-h-[3.5rem] w-full"><div class="mx-auto w-full max-w-4xl p-3 lg:flex lg:justify-between"><div class="flex justify-between"><div class="flex items-center"><a class="text-2xl font-semibold" href=https://versotile.org>Versotile</a><div class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]" aria-label=Dark role=button></div></div><div class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" aria-label=Menu role=button></div></div><script>const htmlClass=document.documentElement.classList;setTimeout(()=>{htmlClass.remove(`not-ready`)},10);const btnMenu=document.querySelector(`.btn-menu`);btnMenu?.addEventListener(`click`,()=>{htmlClass.toggle(`open`)});const setDark=a=>{let b=`set-theme`,c=`dark`;if(a){document.body.dispatchEvent(new CustomEvent(b,{detail:c}));htmlClass.add(c)}else{document.body.dispatchEvent(new CustomEvent(b,{detail:`light`}));htmlClass.remove(c)};localStorage.setItem(c,a)};const darkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(htmlClass.contains(`dark`)){setDark(!0)}else{const a=localStorage.getItem(`dark`);setDark(a?a===`true`:darkScheme.matches)};darkScheme.addEventListener(`change`,a=>{setDark(a.matches)});const btnDark=document.querySelector(`.btn-dark`);btnDark.addEventListener(`click`,()=>{setDark(localStorage.getItem(`dark`)!==`true`)})</script><nav class="flex w-full items-center lg:w-auto"><ul class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0"><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/projects>Projects</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/blog>Blog</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/about>About</a></ul></nav></div></header><main class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl break-words px-4 pb-16 pt-32 dark:prose-invert"><article><header class=mb-16><h1 class="!my-0 pb-2.5">About</h1></header><section><p>At this point, we are a group of people who are trying to lay down the groundwork around our ambitious plans to make the web a better place.</section></article></main><footer class="mx-auto flex max-w-3xl flex-wrap items-center px-8 py-4 text-sm opacity-60"><div class="mr-auto basis-full lg:basis-1/2">© 2024 - 2024 <a class=link href=https://versotile.org>Versotile</a> |<a class=link href=https://creativecommons.org/licenses/by-sa/4.0/deed rel=noopener target=_blank> CC BY-SA 4.0 </a></div><div class="flex basis-full lg:basis-1/2 lg:justify-end"><a class="link mr-6 lg:ml-6" href=https://www.getzola.org/ rel=noopener target=_blank>Powered by Zola</a><a class=link href=https://github.com/st1020/kita rel=noopener target=_blank>✎ Kita</a></div></footer>
diff --git a/app.css b/app.css
@@ -0,0 +1,100 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html,
+  body {
+    @apply h-full;
+  }
+
+  html {
+    --bg: transparent;
+    --bg-dark: transparent;
+    --header: transparent;
+    --header-dark: transparent;
+  }
+
+  body {
+    -webkit-tap-highlight-color: transparent;
+    background: var(--bg);
+  }
+
+  .dark body {
+    background: var(--bg-dark);
+  }
+
+  *,
+  ::before,
+  ::after {
+    /* Auto direction for text */
+    unicode-bidi: plaintext;
+  }
+}
+
+@layer utilities {
+  .not-ready * {
+    @apply !transition-none;
+  }
+
+  .btn-menu::before,
+  .btn-menu::after {
+    @apply block h-[2px] w-5 bg-black duration-200 content-[''] dark:invert;
+  }
+
+  .open {
+    @apply overflow-hidden;
+  }
+
+  .open .btn-menu::before {
+    @apply w-6 translate-y-[5.5px] rotate-45;
+  }
+
+  .open .btn-menu::after {
+    @apply w-6 -translate-y-[5.5px] -rotate-45;
+  }
+
+  .nav-wrapper {
+    @apply hidden lg:flex;
+  }
+
+  .open .nav-wrapper {
+    @apply flex;
+  }
+
+  article {
+    @apply text-lg;
+  }
+
+  .header {
+    background-color: var(--header);
+  }
+
+  .dark .header {
+    background: var(--header-dark);
+  }
+
+  .blur-header {
+    @apply bg-black/10 backdrop-blur dark:bg-white/10;
+  }
+
+  .block-bg {
+    @apply bg-black/[3%] dark:bg-white/[8%];
+  }
+
+  .block-hover {
+    @apply hover:bg-black/[5%] dark:hover:bg-white/[11%];
+  }
+
+  .block-hover-mask {
+    @apply hover:bg-black/[2%] dark:hover:bg-white/[3%];
+  }
+
+  .primary-link {
+    @apply text-black no-underline hover:opacity-80 dark:text-white;
+  }
+
+  .secondary-link {
+    @apply text-[var(--tw-prose-body)] no-underline hover:text-black dark:hover:text-white;
+  }
+}
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/blog/index.html b/blog/index.html
@@ -0,0 +1,3 @@
+<!doctype html><html class="not-ready lg:text-base" lang=en><head><meta charset=utf-8><meta content="IE=edge" http-equiv=X-UA-Compatible><meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name=viewport><title>
+    Versotile
+  </title><meta name=theme-color><meta content="website of the organization Versotile" name=description><meta content=Versotile name=author><meta content=website property=og:type><meta content=Versotile property=og:title><meta content="website of the organization Versotile" property=og:description><meta content=https://versotile.org property=og:url><meta content=https://versotile.org/icons/github.svg property=og:image><link rel="preload stylesheet" as=style href=https://versotile.org/main.css><style>:root{--bg:#f4f4f5;--bg-dark:#18181b;--header:#e4e4e7;--header-dark:#27272a}</style><link as=image href=https://versotile.org/icons/theme.svg rel=preload><link href=https://versotile.org/favicon.ico rel=icon><link href=https://versotile.org/apple-touch-icon.png rel=apple-touch-icon><link href=https://versotile.org/rss.xml rel=alternate title=RSS type=application/rss+xml><link href=https://versotile.org rel=canonical><body class="text-black duration-200 ease-out dark:text-white"><header class="header fixed top-0 z-40 mx-auto min-h-[3.5rem] w-full"><div class="mx-auto w-full max-w-4xl p-3 lg:flex lg:justify-between"><div class="flex justify-between"><div class="flex items-center"><a class="text-2xl font-semibold" href=https://versotile.org>Versotile</a><div class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]" aria-label=Dark role=button></div></div><div class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" aria-label=Menu role=button></div></div><script>const htmlClass=document.documentElement.classList;setTimeout(()=>{htmlClass.remove(`not-ready`)},10);const btnMenu=document.querySelector(`.btn-menu`);btnMenu?.addEventListener(`click`,()=>{htmlClass.toggle(`open`)});const setDark=a=>{let b=`set-theme`,c=`dark`;if(a){document.body.dispatchEvent(new CustomEvent(b,{detail:c}));htmlClass.add(c)}else{document.body.dispatchEvent(new CustomEvent(b,{detail:`light`}));htmlClass.remove(c)};localStorage.setItem(c,a)};const darkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(htmlClass.contains(`dark`)){setDark(!0)}else{const a=localStorage.getItem(`dark`);setDark(a?a===`true`:darkScheme.matches)};darkScheme.addEventListener(`change`,a=>{setDark(a.matches)});const btnDark=document.querySelector(`.btn-dark`);btnDark.addEventListener(`click`,()=>{setDark(localStorage.getItem(`dark`)!==`true`)})</script><nav class="flex w-full items-center lg:w-auto"><ul class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0"><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/projects>Projects</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/blog>Blog</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/about>About</a></ul></nav></div></header><main class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl break-words px-4 pb-16 pt-32 dark:prose-invert"><h1 class=mb-16>Blog</h1><section class="block-bg relative mb-4 rounded-lg p-4 first-of-type:mt-0 last-of-type:mb-0 active:scale-95 lg:mb-6 lg:p-6"><h2 class="!my-0 pb-1 font-bold !leading-none">Versotile website launched!</h2><div class="not-prose my-1 truncate"></div><div class="text-sm antialiased opacity-60"><time>2024-06-27</time><span class=mx-1>·</span><span>1min</span><span class=mx-1>·</span><span>Peter Mikola</span></div><a class="absolute inset-0 text-[0]" href=https://versotile.org/blog/website-launched/>Versotile website launched!</a></section></main><footer class="mx-auto flex max-w-3xl flex-wrap items-center px-8 py-4 text-sm opacity-60"><div class="mr-auto basis-full lg:basis-1/2">© 2024 - 2024 <a class=link href=https://versotile.org>Versotile</a> |<a class=link href=https://creativecommons.org/licenses/by-sa/4.0/deed rel=noopener target=_blank> CC BY-SA 4.0 </a></div><div class="flex basis-full lg:basis-1/2 lg:justify-end"><a class="link mr-6 lg:ml-6" href=https://www.getzola.org/ rel=noopener target=_blank>Powered by Zola</a><a class=link href=https://github.com/st1020/kita rel=noopener target=_blank>✎ Kita</a></div></footer>
diff --git a/blog/website-launched/index.html b/blog/website-launched/index.html
@@ -0,0 +1,3 @@
+<!doctype html><html class="not-ready lg:text-base" lang=en><head><meta charset=utf-8><meta content="IE=edge" http-equiv=X-UA-Compatible><meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name=viewport><title>
+    Versotile website launched! - Versotile
+  </title><meta name=theme-color><meta content="Versotile website launched!" name=description><meta content="Peter Mikola" name=author><meta content=website property=og:type><meta content="Versotile website launched!" property=og:title><meta content=Versotile property=og:site_name><meta content="Versotile website launched!" property=og:description><meta content=https://versotile.org/blog/website-launched/ property=og:url><meta content=https://versotile.org/icons/github.svg property=og:image><link rel="preload stylesheet" as=style href=https://versotile.org/main.css><style>:root{--bg:#f4f4f5;--bg-dark:#18181b;--header:#e4e4e7;--header-dark:#27272a}</style><link as=image href=https://versotile.org/icons/theme.svg rel=preload><link href=https://versotile.org/favicon.ico rel=icon><link href=https://versotile.org/apple-touch-icon.png rel=apple-touch-icon><link href=https://versotile.org/rss.xml rel=alternate title=RSS type=application/rss+xml><link href=https://versotile.org/blog/website-launched/ rel=canonical><body class="text-black duration-200 ease-out dark:text-white"><header class="header fixed top-0 z-40 mx-auto min-h-[3.5rem] w-full"><div class="mx-auto w-full max-w-4xl p-3 lg:flex lg:justify-between"><div class="flex justify-between"><div class="flex items-center"><a class="text-2xl font-semibold" href=https://versotile.org>Versotile</a><div class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]" aria-label=Dark role=button></div></div><div class="btn-menu relative z-50 flex h-8 w-8 shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" aria-label=Menu role=button></div></div><script>const htmlClass=document.documentElement.classList;setTimeout(()=>{htmlClass.remove(`not-ready`)},10);const btnMenu=document.querySelector(`.btn-menu`);btnMenu?.addEventListener(`click`,()=>{htmlClass.toggle(`open`)});const setDark=a=>{let b=`set-theme`,c=`dark`;if(a){document.body.dispatchEvent(new CustomEvent(b,{detail:c}));htmlClass.add(c)}else{document.body.dispatchEvent(new CustomEvent(b,{detail:`light`}));htmlClass.remove(c)};localStorage.setItem(c,a)};const darkScheme=window.matchMedia(`(prefers-color-scheme: dark)`);if(htmlClass.contains(`dark`)){setDark(!0)}else{const a=localStorage.getItem(`dark`);setDark(a?a===`true`:darkScheme.matches)};darkScheme.addEventListener(`change`,a=>{setDark(a.matches)});const btnDark=document.querySelector(`.btn-dark`);btnDark.addEventListener(`click`,()=>{setDark(localStorage.getItem(`dark`)!==`true`)})</script><nav class="flex w-full items-center lg:w-auto"><ul class="nav-wrapper flex w-full flex-col py-2 lg:w-auto lg:flex-row lg:self-center lg:py-0"><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/projects>Projects</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/blog>Blog</a><li><a class="primary-link block py-2 text-center text-lg font-medium lg:px-3 lg:py-0" href=https://versotile.org/about>About</a></ul></nav></div></header><main class="prose prose-neutral relative mx-auto min-h-[calc(100%-9rem)] max-w-3xl break-words px-4 pb-16 pt-32 dark:prose-invert"><article><header class=mb-16><h1 class="!my-0 pb-2.5">Versotile website launched!</h1><div class="text-sm antialiased opacity-60"><time>2024-06-27</time><span class=mx-1>·</span><span>1min</span><span class=mx-1>·</span><span>Peter Mikola</span></div></header><section><p>What could I say? I'm happy to announce this small but significant milestone!</section><hr></article></main><footer class="mx-auto flex max-w-3xl flex-wrap items-center px-8 py-4 text-sm opacity-60"><div class="mr-auto basis-full lg:basis-1/2">© 2024 - 2024 <a class=link href=https://versotile.org>Versotile</a> |<a class=link href=https://creativecommons.org/licenses/by-sa/4.0/deed rel=noopener target=_blank> CC BY-SA 4.0 </a></div><div class="flex basis-full lg:basis-1/2 lg:justify-end"><a class="link mr-6 lg:ml-6" href=https://www.getzola.org/ rel=noopener target=_blank>Powered by Zola</a><a class=link href=https://github.com/st1020/kita rel=noopener target=_blank>✎ Kita</a></div></footer>
diff --git a/elasticlunr.min.js b/elasticlunr.min.js
diff --git a/favicon.ico b/favicon.ico