430 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			430 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
 | 
						|
 | 
						|
<!DOCTYPE html>
 | 
						|
<html
 | 
						|
  lang="en"
 | 
						|
  dir="ltr"
 | 
						|
  class="scroll-smooth"
 | 
						|
  data-default-appearance="dark"
 | 
						|
  data-auto-appearance="false"
 | 
						|
><head>
 | 
						|
  <meta charset="utf-8" />
 | 
						|
  
 | 
						|
    <meta http-equiv="content-language" content="en" />
 | 
						|
  
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | 
						|
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 | 
						|
  
 | 
						|
  <title>Z · Arsen's Site</title>
 | 
						|
    <meta name="title" content="Z · Arsen's Site" />
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  <link rel="canonical" href="/x/y/z/" />
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  <link
 | 
						|
    type="text/css"
 | 
						|
    rel="stylesheet"
 | 
						|
    href="/css/main.bundle.min.2ae89c0709febee0b07a85b508286d31252a42d268cdbaf70b8cfd1ab1ed9a256ec03b0e3bb36d044df587928530dc6f311a279cbf6700697fea2dc09965b55a.css"
 | 
						|
    integrity="sha512-KuicBwn+vuCweoW1CChtMSUqQtJozbr3C4z9GrHtmiVuwDsOO7NtBE31h5KFMNxvMRonnL9nAGl/6i3AmWW1Wg=="
 | 
						|
  />
 | 
						|
  
 | 
						|
  
 | 
						|
  <script type="text/javascript" src="/js/appearance.min.badab316c9287a5a42a843e4eb45da65bb3d194a5a0f5fa4a3e516160e67df0b8c65f4f19a8e146436e29d583699e6cb41d6bbe99e05e1dbaa877763bad9f8e2.js" integrity="sha512-utqzFskoelpCqEPk60XaZbs9GUpaD1+ko+UWFg5n3wuMZfTxmo4UZDbinVg2mebLQda76Z4F4duqh3djutn44g=="></script>
 | 
						|
  
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
  
 | 
						|
  
 | 
						|
    
 | 
						|
    
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
    
 | 
						|
    <script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.15ae6e2c9b1ac24a9ccf40003fa689efb1a18db1ee9b73d780b01a6c31b150441415862513e93184f68fe385759e4698b8763cba6a0f79493c1fed99ad5868d4.js" integrity="sha512-Fa5uLJsawkqcz0AAP6aJ77GhjbHum3PXgLAabDGxUEQUFYYlE+kxhPaP44V1nkaYuHY8umoPeUk8H+2ZrVho1A==" data-copy="Copy" data-copied="Copied"></script>
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
 | 
						|
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
 | 
						|
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
 | 
						|
    <link rel="manifest" href="/site.webmanifest" />
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  <meta property="og:title" content="Z" />
 | 
						|
<meta property="og:description" content="" />
 | 
						|
<meta property="og:type" content="article" />
 | 
						|
<meta property="og:url" content="/x/y/z/" /><meta property="article:section" content="x" />
 | 
						|
 | 
						|
<meta property="og:site_name" content="Arsen's Site" />
 | 
						|
 | 
						|
 | 
						|
  <meta name="twitter:card" content="summary"/>
 | 
						|
<meta name="twitter:title" content="Z"/>
 | 
						|
<meta name="twitter:description" content=""/>
 | 
						|
 | 
						|
  
 | 
						|
  <script type="application/ld+json">
 | 
						|
  [{
 | 
						|
    "@context": "https://schema.org",
 | 
						|
    "@type": "Article",
 | 
						|
    "articleSection": "X",
 | 
						|
    "name": "Z",
 | 
						|
    "headline": "Z",
 | 
						|
    
 | 
						|
    
 | 
						|
    "inLanguage": "en",
 | 
						|
    "url" : "\/x\/y\/z\/",
 | 
						|
    "author" : {
 | 
						|
      "@type": "Person",
 | 
						|
      "name": "Arsen Musayelyan"
 | 
						|
    },
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    
 | 
						|
    "mainEntityOfPage": "true",
 | 
						|
    "wordCount": "0"
 | 
						|
  }]
 | 
						|
  </script>
 | 
						|
 | 
						|
 | 
						|
  
 | 
						|
  <meta name="author" content="Arsen Musayelyan" />
 | 
						|
  
 | 
						|
    
 | 
						|
      <link href="mailto:arsen@arsenm.dev" rel="me" />
 | 
						|
    
 | 
						|
      <link href="https://gitea.arsenm.dev/Arsen6331" rel="me" />
 | 
						|
    
 | 
						|
      <link href="https://github.com/Arsen6331" rel="me" />
 | 
						|
    
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
  
 | 
						|
  
 | 
						|
</head>
 | 
						|
<body
 | 
						|
    class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-neutral max-w-7xl"
 | 
						|
  >
 | 
						|
    <div id="the-top" class="absolute flex self-center">
 | 
						|
      <a
 | 
						|
        class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 dark:bg-neutral-600 focus:translate-y-0"
 | 
						|
        href="#main-content"
 | 
						|
        ><span class="font-bold ltr:pr-2 rtl:pl-2 text-primary-600 dark:text-primary-400"
 | 
						|
          >↓</span
 | 
						|
        >Skip to main content</a
 | 
						|
      >
 | 
						|
    </div>
 | 
						|
    
 | 
						|
    
 | 
						|
      <header class="py-6 font-semibold sm:py-10 text-neutral-900 dark:text-neutral print:hidden">
 | 
						|
  <nav class="flex justify-between">
 | 
						|
    
 | 
						|
    <div>
 | 
						|
      
 | 
						|
        <a
 | 
						|
          class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
 | 
						|
          rel="me"
 | 
						|
          href="/"
 | 
						|
          >Arsen’s Site</a
 | 
						|
        >
 | 
						|
      
 | 
						|
 | 
						|
    </div>
 | 
						|
    
 | 
						|
    
 | 
						|
      <ul class="flex flex-col list-none ltr:text-right rtl:text-left sm:flex-row">
 | 
						|
        
 | 
						|
          
 | 
						|
            <li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
 | 
						|
              <a
 | 
						|
                class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
 | 
						|
                href=""
 | 
						|
                title=""
 | 
						|
                >Blog</a
 | 
						|
              >
 | 
						|
            </li>
 | 
						|
          
 | 
						|
            <li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
 | 
						|
              <a
 | 
						|
                class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
 | 
						|
                href="/categories/"
 | 
						|
                title="Categories"
 | 
						|
                >Categories</a
 | 
						|
              >
 | 
						|
            </li>
 | 
						|
          
 | 
						|
            <li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
 | 
						|
              <a
 | 
						|
                class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
 | 
						|
                href="/tags/"
 | 
						|
                title="Tags"
 | 
						|
                >Tags</a
 | 
						|
              >
 | 
						|
            </li>
 | 
						|
          
 | 
						|
        
 | 
						|
        
 | 
						|
          <li class="ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
 | 
						|
            <button
 | 
						|
              id="search-button"
 | 
						|
              class="text-base hover:text-primary-600 dark:hover:text-primary-400"
 | 
						|
              title="Search (/)"
 | 
						|
            >
 | 
						|
              
 | 
						|
 | 
						|
  <span class="relative inline-block align-text-bottom icon">
 | 
						|
    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
 | 
						|
 | 
						|
  </span>
 | 
						|
 | 
						|
 | 
						|
            </button>
 | 
						|
          </li>
 | 
						|
        
 | 
						|
      </ul>
 | 
						|
    
 | 
						|
  </nav>
 | 
						|
</header>
 | 
						|
 | 
						|
    
 | 
						|
    <div class="relative flex flex-col grow">
 | 
						|
      <main id="main-content" class="grow">
 | 
						|
        
 | 
						|
  <article>
 | 
						|
    <header class="max-w-prose">
 | 
						|
      
 | 
						|
        <ol class="text-sm text-neutral-500 dark:text-neutral-400 print:hidden">
 | 
						|
  
 | 
						|
  
 | 
						|
    
 | 
						|
  
 | 
						|
    
 | 
						|
  
 | 
						|
    
 | 
						|
  
 | 
						|
  <li class="inline hidden">
 | 
						|
    <a
 | 
						|
      class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
 | 
						|
      href="/"
 | 
						|
      >Home</a
 | 
						|
    ><span class="px-1 text-primary-500">/</span>
 | 
						|
  </li>
 | 
						|
 | 
						|
  
 | 
						|
  <li class="inline ">
 | 
						|
    <a
 | 
						|
      class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
 | 
						|
      href="/x/"
 | 
						|
      >X</a
 | 
						|
    ><span class="px-1 text-primary-500">/</span>
 | 
						|
  </li>
 | 
						|
 | 
						|
  
 | 
						|
  <li class="inline ">
 | 
						|
    <a
 | 
						|
      class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
 | 
						|
      href="/x/y/"
 | 
						|
      >Y</a
 | 
						|
    ><span class="px-1 text-primary-500">/</span>
 | 
						|
  </li>
 | 
						|
 | 
						|
  
 | 
						|
  <li class="inline hidden">
 | 
						|
    <a
 | 
						|
      class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
 | 
						|
      href="/x/y/z/"
 | 
						|
      >Z</a
 | 
						|
    ><span class="px-1 text-primary-500">/</span>
 | 
						|
  </li>
 | 
						|
 | 
						|
</ol>
 | 
						|
 | 
						|
 | 
						|
      
 | 
						|
      <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
 | 
						|
        Z
 | 
						|
      </h1>
 | 
						|
      <div class="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
 | 
						|
        
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
 | 
						|
  
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
 | 
						|
  
 | 
						|
 | 
						|
  
 | 
						|
  
 | 
						|
    
 | 
						|
  
 | 
						|
 | 
						|
  
 | 
						|
 | 
						|
  
 | 
						|
 | 
						|
  
 | 
						|
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
  <div class="flex flex-row flex-wrap items-center">
 | 
						|
    
 | 
						|
    
 | 
						|
      <time datetime="0001-01-01 00:00:00 +0000 UTC">January 1, 0001</time>
 | 
						|
    
 | 
						|
 | 
						|
    
 | 
						|
    
 | 
						|
  </div>
 | 
						|
 | 
						|
  
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
      </div>
 | 
						|
    </header>
 | 
						|
    <section class="flex flex-col max-w-full mt-0 prose lg:flex-row dark:prose-invert">
 | 
						|
      
 | 
						|
      <div class="min-w-0 min-h-0 max-w-prose">
 | 
						|
        
 | 
						|
      </div>
 | 
						|
    </section>
 | 
						|
    <footer class="pt-8 max-w-prose print:hidden">
 | 
						|
      
 | 
						|
 | 
						|
      
 | 
						|
 | 
						|
      
 | 
						|
  
 | 
						|
 | 
						|
 | 
						|
      
 | 
						|
    </footer>
 | 
						|
  </article>
 | 
						|
 | 
						|
        
 | 
						|
      </main><footer class="py-10 print:hidden">
 | 
						|
  
 | 
						|
  
 | 
						|
  <div class="flex items-center justify-between">
 | 
						|
    <div>
 | 
						|
      
 | 
						|
      
 | 
						|
        <p class="text-sm text-neutral-500 dark:text-neutral-400">
 | 
						|
            Copyright © Arsen Musayelyan
 | 
						|
        </p>
 | 
						|
      
 | 
						|
      
 | 
						|
      
 | 
						|
        <p class="text-xs text-neutral-500 dark:text-neutral-400">
 | 
						|
          
 | 
						|
          
 | 
						|
          Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
 | 
						|
            href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>
 | 
						|
        </p>
 | 
						|
      
 | 
						|
    </div>
 | 
						|
    
 | 
						|
    
 | 
						|
  </div>
 | 
						|
  
 | 
						|
  
 | 
						|
</footer>
 | 
						|
<div
 | 
						|
  id="search-wrapper"
 | 
						|
  class="fixed inset-0 z-50 flex flex-col p-4 sm:p-6 md:p-[10vh] lg:p-[12vh] w-screen h-screen cursor-default bg-neutral-500/50 backdrop-blur-sm dark:bg-neutral-900/50 invisible"
 | 
						|
  data-url=""
 | 
						|
>
 | 
						|
  <div
 | 
						|
    id="search-modal"
 | 
						|
    class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg border-neutral-200 top-20 bg-neutral dark:bg-neutral-800 dark:border-neutral-700"
 | 
						|
  >
 | 
						|
    <header class="relative z-10 flex items-center justify-between flex-none px-2">
 | 
						|
      <form class="flex items-center flex-auto min-w-0">
 | 
						|
        <div class="flex items-center justify-center w-8 h-8 text-neutral-400">
 | 
						|
          
 | 
						|
 | 
						|
  <span class="relative inline-block align-text-bottom icon">
 | 
						|
    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
 | 
						|
 | 
						|
  </span>
 | 
						|
 | 
						|
 | 
						|
        </div>
 | 
						|
        <input
 | 
						|
          type="search"
 | 
						|
          id="search-query"
 | 
						|
          class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-transparent focus:outline-2"
 | 
						|
          placeholder="Search"
 | 
						|
          tabindex="0"
 | 
						|
        />
 | 
						|
      </form>
 | 
						|
      <button
 | 
						|
        id="close-search-button"
 | 
						|
        class="flex items-center justify-center w-8 h-8 text-neutral-700 dark:text-neutral hover:text-primary-600 dark:hover:text-primary-400"
 | 
						|
        title="Close (Esc)"
 | 
						|
      >
 | 
						|
        
 | 
						|
 | 
						|
  <span class="relative inline-block align-text-bottom icon">
 | 
						|
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
 | 
						|
 | 
						|
  </span>
 | 
						|
 | 
						|
 | 
						|
      </button>
 | 
						|
    </header>
 | 
						|
    <section class="flex-auto px-2 overflow-auto">
 | 
						|
      <ul id="search-results">
 | 
						|
        
 | 
						|
      </ul>
 | 
						|
    </section>
 | 
						|
  </div>
 | 
						|
</div>
 | 
						|
 | 
						|
    </div>
 | 
						|
  </body>
 | 
						|
</html>
 |