diff --git a/public/404.html b/public/404.html
index 8d18c0d..286a666 100644
--- a/public/404.html
+++ b/public/404.html
@@ -9,14 +9,13 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="404 Page not found" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/404.html" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/404.html" />
 <title>404 Page not found | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -63,7 +62,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 
     <style>
       .not-found {
@@ -83,7 +82,7 @@
         <h1>404</h1>
         <h2>Page Not Found</h2>
         <h3>
-          <a href="/hydra-blog/">hydra video synth</a>
+          <a href="/hydra-docs-v2/">hydra video synth</a>
         </h3>
       </div>
     </main>
diff --git a/public/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css b/public/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css
new file mode 100644
index 0000000..c718928
--- /dev/null
+++ b/public/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css
@@ -0,0 +1 @@
+@charset "UTF-8";:root{--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-500:#adb5bd;--color-link:#0055bb;--color-visited-link:#8440f1;--body-background:white;--body-font-color:black;--icon-filter:none;--hint-color-info:#6bf;--hint-color-warning:#fd6;--hint-color-danger:#f66}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.flex{display:flex}.flex-auto{flex:auto}.flex-even{flex:1 1}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.mx-auto{margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}input.toggle{height:0;width:0;overflow:hidden;opacity:0;position:absolute}.clearfix::after{content:"";display:table;clear:both}html{font-size:16px;scroll-behavior:smooth;touch-action:manipulation}body{min-width:20rem;color:var(--body-font-color);background:var(--body-background);letter-spacing:.33px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body *{box-sizing:inherit}h1,h2,h3,h4,h5{font-weight:400}a{text-decoration:none;color:var(--color-link)}img{vertical-align:baseline}:focus{outline-style:auto;outline-color:currentColor;outline-color:-webkit-focus-ring-color}aside nav ul{padding:0;margin:0;list-style:none}aside nav ul li{margin:1em 0;position:relative}aside nav ul a{display:block}aside nav ul a:hover{opacity:.5}aside nav ul ul{padding-inline-start:1rem}ul.pagination{display:flex;justify-content:center;list-style-type:none;padding-inline-start:0}ul.pagination .page-item a{padding:1rem}.container{max-width:80rem;margin:0 auto}.book-icon{filter:var(--icon-filter)}.book-brand{margin-top:0;margin-bottom:1rem}.book-brand img{height:1.5em;width:1.5em;margin-inline-end:.5rem}.book-menu{flex:0 0 16rem;font-size:.875rem}.book-menu .book-menu-content{width:16rem;padding:1rem;background:var(--body-background);position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto}.book-menu a,.book-menu label{color:inherit;cursor:pointer;word-wrap:break-word}.book-menu a.active{color:var(--color-link)}.book-menu input.toggle+label+ul{display:none}.book-menu input.toggle:checked+label+ul{display:block}.book-menu input.toggle+label::after{content:"▸"}.book-menu input.toggle:checked+label::after{content:"▾"}body[dir=rtl] .book-menu input.toggle+label::after{content:"◂"}body[dir=rtl] .book-menu input.toggle:checked+label::after{content:"▾"}.book-section-flat{margin:2rem 0}.book-section-flat>a,.book-section-flat>span,.book-section-flat>label{font-weight:bolder}.book-section-flat>ul{padding-inline-start:0}.book-page{min-width:20rem;flex-grow:1;padding:1rem}.book-post{margin-bottom:3rem}.book-header{display:none;margin-bottom:1rem}.book-header label{line-height:0}.book-header img.book-icon{height:1.5em;width:1.5em}.book-search{position:relative;margin:1rem 0;border-bottom:1px solid transparent}.book-search input{width:100%;padding:.5rem;border:0;border-radius:.25rem;background:var(--gray-100);color:var(--body-font-color)}.book-search input:required+.book-search-spinner{display:block}.book-search .book-search-spinner{position:absolute;top:0;margin:.5rem;margin-inline-start:calc(100% - 1.5rem);width:1rem;height:1rem;border:1px solid transparent;border-top-color:var(--body-font-color);border-radius:50%;animation:spin 1s ease infinite}@keyframes spin{100%{transform:rotate(360deg)}}.book-search small{opacity:.5}.book-toc{flex:0 0 16rem;font-size:.75rem}.book-toc .book-toc-content{width:16rem;padding:1rem;position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto}.book-toc img{height:1em;width:1em}.book-toc nav>ul>li:first-child{margin-top:0}.book-footer{padding-top:1rem;font-size:.875rem}.book-footer img{height:1em;width:1em;margin-inline-end:.5rem}.book-comments{margin-top:1rem}.book-languages{margin-block-end:2rem}.book-languages .book-icon{height:1em;width:1em;margin-inline-end:.5em}.book-languages ul{padding-inline-start:1.5em}.book-menu-content,.book-toc-content,.book-page,.book-header aside,.markdown{transition:.2s ease-in-out;transition-property:transform,margin,opacity,visibility;will-change:transform,margin,opacity}@media screen and (max-width:56rem){#menu-control,#toc-control{display:inline}.book-menu{visibility:hidden;margin-inline-start:-16rem;font-size:16px;z-index:1}.book-toc{display:none}.book-header{display:block}#menu-control:focus~main label[for=menu-control]{outline-style:auto;outline-color:currentColor;outline-color:-webkit-focus-ring-color}#menu-control:checked~main .book-menu{visibility:initial}#menu-control:checked~main .book-menu .book-menu-content{transform:translateX(16rem);box-shadow:0 0 .5rem rgba(0,0,0,.1)}#menu-control:checked~main .book-page{opacity:.25}#menu-control:checked~main .book-menu-overlay{display:block;position:absolute;top:0;bottom:0;left:0;right:0}#toc-control:focus~main label[for=toc-control]{outline-style:auto;outline-color:currentColor;outline-color:-webkit-focus-ring-color}#toc-control:checked~main .book-header aside{display:block}body[dir=rtl] #menu-control:checked~main .book-menu .book-menu-content{transform:translateX(-16rem)}}@media screen and (min-width:80rem){.book-page,.book-menu .book-menu-content,.book-toc .book-toc-content{padding:2rem 1rem}}@font-face{font-family:roboto;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(fonts/roboto-v27-latin-regular.woff2)format("woff2"),url(fonts/roboto-v27-latin-regular.woff)format("woff")}@font-face{font-family:roboto;font-style:normal;font-weight:700;font-display:swap;src:local(""),url(fonts/roboto-v27-latin-700.woff2)format("woff2"),url(fonts/roboto-v27-latin-700.woff)format("woff")}@font-face{font-family:roboto mono;font-style:normal;font-weight:400;font-display:swap;src:local(""),url(fonts/roboto-mono-v13-latin-regular.woff2)format("woff2"),url(fonts/roboto-mono-v13-latin-regular.woff)format("woff")}body{font-family:roboto,sans-serif}code{font-family:roboto mono,monospace}@media print{.book-menu,.book-footer,.book-toc{display:none}.book-header,.book-header aside{display:block}main{display:block!important}}.markdown{line-height:1.6}.markdown>:first-child{margin-top:0}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{font-weight:400;line-height:1;margin-top:1.5em;margin-bottom:1rem}.markdown h1 a.anchor,.markdown h2 a.anchor,.markdown h3 a.anchor,.markdown h4 a.anchor,.markdown h5 a.anchor,.markdown h6 a.anchor{opacity:0;font-size:.75em;vertical-align:middle;text-decoration:none}.markdown h1:hover a.anchor,.markdown h1 a.anchor:focus,.markdown h2:hover a.anchor,.markdown h2 a.anchor:focus,.markdown h3:hover a.anchor,.markdown h3 a.anchor:focus,.markdown h4:hover a.anchor,.markdown h4 a.anchor:focus,.markdown h5:hover a.anchor,.markdown h5 a.anchor:focus,.markdown h6:hover a.anchor,.markdown h6 a.anchor:focus{opacity:initial}.markdown h4,.markdown h5,.markdown h6{font-weight:bolder}.markdown h5{font-size:.875em}.markdown h6{font-size:.75em}.markdown b,.markdown optgroup,.markdown strong{font-weight:bolder}.markdown a{text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown a:visited{color:var(--color-visited-link)}.markdown img{max-width:100%;height:auto}.markdown code{padding:0 .25rem;background:var(--gray-200);border-radius:.25rem;font-size:.875em}.markdown pre{padding:1rem;background:var(--gray-100);border-radius:.25rem;overflow-x:auto}.markdown pre code{padding:0;background:0 0}.markdown p{word-wrap:break-word}.markdown blockquote{margin:1rem 0;padding:.5rem 1rem .5rem .75rem;border-inline-start:.25rem solid var(--gray-200);border-radius:.25rem}.markdown blockquote :first-child{margin-top:0}.markdown blockquote :last-child{margin-bottom:0}.markdown table{overflow:auto;display:block;border-spacing:0;border-collapse:collapse;margin-top:1rem;margin-bottom:1rem}.markdown table tr th,.markdown table tr td{padding:.5rem 1rem;border:1px solid var(--gray-200)}.markdown table tr:nth-child(2n){background:var(--gray-100)}.markdown hr{height:1px;border:none;background:var(--gray-200)}.markdown ul,.markdown ol{padding-inline-start:2rem}.markdown dl dt{font-weight:bolder;margin-top:1rem}.markdown dl dd{margin-inline-start:0;margin-bottom:1rem}.markdown .highlight table tr td:nth-child(1) pre{margin:0;padding-inline-end:0}.markdown .highlight table tr td:nth-child(2) pre{margin:0;padding-inline-start:0}.markdown details{padding:1rem;border:1px solid var(--gray-200);border-radius:.25rem}.markdown details summary{line-height:1;padding:1rem;margin:-1rem;cursor:pointer}.markdown details[open] summary{margin-bottom:0}.markdown figure{margin:1rem 0}.markdown figure figcaption p{margin-top:0}.markdown-inner>:first-child{margin-top:0}.markdown-inner>:last-child{margin-bottom:0}.markdown .book-expand{margin-top:1rem;margin-bottom:1rem;border:1px solid var(--gray-200);border-radius:.25rem;overflow:hidden}.markdown .book-expand .book-expand-head{background:var(--gray-100);padding:.5rem 1rem;cursor:pointer}.markdown .book-expand .book-expand-content{display:none;padding:1rem}.markdown .book-expand input[type=checkbox]:checked+.book-expand-content{display:block}.markdown .book-tabs{margin-top:1rem;margin-bottom:1rem;border:1px solid var(--gray-200);border-radius:.25rem;overflow:hidden;display:flex;flex-wrap:wrap}.markdown .book-tabs label{display:inline-block;padding:.5rem 1rem;border-bottom:1px transparent;cursor:pointer}.markdown .book-tabs .book-tabs-content{order:999;width:100%;border-top:1px solid var(--gray-100);padding:1rem;display:none}.markdown .book-tabs input[type=radio]:checked+label{border-bottom:1px solid var(--color-link)}.markdown .book-tabs input[type=radio]:checked+label+.book-tabs-content{display:block}.markdown .book-tabs input[type=radio]:focus+label{outline-style:auto;outline-color:currentColor;outline-color:-webkit-focus-ring-color}.markdown .book-columns{margin-left:-1rem;margin-right:-1rem}.markdown .book-columns>div{margin:1rem 0;min-width:10rem;padding:0 1rem}.markdown a.book-btn{display:inline-block;font-size:.875rem;color:var(--color-link);line-height:2rem;padding:0 1rem;border:1px solid var(--color-link);border-radius:.25rem;cursor:pointer}.markdown a.book-btn:hover{text-decoration:none}.markdown .book-hint.info{border-color:#6bf;background-color:rgba(102,187,255,.1)}.markdown .book-hint.warning{border-color:#fd6;background-color:rgba(255,221,102,.1)}.markdown .book-hint.danger{border-color:#f66;background-color:rgba(255,102,102,.1)}@font-face{font-family:terminal_grotesque;src:url(fonts/terminal-grotesque-webfont.eot);src:url(fonts/terminal-grotesque-webfont.eot?#iefix)format("embedded-opentype"),url(fonts/terminal-grotesque-webfont.woff2)format("woff2"),url(fonts/terminal-grotesque-webfont.woff)format("woff"),url(fonts/terminal-grotesque-webfont.ttf)format("truetype"),url(fonts/terminal-grotesque-webfont.svg#terminal_grotesqueregular)format("svg");font-weight:400;font-style:normal}body{font-family:terminal_grotesque,sans-serif;line-height:.3 rem}aside nav ul li{margin:.1 0}.book-brand{font-size:3.6rem;line-height:1.2rem}.book-menu a{width:100%;line-height:.8}.book-menu a.active{color:#ef0981;font-size:1.3rem}.markdown a:visited{color:#ef0981}a{color:#ef0981}
\ No newline at end of file
diff --git a/public/categories/index.html b/public/categories/index.html
index c10bfd8..2213764 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Categories" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/categories/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/categories/" />
 <title>Categories | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/ja/categories/" title="Categories">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/categories/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="ja" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/" title="Categories">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/categories/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/categories/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/">
           日本語
         </a>
       </li>
@@ -146,7 +145,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -161,7 +173,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -175,7 +187,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -188,7 +200,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -201,7 +213,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -214,7 +226,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -227,7 +239,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -242,7 +254,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -256,7 +268,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -269,7 +281,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -296,7 +308,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -323,7 +335,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -340,12 +352,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -370,14 +376,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Categories</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -436,7 +442,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/categories/index.xml b/public/categories/index.xml
index 6f340c8..f9c936a 100644
--- a/public/categories/index.xml
+++ b/public/categories/index.xml
@@ -2,9 +2,9 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Categories on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/categories/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/categories/</link>
     <description>Recent content in Categories on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/categories/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/categories/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html
index c6730f9..927a01d 100644
--- a/public/categories/page/1/index.html
+++ b/public/categories/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="en">
   <head>
-    <title>https://ojack.xyz/hydra-blog/categories/</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog/categories/">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2/categories/</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2/categories/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog/categories/">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2/categories/">
   </head>
 </html>
diff --git a/public/docs/community/index.html b/public/docs/community/index.html
new file mode 100644
index 0000000..48facc9
--- /dev/null
+++ b/public/docs/community/index.html
@@ -0,0 +1,492 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content=" community projects, libraries, and resources # ">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="community" />
+<meta property="og:description" content=" community projects, libraries, and resources # " />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/community/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-04-06T15:22:55+02:00" />
+<title>community | hydra video synth</title>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link
+rel="stylesheet"
+href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/codemirror.min.css"
+integrity="sha512-MWdvo/Qqcf4pY1ecQUB1uBn0qLp19U/qJ1Rpp2BDZeuBA7YsFEwkvqR/+aG4BroPiAYDunKJ6X8R/Pmdt3p7oA=="
+crossorigin="anonymous"
+/>
+<link
+rel="stylesheet"
+href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/addon/hint/show-hint.min.css"
+crossorigin="anonymous"
+/>
+<link
+rel="stylesheet"
+href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/theme/paraiso-dark.min.css"
+crossorigin="anonymous"
+/>
+<script src="https://unpkg.com/torus-dom/dist/index.min.js"></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/codemirror.min.js"
+crossorigin="anonymous"
+></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/javascript/javascript.min.js"
+crossorigin="anonymous"
+></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/addon/hint/javascript-hint.min.js"
+crossorigin="anonymous"
+></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/addon/hint/show-hint.min.js"
+crossorigin="anonymous"
+></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/addon/selection/mark-selection.min.js"
+crossorigin="anonymous"
+></script>
+<script
+src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/addon/comment/comment.min.js"
+crossorigin="anonymous"
+></script>
+<script src="https://unpkg.com/hydra-synth"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
+          日本語
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+  
+  <ul>
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="active">community</a>
+  
+
+        </li>
+      
+    
+      
+        <li class="book-section-flat" >
+          
+  
+  
+
+  
+    <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
+    <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
+    </label>
+  
+
+          
+  <ul>
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
+    <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
+    </label>
+  
+
+          
+  <ul>
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
+  
+
+        </li>
+      
+    
+      
+    
+      
+    
+  </ul>
+
+        </li>
+      
+    
+  </ul>
+
+        </li>
+      
+    
+      
+        <li class="book-section-flat" >
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
+  
+
+          
+  <ul>
+    
+  </ul>
+
+        </li>
+      
+    
+  </ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/hydra-docs-v2/posts/"  >
+        blog
+      </a>
+  </li>
+  
+  <li>
+    <a href="https://opencollective.com/hydra-synth"  target="_blank" rel="noopener">
+        contribute
+      </a>
+  </li>
+  
+  <li>
+    <a href="https://hydra.ojack.xyz/grants"  target="_blank" rel="noopener">
+        grants
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>community</strong>
+
+  <label for="toc-control">
+    
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#community-projects-libraries-and-resources">community projects, libraries, and resources</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h2 id="community-projects-libraries-and-resources">
+  community projects, libraries, and resources
+  <a class="anchor" href="#community-projects-libraries-and-resources">#</a>
+</h2>
+<iframe class="airtable-embed" src="https://airtable.com/embed/shrdvJddXYj7rVhDC?backgroundColor=pink&viewControls=on" frameborder="0" onmousewheel="" width="100%" height="800" style="background: transparent; border: 1px solid #ccc;"></iframe></article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/67b87e2293af55f8c491abddb8260d03cfd6264a" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>April 6, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/community.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#community-projects-libraries-and-resources">community projects, libraries, and resources</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/docs/index.html b/public/docs/index.html
index 2841f11..186723a 100644
--- a/public/docs/index.html
+++ b/public/docs/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Docs" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/" />
 <title>Docs | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/ja/docs/" title="Docs">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/docs/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="ja" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/" title="Docs">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/docs/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/">
           日本語
         </a>
       </li>
@@ -146,7 +145,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -161,7 +173,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -175,7 +187,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -188,7 +200,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -201,7 +213,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -214,7 +226,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -227,7 +239,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -242,7 +254,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -256,7 +268,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -269,7 +281,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -296,7 +308,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -323,7 +335,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -340,12 +352,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -370,14 +376,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Docs</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -414,7 +420,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/index.xml b/public/docs/index.xml
index d444c94..05ee64e 100644
--- a/public/docs/index.xml
+++ b/public/docs/index.xml
@@ -2,20 +2,29 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Docs on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/docs/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/</link>
     <description>Recent content in Docs on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language>
-    <lastBuildDate>Tue, 04 Apr 2023 15:10:36 +0200</lastBuildDate><atom:link href="https://ojack.xyz/hydra-blog/docs/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language>
+    <lastBuildDate>Tue, 04 Apr 2023 15:10:36 +0200</lastBuildDate><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/docs/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>about</title>
-      <link>https://ojack.xyz/hydra-blog/docs/what-is-hydra/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/what-is-hydra/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/</guid>
       <description>What is Hydra? # Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike. You can simply open the hydra web editor on a laptop or mobile device to get started.
 Hydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result.</description>
     </item>
     
+    <item>
+      <title>community</title>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/community/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/community/</guid>
+      <description> community projects, libraries, and resources # </description>
+    </item>
+    
   </channel>
 </rss>
diff --git a/public/docs/learning/external-sources/index.html b/public/docs/learning/external-sources/index.html
index 9612403..11b48c9 100644
--- a/public/docs/learning/external-sources/index.html
+++ b/public/docs/learning/external-sources/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -10,16 +10,15 @@
 <meta property="og:description" content="External Sources # Using the webcam # In addition to using sources from within hydra (such as osc() and shape()), you can use hydra to process external video sources such as a webcam. To initialize the webcam, run the following code:
 s0.initCam() This activates the webcam source inside a variable called s0, and you should see the light on your webcam light up. However, you will still not see the webcam image on the screen." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/external-sources/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T21:50:04+02:00" />
-
 <title>external sources: cameras, videos, streams | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -66,7 +65,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -77,7 +76,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -146,7 +145,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -161,7 +173,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -175,7 +187,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -188,7 +200,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -201,7 +213,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="active">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="active">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -214,7 +226,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -227,7 +239,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -242,7 +254,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -256,7 +268,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -269,7 +281,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -296,7 +308,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -323,7 +335,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -340,12 +352,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -370,14 +376,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>external sources: cameras, videos, streams</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -617,8 +623,8 @@ <h4 id="workaround">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -626,8 +632,8 @@ <h4 id="workaround">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/external-sources.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/external-sources.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -637,7 +643,7 @@ <h4 id="workaround">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/getting-started-short/index.html b/public/docs/learning/getting-started-short/index.html
index 73dc1a3..b77318d 100644
--- a/public/docs/learning/getting-started-short/index.html
+++ b/public/docs/learning/getting-started-short/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,16 +12,15 @@
 To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.
 You will see some colorful visuals in the background with text on top. The text is code that generates the visuals behind it." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T21:50:04+02:00" />
-
 <title>getting started | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -68,7 +67,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -79,7 +78,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -107,7 +106,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -115,7 +114,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -148,7 +147,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -163,7 +175,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -177,7 +189,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="active">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="active">getting started</a>
   
 
         </li>
@@ -190,7 +202,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -203,7 +215,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -216,7 +228,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -229,7 +241,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -244,7 +256,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -258,7 +270,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -271,7 +283,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -298,7 +310,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -325,7 +337,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -342,12 +354,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -372,14 +378,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>getting started</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -448,8 +454,8 @@ <h2 id="have-fun">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -457,8 +463,8 @@ <h2 id="have-fun">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/getting-started-short.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/getting-started-short.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -468,7 +474,7 @@ <h2 id="have-fun">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/guides/audio/index.html b/public/docs/learning/guides/audio/index.html
index ca5d083..67b5f72 100644
--- a/public/docs/learning/guides/audio/index.html
+++ b/public/docs/learning/guides/audio/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
 <meta property="og:description" content="Audio Guide # Reacting to audio # In order to achieve audio reactivity, Hydra makes use of a JavaScript library called Meyda and has a pre-defined object called a to access many of its features. Audio reactivity in Hydra is mainly achieved using an algorithm called Fast Fourier transform. You definitely don&rsquo;t need to know what it is or how it achieves what it does to use it, but you need to understand the following:" />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/guides/audio/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T11:38:49+02:00" />
-
 <title>Audio | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -103,7 +102,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -111,7 +110,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -144,7 +143,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -159,7 +171,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -173,7 +185,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -186,7 +198,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -199,7 +211,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -212,7 +224,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -225,7 +237,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -240,7 +252,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle" checked />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -254,7 +266,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -267,7 +279,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="active">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="active">Audio</a>
   
 
         </li>
@@ -294,7 +306,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -321,7 +333,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -338,12 +350,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -368,14 +374,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Audio</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -497,8 +503,8 @@ <h2 id="virtually-routing-audio-to-hydra">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/09d17aaee8001c658ed2bee1477ea44d91082206" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/09d17aaee8001c658ed2bee1477ea44d91082206" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -506,8 +512,8 @@ <h2 id="virtually-routing-audio-to-hydra">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/guides/audio.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/guides/audio.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -517,7 +523,7 @@ <h2 id="virtually-routing-audio-to-hydra">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/guides/color/index.html b/public/docs/learning/guides/color/index.html
index 37b8788..2b2eb5a 100644
--- a/public/docs/learning/guides/color/index.html
+++ b/public/docs/learning/guides/color/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/guides/color/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-06T10:10:37+02:00" />
-
 <title>Color | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -103,7 +102,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -111,7 +110,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -144,7 +143,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -159,7 +171,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -173,7 +185,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -186,7 +198,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -199,7 +211,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -212,7 +224,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -225,7 +237,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -240,7 +252,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle" checked />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -254,7 +266,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -267,7 +279,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -294,7 +306,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -321,7 +333,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -338,12 +350,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -368,14 +374,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Color</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -405,8 +411,8 @@ <h2 class="book-brand">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/4fd74c11ffb1edca32374bbe17d0a5930e58c1dc" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/4fd74c11ffb1edca32374bbe17d0a5930e58c1dc" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -414,8 +420,8 @@ <h2 class="book-brand">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/guides/color.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/guides/color.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -425,7 +431,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/guides/feedback/index.html b/public/docs/learning/guides/feedback/index.html
index a3843d8..7e4fe8a 100644
--- a/public/docs/learning/guides/feedback/index.html
+++ b/public/docs/learning/guides/feedback/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-06T10:10:37+02:00" />
-
 <title>Feedback | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -103,7 +102,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -111,7 +110,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -144,7 +143,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -159,7 +171,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -173,7 +185,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -186,7 +198,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -199,7 +211,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -212,7 +224,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -225,7 +237,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -240,7 +252,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle" checked />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -254,7 +266,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -267,7 +279,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -294,7 +306,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -321,7 +333,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -338,12 +350,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -368,14 +374,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Feedback</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -405,8 +411,8 @@ <h2 class="book-brand">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/4fd74c11ffb1edca32374bbe17d0a5930e58c1dc" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/4fd74c11ffb1edca32374bbe17d0a5930e58c1dc" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -414,8 +420,8 @@ <h2 class="book-brand">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/guides/feedback.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/guides/feedback.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -425,7 +431,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/guides/index.html b/public/docs/learning/guides/index.html
index 68817ac..34b79e2 100644
--- a/public/docs/learning/guides/index.html
+++ b/public/docs/learning/guides/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,15 +9,14 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="guides" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/guides/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/" />
 <title>guides | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/docs/learning/guides/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -103,7 +102,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -111,7 +110,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -144,7 +143,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -159,7 +171,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -173,7 +185,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -186,7 +198,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -199,7 +211,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -212,7 +224,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -225,7 +237,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -240,7 +252,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle" checked />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="active">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="active">guides</a>
     </label>
   
 
@@ -254,7 +266,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -267,7 +279,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -294,7 +306,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -321,7 +333,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -338,12 +350,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -368,14 +374,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>guides</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -460,8 +466,8 @@ <h4 id="live-performance">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -469,8 +475,8 @@ <h4 id="live-performance">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/guides/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/guides/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -480,7 +486,7 @@ <h4 id="live-performance">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/guides/index.xml b/public/docs/learning/guides/index.xml
index 96b4d12..c5427fc 100644
--- a/public/docs/learning/guides/index.xml
+++ b/public/docs/learning/guides/index.xml
@@ -2,16 +2,16 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>guides on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/docs/learning/guides/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/</link>
     <description>Recent content in guides on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/docs/learning/guides/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Textures</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/textures/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/textures/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/</guid>
       <description>Textures # by Naoto Hieda
 In this chapter, we discuss textures or patterns, separately from colors or movements. Most of the snippets have low saturation in order to separate textures from other effects.
 Oscillator # osc(freq,sync,offset) is one of the basic sources to create a texture. The first argument determines the frequency (i.e., how packed the stripes are), the second for the sync (i.e., the scroll speed), and the third for the offset, which adds color to the pattern.</description>
@@ -19,28 +19,28 @@ Oscillator # osc(freq,sync,offset) is one of the basic sources to create a textu
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/audio/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/audio/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/</guid>
       <description>Audio Guide # Reacting to audio # In order to achieve audio reactivity, Hydra makes use of a JavaScript library called Meyda and has a pre-defined object called a to access many of its features. Audio reactivity in Hydra is mainly achieved using an algorithm called Fast Fourier transform. You definitely don&amp;rsquo;t need to know what it is or how it achieves what it does to use it, but you need to understand the following:</description>
     </item>
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/color/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/color/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/</guid>
       <description></description>
     </item>
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/</guid>
       <description></description>
     </item>
     
diff --git a/public/docs/learning/guides/textures/index.html b/public/docs/learning/guides/textures/index.html
index ababb74..105e851 100644
--- a/public/docs/learning/guides/textures/index.html
+++ b/public/docs/learning/guides/textures/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,16 +12,15 @@
 In this chapter, we discuss textures or patterns, separately from colors or movements. Most of the snippets have low saturation in order to separate textures from other effects.
 Oscillator # osc(freq,sync,offset) is one of the basic sources to create a texture. The first argument determines the frequency (i.e., how packed the stripes are), the second for the sync (i.e., the scroll speed), and the third for the offset, which adds color to the pattern." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/guides/textures/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-06T13:57:36+02:00" />
-
 <title>Textures | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -68,7 +67,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -79,7 +78,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -107,7 +106,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -115,7 +114,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -148,7 +147,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -163,7 +175,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -177,7 +189,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -190,7 +202,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -203,7 +215,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -216,7 +228,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -229,7 +241,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -244,7 +256,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle" checked />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -258,7 +270,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="active">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="active">Textures</a>
   
 
         </li>
@@ -271,7 +283,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -298,7 +310,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -325,7 +337,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -342,12 +354,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -372,14 +378,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Textures</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -828,8 +834,8 @@ <h2 id="voronoi">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -837,8 +843,8 @@ <h2 id="voronoi">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/guides/textures.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/guides/textures.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -848,7 +854,7 @@ <h2 id="voronoi">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/index.html b/public/docs/learning/index.html
index bc068fa..783a64f 100644
--- a/public/docs/learning/index.html
+++ b/public/docs/learning/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,15 +11,14 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="learning" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/" />
 <title>learning | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/docs/learning/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -66,7 +65,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -77,7 +76,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -146,7 +145,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -161,7 +173,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="active">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="active">learning</a>
     </label>
   
 
@@ -175,7 +187,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -188,7 +200,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -201,7 +213,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -214,7 +226,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -227,7 +239,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -242,7 +254,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -256,7 +268,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -269,7 +281,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -296,7 +308,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -323,7 +335,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -340,12 +352,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -370,14 +376,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>learning</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -406,21 +412,21 @@ <h2 class="book-brand">
 
   <div class="flex-even markdown-inner">
     <h3 id="getting-startedgetting-started-short">
-  <a href="getting-started-short"><strong>getting started</strong></a>
+  <a href="getting-started-short">getting started</a>
   <a class="anchor" href="#getting-startedgetting-started-short">#</a>
 </h3>
 <h3 id="video-synth-basicsvideo-synth-basics">
-  <a href="video-synth-basics"><strong>video synth basics</strong></a>
+  <a href="video-synth-basics">video synth basics</a>
   <a class="anchor" href="#video-synth-basicsvideo-synth-basics">#</a>
 </h3>
 <p>overview of hydra&rsquo;s <a href="">modular approach</a> and main function types: <a href="">sources</a>, <a href="">geometry</a>, <a href="">color</a>, <a href="">blending</a>, and <a href="">modulation</a></p>
 <h3 id="external-sourcesexternal-sources">
-  <a href="external-sources"><strong>external sources</strong></a>
+  <a href="external-sources">external sources</a>
   <a class="anchor" href="#external-sourcesexternal-sources">#</a>
 </h3>
 <p>using <a href="">webcams</a>, <a href="">images</a>, <a href="">videos</a>, <a href="">html canvas elements</a>, and <a href="">live streams</a> inside a hydra sketch</p>
 <h3 id="sequencing-and-interactivityinteractivity">
-  <a href="interactivity"><strong>sequencing and interactivity</strong></a>
+  <a href="interactivity">sequencing and interactivity</a>
   <a class="anchor" href="#sequencing-and-interactivityinteractivity">#</a>
 </h3>
 <p>Making dynamic and interactive sketches using <a href="">arrays</a>, <a href="">custom functions</a>, <a href="">audio reactivity</a>, <a href="">mouse input</a>, and <a href="">MIDI controllers</a>.</p>
@@ -429,22 +435,22 @@ <h3 id="sequencing-and-interactivityinteractivity">
 
   <div class="flex-even markdown-inner">
     <h3 id="web-editorweb-editor">
-  <a href="web-editor"><strong>web editor</strong></a>
+  <a href="web-editor">web editor</a>
   <a class="anchor" href="#web-editorweb-editor">#</a>
 </h3>
 <p>key commands, comments, saving sketches, loading extensions and external libraries, publishing to the gallery</p>
 <h3 id="synth-configuration">
-  <a href=""><strong>synth configuration</strong></a>
+  <a href="">synth configuration</a>
   <a class="anchor" href="#synth-configuration">#</a>
 </h3>
 <p>how to change the <a href="">speed</a>, <a href="">bpm</a>, and <a href="">resolution</a> of a hydra instance, as well as write custom glsl functions</p>
 <h3 id="how-tohow-to">
-  <a href="how-to"><strong>how-to</strong></a>
+  <a href="how-to">how-to</a>
   <a class="anchor" href="#how-tohow-to">#</a>
 </h3>
 <p>a quick reference for common questions</p>
 <h3 id="guidesguides">
-  <a href="guides"><strong>guides</strong></a>
+  <a href="guides">guides</a>
   <a class="anchor" href="#guidesguides">#</a>
 </h3>
 <p>deeper dives into hydra topics written by members of the community.</p>
@@ -462,17 +468,17 @@ <h3 id="guidesguides">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
-      <span>April 5, 2023</span>
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/0c73458451d8b69882ee08094a342be3bd4c91c2" title='Last modified by ojack | April 15, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>April 15, 2023</span>
     </a>
   </div>
 
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -482,7 +488,7 @@ <h3 id="guidesguides">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/index.xml b/public/docs/learning/index.xml
index fa3cefd..c351543 100644
--- a/public/docs/learning/index.xml
+++ b/public/docs/learning/index.xml
@@ -2,16 +2,16 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>learning on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/docs/learning/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/</link>
     <description>Recent content in learning on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/docs/learning/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>getting started</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/</guid>
       <description>Getting started # Play with gallery examples # The simplest way to get started with hydra is to play around with the example sketches in the web editor.
 To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.
 You will see some colorful visuals in the background with text on top. The text is code that generates the visuals behind it.</description>
@@ -19,10 +19,10 @@ You will see some colorful visuals in the background with text on top. The text
     
     <item>
       <title>video synth basics</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/</guid>
       <description>Modular Video Synth Basics # Hydra is inspired by modular synthesis. Instead of connecting cables you connect different kinds of javascript functions.
 source Sandin Image Processor # Press the run button to run this code and update the visuals on the screen. You should see some scrolling stripes appear in the background.
 This creates a visual oscillator. Try modifying the parameters of the oscillator by putting a number inside the parentheses of osc(), for example osc(10).</description>
@@ -30,29 +30,29 @@ This creates a visual oscillator. Try modifying the parameters of the oscillator
     
     <item>
       <title>external sources: cameras, videos, streams</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/external-sources/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/external-sources/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/</guid>
       <description>External Sources # Using the webcam # In addition to using sources from within hydra (such as osc() and shape()), you can use hydra to process external video sources such as a webcam. To initialize the webcam, run the following code:
 s0.initCam() This activates the webcam source inside a variable called s0, and you should see the light on your webcam light up. However, you will still not see the webcam image on the screen.</description>
     </item>
     
     <item>
       <title>sequencing &amp; interactivity</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/interactivity/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/interactivity/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/</guid>
       <description>Sequencing and Interactivity # If you&amp;rsquo;re coding in Hydra, you&amp;rsquo;re constantly trying many values to input to the sources and transforms, and it&amp;rsquo;s just a matter of time until you like how more than one looks, and you want to somehow switch between them. We&amp;rsquo;ll be referring to this idea of arguments whose value change over time as dynamic arguments. And there are two main ways to achieve this in Hydra: Arrays and functions.</description>
     </item>
     
     <item>
       <title>using the web editor</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/web-editor/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/</link>
       <pubDate>Tue, 04 Apr 2023 15:10:36 +0200</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/web-editor/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/</guid>
       <description>Get to know the browser editor # To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.
 You will see some colorful visuals in the background with text on top in the top left of the screen. The text is code that generates the visuals behind it.
 At the right up corner you will find a toolbar with these buttons: run all code Runs all code on the page (same as typing *ctrl+shift+enter) upload to gallery upload a sketch to Hydra&amp;rsquo;s gallery and create a shorter URL clear all resets the environment and clears text from the editor show random sketch.</description>
diff --git a/public/docs/learning/interactivity/index.html b/public/docs/learning/interactivity/index.html
index 04688a0..bd8e6c6 100644
--- a/public/docs/learning/interactivity/index.html
+++ b/public/docs/learning/interactivity/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="sequencing &amp; interactivity" />
 <meta property="og:description" content="Sequencing and Interactivity # If you&rsquo;re coding in Hydra, you&rsquo;re constantly trying many values to input to the sources and transforms, and it&rsquo;s just a matter of time until you like how more than one looks, and you want to somehow switch between them. We&rsquo;ll be referring to this idea of arguments whose value change over time as dynamic arguments. And there are two main ways to achieve this in Hydra: Arrays and functions." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/interactivity/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T21:50:04+02:00" />
-
 <title>sequencing &amp; interactivity | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -103,7 +102,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -111,7 +110,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -144,7 +143,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -159,7 +171,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -173,7 +185,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -186,7 +198,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -199,7 +211,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -212,7 +224,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="active">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="active">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -225,7 +237,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -240,7 +252,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -254,7 +266,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -267,7 +279,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -294,7 +306,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -321,7 +333,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -338,12 +350,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -368,14 +374,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>sequencing &amp; interactivity</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -771,8 +777,8 @@ <h2 id="audio-reactivity">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -780,8 +786,8 @@ <h2 id="audio-reactivity">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/interactivity.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/interactivity.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -791,7 +797,7 @@ <h2 id="audio-reactivity">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/video-synth-basics/index.html b/public/docs/learning/video-synth-basics/index.html
index c4cb6aa..1661603 100644
--- a/public/docs/learning/video-synth-basics/index.html
+++ b/public/docs/learning/video-synth-basics/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,16 +12,15 @@
 source Sandin Image Processor # Press the run button to run this code and update the visuals on the screen. You should see some scrolling stripes appear in the background.
 This creates a visual oscillator. Try modifying the parameters of the oscillator by putting a number inside the parentheses of osc(), for example osc(10)." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T21:50:04+02:00" />
-
 <title>video synth basics | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -68,7 +67,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -79,7 +78,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -107,7 +106,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -115,7 +114,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -148,7 +147,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -163,7 +175,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -177,7 +189,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -190,7 +202,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="active">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="active">video synth basics</a>
   
 
         </li>
@@ -203,7 +215,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -216,7 +228,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -229,7 +241,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -244,7 +256,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -258,7 +270,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -271,7 +283,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -298,7 +310,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -325,7 +337,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -342,12 +354,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -372,14 +378,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>video synth basics</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -926,8 +932,8 @@ <h4 id="have-fun">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/0184b09f4b564b34e34933b793c11cff0bfe23b9" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -935,8 +941,8 @@ <h4 id="have-fun">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/video-synth-basics.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/video-synth-basics.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -946,7 +952,7 @@ <h4 id="have-fun">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/learning/web-editor/index.html b/public/docs/learning/web-editor/index.html
index 241d84d..9d2f19f 100644
--- a/public/docs/learning/web-editor/index.html
+++ b/public/docs/learning/web-editor/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,16 +12,15 @@
 You will see some colorful visuals in the background with text on top in the top left of the screen. The text is code that generates the visuals behind it.
 At the right up corner you will find a toolbar with these buttons: run all code Runs all code on the page (same as typing *ctrl&#43;shift&#43;enter) upload to gallery upload a sketch to Hydra&rsquo;s gallery and create a shorter URL clear all resets the environment and clears text from the editor show random sketch." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/learning/web-editor/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/" /><meta property="article:section" content="docs" />
 <meta property="article:published_time" content="2023-04-04T15:10:36+02:00" />
 <meta property="article:modified_time" content="2023-04-05T16:32:08+02:00" />
-
 <title>using the web editor | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -68,7 +67,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -79,7 +78,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -107,7 +106,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -115,7 +114,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -148,7 +147,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -163,7 +175,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle" checked />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -177,7 +189,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -190,7 +202,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -203,7 +215,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -216,7 +228,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -229,7 +241,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="active">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="active">using the web editor</a>
   
 
         </li>
@@ -244,7 +256,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -258,7 +270,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -271,7 +283,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -298,7 +310,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -325,7 +337,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -342,12 +354,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -372,14 +378,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>using the web editor</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -437,8 +443,8 @@ <h2 id="save-your-sketch-on-the-internet">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -446,8 +452,8 @@ <h2 id="save-your-sketch-on-the-internet">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/learning/web-editor.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/web-editor.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -457,7 +463,7 @@ <h2 id="save-your-sketch-on-the-internet">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/reference/index.html b/public/docs/reference/index.html
index adcdc83..1ef7244 100644
--- a/public/docs/reference/index.html
+++ b/public/docs/reference/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,15 +8,14 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="reference" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/reference/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/reference/" />
 <title>reference | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/docs/reference/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/reference/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -63,7 +62,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -74,7 +73,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -102,7 +101,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -110,7 +109,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -143,7 +142,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -158,7 +170,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -172,7 +184,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -185,7 +197,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -198,7 +210,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -211,7 +223,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -224,7 +236,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -239,7 +251,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -253,7 +265,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -266,7 +278,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -293,7 +305,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="active">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="active">reference</a>
   
 
           
@@ -320,7 +332,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -337,12 +349,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -367,14 +373,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>reference</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -404,8 +410,8 @@ <h2 class="book-brand">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -413,8 +419,8 @@ <h2 class="book-brand">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/reference/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/reference/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -424,7 +430,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/docs/reference/index.xml b/public/docs/reference/index.xml
index 6317a7b..49dafbe 100644
--- a/public/docs/reference/index.xml
+++ b/public/docs/reference/index.xml
@@ -2,9 +2,9 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>reference on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/docs/reference/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/reference/</link>
     <description>Recent content in reference on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/docs/reference/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/docs/reference/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/docs/what-is-hydra/index.html b/public/docs/what-is-hydra/index.html
index 5b84438..82d8202 100644
--- a/public/docs/what-is-hydra/index.html
+++ b/public/docs/what-is-hydra/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -10,17 +10,16 @@
 <meta property="og:description" content="What is Hydra? # Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike. You can simply open the hydra web editor on a laptop or mobile device to get started.
 Hydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result." />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/docs/what-is-hydra/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-05T16:33:28+02:00" />
-
 <title>about | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/" title="about">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="ja" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/" title="about">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -67,7 +66,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -78,7 +77,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -108,7 +107,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -116,7 +115,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/">
           日本語
         </a>
       </li>
@@ -149,7 +148,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="active">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="active">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -164,7 +176,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -178,7 +190,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -191,7 +203,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -204,7 +216,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -217,7 +229,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -230,7 +242,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -245,7 +257,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -259,7 +271,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -272,7 +284,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -299,7 +311,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -326,7 +338,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -343,12 +355,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -373,14 +379,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>about</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -444,8 +450,8 @@ <h4 id="further-resources-and-next-steps">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/c195585d10d2d1b587fd90b9595d5725eb8e7e23" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/c195585d10d2d1b587fd90b9595d5725eb8e7e23" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -453,8 +459,8 @@ <h4 id="further-resources-and-next-steps">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/docs/what-is-hydra.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/what-is-hydra.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -464,7 +470,7 @@ <h4 id="further-resources-and-next-steps">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/en.search-data.min.e361d7c9c9ab3a0fa834f7c7c8b4447eff2cb4dd7b94f1d98101de247585b4f3.json b/public/en.search-data.min.e361d7c9c9ab3a0fa834f7c7c8b4447eff2cb4dd7b94f1d98101de247585b4f3.json
new file mode 100644
index 0000000..dc3a6e5
--- /dev/null
+++ b/public/en.search-data.min.e361d7c9c9ab3a0fa834f7c7c8b4447eff2cb4dd7b94f1d98101de247585b4f3.json
@@ -0,0 +1 @@
+[{"id":0,"href":"/hydra-docs-v2/docs/what-is-hydra/","title":"about","section":"Docs","content":" What is Hydra? # Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike. You can simply open the hydra web editor on a laptop or mobile device to get started.\nHydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result.\nHydra can be used: # to mix and add effects to camera feeds, screenshares, live streams, and videos to create generative and audio-reactive visuals, and share them online with others in combination with other javascript libraries such as P5.js, Tone.js, THREE.js, or gibber to add interactive video effects to a website to experiment with and learn about video feedback, fractals, and pixel operations to stream video between browsers and live-jam with others online Further resources and next steps # For more information and instructions, see: Getting Started, a list of hydra functions, the community database of projects and tutorials, a gallery of user-generated sketches, and the source code on github.\nHydra was created by olivia jack and is supported by a community of contributers. If you enjoy using Hydra, please consider supporting continued development.\nNext: Getting Started\n"},{"id":1,"href":"/hydra-docs-v2/docs/learning/getting-started-short/","title":"getting started","section":"learning","content":" Getting started # Play with gallery examples # The simplest way to get started with hydra is to play around with the example sketches in the web editor.\nTo get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.\nYou will see some colorful visuals in the background with text on top. The text is code that generates the visuals behind it.\nYou can change the hydra sketch shown on the screen by clicking the shuffle button.\nChange some numbers # Change values that appears on Hydra web editor at the sketch examples to see what happens. Values can have decimal numbers, is recommended not using big values inside the parentheses. Numbers must be inside the parentheses. Every Hydra code starts by generating an input signal source and ends with an output buffer. Adding a value inside or after .out() won\u0026rsquo;t work.\nosc(10,0.1,0.5).color(1,0.895,0.55).out() Run your code # Use the triangle \u0026ldquo;run\u0026rdquo; button to run your code. Hint: you can also run the code by typing ctrl+shift+enter.\nHave fun! # :)\n"},{"id":2,"href":"/hydra-docs-v2/docs/community/","title":"community","section":"Docs","content":" community projects, libraries, and resources # "},{"id":3,"href":"/hydra-docs-v2/docs/learning/","title":"learning","section":"Docs","content":" learning # getting started # video synth basics # overview of hydra\u0026rsquo;s modular approach and main function types: sources, geometry, color, blending, and modulation\nexternal sources # using webcams, images, videos, html canvas elements, and live streams inside a hydra sketch\nsequencing and interactivity # Making dynamic and interactive sketches using arrays, custom functions, audio reactivity, mouse input, and MIDI controllers.\nweb editor # key commands, comments, saving sketches, loading extensions and external libraries, publishing to the gallery\nsynth configuration # how to change the speed, bpm, and resolution of a hydra instance, as well as write custom glsl functions\nhow-to # a quick reference for common questions\nguides # deeper dives into hydra topics written by members of the community.\n"},{"id":4,"href":"/hydra-docs-v2/docs/reference/","title":"reference","section":"Docs","content":""},{"id":5,"href":"/hydra-docs-v2/docs/learning/video-synth-basics/","title":"video synth basics","section":"learning","content":" Modular Video Synth Basics # Hydra is inspired by modular synthesis. Instead of connecting cables you connect different kinds of javascript functions.\nsource Sandin Image Processor # Press the run button to run this code and update the visuals on the screen. You should see some scrolling stripes appear in the background.\nThis creates a visual oscillator. Try modifying the parameters of the oscillator by putting a number inside the parentheses of osc(), for example osc(10).out().\nRe-run the code by pressing the run button again, and seeing the visuals update. Try adding other values to control the oscillator\u0026rsquo;s frequency, sync, and color offset.\nTrick: you can also use the keyboard shortcut ‘ctrl + shift + enter’ to have the same effect as the run button.\nAdding transformations # We can add another transformation to the oscillator from above, by adding the function rotate() after the oscillator:\nAs you can see, you have first an input source osc() and things that come after (rotate() and out()) are connected with a dot ‘.’ In this sense,\nYou can continue adding transformations to this chain of functions. For example:\nRepeat:\nFor more available sources and transformations, see the interactive function reference. The logic is to start with a source (such as osc(), shape(), or noise()), and then add transformations to geometry and color (such as .rotate(), .kaleid(), .pixelate() ), and in the end always connect the chain of transformations to the output screen .out() .\nWhat is an error? # Sometimes, you will try to run a line of code, and nothing will happen. If you have an error you’ll notice text in red at the left-bottom on your screen. Something like ‘Unexpected token ‘.’ (in red) will appear. This doesn’t affect your code, but you won’t be able to continue coding until you fix the error. Usually it is a typing error or something related to the syntax.\nWhat is a comment? # // Hello I’m a comment line. I’m a text that won’t change your code. You can write notations, your name or even a poem here. Multiple outputs # By default, hydra contains four separate virtual outputs that can each render different visuals, and can be mixed with each other to create more complex visuals. The variables o0, o1, o2, and o3 correspond to the different outputs.\nTo see all four of the outputs at once, use the render() function. This will divide the screen into four, showing each output in a different section of the screen.\nUsing a different variable inside the .out() function renders the chain to a different output. For example, .out(o1) will render a function chain to graphics buffer o1.\nBy default, only output o0 is rendered to the screen, while the render() command divides the screen in four. Show a specific output on the screen by adding it inside of render(), for example render(o2) to show buffer o2.\nTrick: try to create different sketches and switch them in your live performance or even combine them.\nBlending multiple visual sources together # You can use blend functions to combine multiple visual sources. .blend() combines the colors from two sources to create a third source.\nTry adding transformations to the above sources (such as osc(10).rotate(0, 0.1).out(o1)) to see how it affects the combined image. You can also specify the amount of blending by adding a separate parameter to .blend(), for example .blend(o1, 0.9).\nThere are multiple blend modes in hydra, similar to blend modes you might find in a graphics program such as photoshop or gimp. See the function reference for more possibilities.\nModulation # While blend functions combine the colors from two visual sources, modulate functions use the colors from one source to affect the geometry of the second source. This creates a sort of warping or distorting effect. An analogy in the real world would be looking through a texture glass window. modulate() does not change color or luminosity but distorts one visual source using another visual source.\nUsing the same sources from above, we can use an oscillator to modulate or warp the camera image:\nYou can add a second parameter to the modulate() function to control the amount of warping: modulate(o1, 0.9). In this case, the red and green channels of the oscillator are being converted to x and y displacement of the camera image.\nAll geometry transformations have corresponding modulate functions that allow you to use one source to warp another source. For example, .modulateRotate() is similar to .rotate(), but it allows you to apply different amounts of rotation to different parts of the visual source. See the function reference for more examples.\nMore blending and modulating # In addition to using multiple outputs to combine visuals, you can also combine multiple sources within the same function chain, without rendering them to separate outputs.\nThis allows you to use many sources, blend modes, and modulation, all from within the same chain of functions.\nTrick: use ctrl + shift + f from the web editor to auto-format your code\nModulating with the camera # We have now covered all of the basic types of functions within hydra: source, geometry, color, blending, and modulation! See what you can come up with by mixing these together.\nHave fun! # "},{"id":6,"href":"/hydra-docs-v2/posts/hello-world/","title":"Brand new hydra blog and documentation portal","section":"blog","content":"WIP portal for hydra video synth. This will be a home for news and updates regarding hydra, as well as a hub for community resources and documentaiton.\nFor the main hydra website, see the web editor.\nWe welcome contributions!\n"},{"id":7,"href":"/hydra-docs-v2/docs/learning/external-sources/","title":"external sources: cameras, videos, streams","section":"learning","content":" External Sources # Using the webcam # In addition to using sources from within hydra (such as osc() and shape()), you can use hydra to process external video sources such as a webcam. To initialize the webcam, run the following code:\ns0.initCam() This activates the webcam source inside a variable called s0, and you should see the light on your webcam light up. However, you will still not see the webcam image on the screen. In order to use the camera within a hydra sketch, you need to use it within the src() function.\nSimilar to adding transformations above, you can add transformations of color and geometry to the camera output, by adding functions to the chain:\nIf you have multiple webcams, you can access separate cameras by adding a number inside initCam, for example s0.initCam(1) or s0.initCam(2).\ninitCam # You can use a webcam\u0026rsquo;s video as such:\ns0.initCam() s0.initCam(2) // if you have many cameras, you can select one specifically initScreen # You can capture your screen or specific windows or tabs to use as a video source:\ns0.initScreen() initImage # In order to load an image to load an image into a source object, the syntax is the following:\ns0.initImage(\u0026#34;https://www.somewebpage.org/urlto/image.jpg\u0026#34;) When running Hydra in Atom, or any other local manner, you can load local files referring to them by URI:\ns0.initImage(\u0026#34;file:///home/user/Images/image.png\u0026#34;) Supported formats # You can load .jpeg, .png, and .bmp as well as .gif and .webp (although animation won\u0026rsquo;t work).\ninitVideo # The syntax for loading video is the same as for loading image, only changing the function to loadVideo:\ns0.initVideo(\u0026#34;https://www.somewebpage.org/urlto/video.mp4\u0026#34;) Supported formats # You can load .mp4, .ogg and .webm videos.\nUseful HTML Video properties # You can access all of the HTML Video functions when a video is loaded to a Source via s0.src. Some useful properties are:\ns0.src.playbackRate = 2 // double the speed at which the video plays s0.src.currentTime = 10 // seek to the 10th second s0.src.loop = false // don\u0026#39;t loop the video initStream : streaming between Hydra sessions # Hydra (the editor) also has built-in streaming. You can stream the output of your Hydra to someone else and vice-versa. This is done in a similar fashion to using images and videos, using external sources. But there are some extra steps for streaming:\nThe pb object # On your Hydra editor, you can find a pre-defined object called pb (as in patch-bay). This object basically represents the connection of your Hydra editor instance to all others hosted on the same server. When you want to share your stream to someone else you\u0026rsquo;ll have to give your Hydra session a name. Do this using the pb.setName() function and by passing in some string as the name. For example: pb.setName('myverycoolsession'). If you want someone else to stream to you, ask them to set a name as such and share it with you.\nYou can see online sessions using the function pb.list(), which will return an Array of names.\nStarting to stream # Streaming is as simple as initiating the source as a stream and passing the name of the session you want to stream. For example:\ns0.initStream(\u0026#39;myfriendsverycoolsession\u0026#39;) src(s0) .out() Extra parameters # Any external sources loaded into Hydra are using regl\u0026rsquo;s texture constructor in the background. There are many properties you can set when loading a texture and Hydra and regl handle the important ones for you. But to set any of these properties you can pass an object containing them to any of the init functions. For example:\ns0.initCam(0,{mag: \u0026#39;linear\u0026#39;}) mag \u0026amp; min are the most used, since using linear interpolation will resize textures in a smooth way. The default for both is nearest.\nCommon problems # CORS policy # If you try to load images (or videos) from some websites (most of them, really), sometimes nothing shows up on the screen. Opening the browser\u0026rsquo;s console might reveal a message similar to this one:\nAccess to image at \u0026#39;...\u0026#39; from origin \u0026#39;https://hydra.ojack.xyz\u0026#39; has been blocked by CORS policy: No \u0026#39;Access-Control-Allow-Origin\u0026#39; header is present on the requested resource. The CORS in CORS policy stands for \u0026lsquo;Cross-origin resource sharing\u0026rsquo;. This refers to the action of calling resources (such as images) from one website to another. For example, asking for an image hosted on other website from inside the Hydra editor. This error message is basically telling us \u0026ldquo;hey, the website you\u0026rsquo;re trying to ask for an image doesn\u0026rsquo;t allow other websites to use their resources, so i can\u0026rsquo;t let you have that picture\u0026rdquo;. In order to circumvent this error, you can try re-uploading the images you want to use to some image hosting service that allows cross-origin sharing such as imgur, where you can also load short videos. You can also try to use websites which you know will allow cross-origin resource sharing such as Wikimedia Commons, which is great for video.\nLoading video from YouTube, Vimeo, etc # Some users may be tempted to try and load some video they liked on YouTube, for example, and run something suchlike:\ns0.initVideo(\u0026#39;https://www.youtube.com/watch?v=dQw4w9WgXcQ\u0026#39;) // doesn\u0026#39;t work This will not work. The same goes for Vimeo and other video streaming services. When you use such an URL, it is not returning a video, it is returning the website where you can watch the video! The URL you pass to initVideo has to go directly to a video file. In other words, the URL should (usually) end in .mp4, .webm or .ogg. And, even if you did get a URL directly to the video with a tool such as youtube-dl, you\u0026rsquo;ll run into CORS problems.\nWorkaround # The most common workarounds are:\nRun Hydra locally (on Atom for example) and load local video files Have the video run on its own window and use initScreen to capture it "},{"id":8,"href":"/hydra-docs-v2/docs/learning/interactivity/","title":"sequencing \u0026 interactivity","section":"learning","content":" Sequencing and Interactivity # If you\u0026rsquo;re coding in Hydra, you\u0026rsquo;re constantly trying many values to input to the sources and transforms, and it\u0026rsquo;s just a matter of time until you like how more than one looks, and you want to somehow switch between them. We\u0026rsquo;ll be referring to this idea of arguments whose value change over time as dynamic arguments. And there are two main ways to achieve this in Hydra: Arrays and functions.\nSequencing using Arrays # Sequence your inputs # When you send an Array as an input, Hydra will automatically switch and jump from each element from the Array to the next one. When there are no more elements, it wraps all the way back to the beginning. Let\u0026rsquo;s see it in action:\nAs you can see, the fact that both these Arrays have a different amount of values doesn\u0026rsquo;t matter, Hydra will take values from each element of any Array for the same amount of time by default.\nChanging the speed of a specific Array # Hydra adds a couple of methods to all Arrays to be used inside Hydra. .fast will control the speed at which Hydra takes elements from the Array. It receives a Number as argument, by which the global speed will be multiplied. So calling .fast(1) on an Array is the same as nothing. Higher values will generate faster switching, while lower than 1 values will be slower.\nOffsetting the timing of an Array # Another one of the methods Hydra adds to Arrays, allows you to offset the timing at which Hydra will switch from one element of the Array to the next one. The method .offset takes a Number from 0 to 1.\nFitting the values of an Array within a range # Sometimes you have an Array whose values aren\u0026rsquo;t very useful when used as input for a some Hydra function. Hydra adds a .fit method to Arrays which takes a minimum and a maximum to which fit the values into:\nInterpolating between values # You can also interpolate between values instead of jumping from one to the other. That is, smoothly transition between values. For this you can use the .smooth method. It may take a Number argument (defaulted to 1) which controls the smoothness.\nTry smoothing some of the above examples and see what happens!\nEasing functions # The default interpolation used by Hydra on an Array that called .smooth is linear interpolation. You can select a different easing function as follows:\nThe following are the available easing functions:\nlinear: no easing, no acceleration easeInQuad: accelerating from zero velocity easeOutQuad: decelerating to zero velocity easeInOutQuad: acceleration until halfway, then deceleration easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint sin: sinusoidal shape Custom Functions # The other main way of adding dynamic inputs to your sketches is passing functions as arguments. When Hydra takes a function as an argument, what it will do is evaluate it every time it renders a frame. The return of the function will be used as the value for that parameter during that frame render. So you can use a function to simply keep track of a value that you know will change over time, for example, mouse position (which we\u0026rsquo;ll see later).\nThe time variable seen there is a variable pre-declared by Hydra, that stores how much time passed since Hydra started in seconds.\nFunctions used in Hydra don\u0026rsquo;t need to be arrow functions, any no-argument function will do! Make sure your function is returning a Number to avoid errors.\nThe time variable # When you use functions that can take numerical arguments, time will allow you to have their values evolve through\u0026hellip; time. If you multiply time by some value it\u0026rsquo;s as if time goes faster, while dividing while act as making time go slower. For example Math.sin(time*4) will go 4 times faster than Math.sin(time).\nThose users more familiar with mathematics might see this as:\ny(t) = t : ()=\u0026gt;time y(t) = A sin(f t + ph) : ()=\u0026gt;amplitude*Math.sin(freq*time + phase) We recommend getting familiar with some of the methods in the JS built-in Math object. Learn more about it here\nChanging the global speed # You can either slow down or fasten the rate at with time increases via changing the speed variable:\nspeed = 1 // default speed = 2 // twice as fast speed = .5 // half as fast speed = 0 // freezed Note # All of the examples using mouse position to move stuff on the canvas won\u0026rsquo;t work well here, since the canvas doesn\u0026rsquo;t occupy the full size of the screen as in the editor. Take this into account when we use mouse, that the positions are relative to the full webpage and not the canvas. This also means that as you scroll down this guide the y value will get higher and higher.\nMouse interactivity # You can have your visuals react to the position of your mouse (or finger, in touch devices). Hydra has an object called mouse which stores and keeps track of the position of your mouse on the webpage.\nmouse.x \u0026amp; mouse.y # | You can refer to the pixel position of your mouse by calling mouse.x and mouse.y, each one corresponding to the horizontal and vertical coordinates respectively. When we say \u0026lsquo;pixel position\u0026rsquo;, this means that the values you\u0026rsquo;ll find stored in both x and y are represented in pixels. So for mouse.x, this means the amount of pixels from the left edge of your window to the position of your mouse. For mouse.y, this means the amount of pixels between the top end of your screen and the position of your mouse.\nMany times it will be most useful to use values relative to the size of the screen. And also to have values that exist between ranges more reasonable to the hydra functions you\u0026rsquo;re using. For example [-0.5; 0.5] for scrollX and scrollY, [0; 2pi] for rotation, or [0; 1] for general purposes.\nControl anything with your mouse # On Hydra, most values used are pretty small. So it will be way more useful to have the position of the mouse as values from 0 and 1:\nGetting values from 0 to 1 # You can simply multiply by 2*Math.PI to change the range to [0; 2pi]\nMake something follow your mouse # On Hydra, things are placed between 0.5 and -0.5 (left to right, top to bottom). In order for anything to follow your mouse, you\u0026rsquo;ll need to get the position of your mouse between that range:\nGetting values from 0 to ±0.5 from the center # Remember you can name these functions however you prefer.\nAudio reactivity # a.setBins(5) // amount of bins (bands) to separate the audio spectrum noise(2) .modulate(o0,()=\u0026gt;a.fft[1]*.5) // listening to the 2nd band .out() a.setSmooth(.8) // audio reactivity smoothness from 0 to 1, uses linear interpolation a.setScale(8) // loudness upper limit (maps to 0) a.setCutoff(0.1) // loudness from which to start listening to (maps to 0) a.show() // show what hydra\u0026#39;s listening to // a.hide() render(o0) "},{"id":9,"href":"/hydra-docs-v2/docs/learning/guides/textures/","title":"Textures","section":"guides","content":" Textures # by Naoto Hieda\nIn this chapter, we discuss textures or patterns, separately from colors or movements. Most of the snippets have low saturation in order to separate textures from other effects.\nOscillator # osc(freq,sync,offset) is one of the basic sources to create a texture. The first argument determines the frequency (i.e., how packed the stripes are), the second for the sync (i.e., the scroll speed), and the third for the offset, which adds color to the pattern. One cycle of an oscillator in the screen space can be achieved by osc(Math.PI * 2); thus the following example shows 10 cycles:\nFor simplicity, natural numbers are often used as freq or the first argument (e.g., osc(40,0)). The sync parameter is multiplied with time and freq; thus even if sync is unchanged, the larger the frequency, the faster the scroll speed (discussed in motions). offset cycles from 0 to PI*2, which shifts the color.\nBy adding thresh() or posterize(), the oscillator pattern becomes clear stripes. thresh(threshold) literally thresholds the grayscale value; if the pixel\u0026rsquo;s grayscale is brighter than threshold, returns white and else returns black (alpha is preserved). posterize(bins,gamma) thresholds with multiple steps, similar to histogram. pixelate() achieves a similar effect; however, the offset between the bumps of the oscillator and the pixelation bins can create artifacts.\n(render() displays four buffers; o0 on top left, o1 on bottom left, o2 on top right and o3 on bottom right)\nkaleid() with a large number creates circles,\n99 is a magic number; to save character counts (which is essential for live coding), 99 is big enough and only takes 2 characters. However, depending on the effect you want to create, you might need to set a higher number, such as 999, or 1e4.\nYou might have noticed that this sketch is stretched if the window is not square. scale(amount,x,y) can correct the scaling; it scales amount*x to x-axis and amount*y to y-axis. Therefore, scale(1,1,16/9) fits the sketch to 16:9 window, and in general,\nscale(1,1,()=\u0026gt;window.innerWidth/window.innerHeight) adapts the sketch to any size of the window. Notice ()=\u0026gt;, which is an arrow function. If a value is passed to a hydra function (e.g., scale(1,1,window.innerWidth/window.innerHeight)), it will be evaluated only once when ctrl+enter or ctrl+shift+enter is pressed. However, an arrow function is evaluated every frame; thus, it becomes responsive to the window size change. In the rest of the book, a square window is assumed for simplicity. Note that width and height global variables are set when the hydra canvas is initialized, and they will not change according to window resizing.\nkaleid with a small number creates a geometric shape (in the example, an oscillator is combined with kaleid and thresh).\nNoise # noise() is another basic function as a source. A texture is generated based on a variant of Perlin Noise.\nWe will look more into detail in the modulator and arithmetic sections.\nVoronoi # voronoi() is a source to generate a Voronoi diagram.\nShapes # shape(sides,radius,smoothing) generates a polygon with a number of sides set by sides. Nevertheless, it is more than just a polygon - radius changes the size of the shape, and most importantly, smoothing sets gradient of the shape; 1 for fuzzy borders and close to 0 for sharp edges (however, setting to 0 does not work in recent versions). For example, shape(2) is a thick line, which can be scaled to make a thin line.\nor simply,\nBy repeating shape(4) and overlapping them, it gives a grid-like pattern. For convenience, a parameter and a function are stored in JavaScript variables.\nSimilar to kaleid(), shape() with a large number of sides creates a circle. By tweaking the example above, it generates a Polka dot pattern.\nor almost equivalent with (the center of the image will be horizontally shifted)\nThis tiling technique can be used to create a RGB pixel filter. In this example, func is decomposed into R, G, and B channels and overlaid on top of each other.\nScaling # Scaling and difference can also create a periodic texture.\nThis technique can also be applied to a complex texture.\nThe effect can be enhanced by thresh and setting the third argument of voronoi to 0, to have sharp edges. However, a naive implementation will end up in a complete noise (notice that thresh(threshold, tolerance)\u0026rsquo;s tolerance has to be always bigger than 0).\nTo have a desired effect, apply a square mask (before trying the next example, apply solid().out(o0) to clear the buffer).\nThis example can be used together with rotation.\nOr, instead of scale, scrolling functions (scrollX and scrollY) can be used with a feedback loop.\n"},{"id":10,"href":"/hydra-docs-v2/docs/learning/web-editor/","title":"using the web editor","section":"learning","content":" Get to know the browser editor # To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.\nYou will see some colorful visuals in the background with text on top in the top left of the screen. The text is code that generates the visuals behind it.\nAt the right up corner you will find a toolbar with these buttons: run all code Runs all code on the page (same as typing *ctrl+shift+enter) upload to gallery upload a sketch to Hydra\u0026rsquo;s gallery and create a shorter URL clear all resets the environment and clears text from the editor show random sketch. Loads random sketch examples. Always it is a good way to learn Hydra by studying someone elses code. make random change dices modify values automatically. Try it with some of the sketch examples. show info window show overlay window with help text and links Save your sketch on the internet # When you evaluate the entire code with the run button or with shift + ctrl + enter, Hydra automatically generates a URL that contains the last changes of your sketch. You can copy and paste the url from the URL bar to save it or share it with other people. You can also use the browser back and forward arrows to navigate to earlier versions of your sketch. "},{"id":11,"href":"/hydra-docs-v2/docs/learning/guides/","title":"guides","section":"learning","content":" guides # Deeper dives into hydra topics written by members of the hydra community.\nForeword # why is it called hydra? live coding community and open-source sofware Hydra techniques # Color Modulation Masking and layers Feedback Useful Javascript functions # Extending hydra # Writing custom glsl External libraries # hydra + p5 hydra + THREE.js hydra + AFrame Live performance # "},{"id":12,"href":"/hydra-docs-v2/docs/learning/guides/audio/","title":"Audio","section":"guides","content":" Audio Guide # Reacting to audio # In order to achieve audio reactivity, Hydra makes use of a JavaScript library called Meyda and has a pre-defined object called a to access many of its features. Audio reactivity in Hydra is mainly achieved using an algorithm called Fast Fourier transform. You definitely don\u0026rsquo;t need to know what it is or how it achieves what it does to use it, but you need to understand the following:\nThe audio spectrum # Sound travels through air as a wave, that\u0026rsquo;s fairly common knowledge. This basically means that sound is nothing more than air pressure going up and down through time very fast in weird ways. But we don\u0026rsquo;t experience sound simply as something that goes on and off like a light flickering, many of the sounds we are used to have some sort of frequency or repetition that we interpret as higher or lower pitch. When we listen to a song we can easily differentiate the bass guitar from the singer even if both are playing at the same time. If there are two vocals being sung at the same time, even if by the same person, we can differentiate them because of how high or low they are (also because of timbre, but that doesn\u0026rsquo;t matter at all right now). When we talk about the audio spectrum, we are talking about the many frequencies a sound can cover and we humans can hear. What a fast fourier transform does is basically hear some ongoing sound and interpret how present the sound is on different parts of this spectrum. For example, if we separate the audio spectrum in 3 equal parts and play a drum-kit, the bass drum will have more presence on the lower side of the spectrum, while a hi-hat will surely have most of its presence on the higher third part of the spectrum.\na.show() \u0026amp; a.hide() # We can see what Hydra hears by calling the function a.show(). This will show a small graphic on the lower right corner of the screen. If we want to hide it we can call a.hide()\na.setBins() \u0026amp; a.fft # We can decide into how many parts we want to separate the audio spectrum using the function a.setBins(). As you might\u0026rsquo;ve already guessed, a bin is just a part of the audio spectrum. Try now to use very high values since more bins means more processing and you can go overkill easily. But also, you\u0026rsquo;ll see there usually isn\u0026rsquo;t much need to separate the spectrum into that many parts. To read the current value of a bin we use an Array (a list of variables per se) called a.fft.\nSee the following example:\na.setBins(5) osc(20,.1,2) .saturate(()=\u0026gt;1-a.fft[4]) .rotate(()=\u0026gt;a.fft[0]) .kaleid() .out() See how if you make a deep \u0026ldquo;O\u0026rdquo; sound into the mic, the rotation will be strong and the saturation won\u0026rsquo;t be affected as much. Also try to make a high \u0026ldquo;S\u0026rdquo; sound, you\u0026rsquo;ll see the exact opposite.\nNote how we use brackets to call an element in an Array, and that we start counting from 0.\na.bins \u0026amp; a.prevBins # If you want the raw values from each bin without the mapping from 0 to 1, you can access them via a.bins. You can also use a.prevBins to get the bins from the previous frame.\na.setSmooth() # Sometimes the audio reactive elements react\u0026hellip; too much. You can easily get into strobe territory if you are not careful. You can smooth out the interpretation of the sound using the a.setSmooth() function. A value of 0 will be no smoothing at all, a raw input, while a value of 1 will be so smooth nothing will happen at all. Try evaluating a.setSmooth(.85) above and see how different it looks.\na.setScale() \u0026amp; a.setCutoff() # Each microphone, each sound input, etc, can be quite different in volume and dynamics. If you\u0026rsquo;re on a noisy room, your visuals could react to the noise and that\u0026rsquo;s quite annoying. Or if your mic is too low on volume, your visuals may barely react. If you ran a.show() and look at the graph, you may have noticed there are 2 horizontal lines going across the bins. The lowest one represents the cutoff (guitar players and other musicians out here might know this as a noise gate), this means that the value of the bin will be 0 unless the sound goes above that cutoff. The higher line is the scale, that\u0026rsquo;s where the maximum value of 1 is (again, musicians may want to see this as a limiter with auto-gain). If a given bin goes above the scale value, its value won\u0026rsquo;t go past 1.\na.vol # a.vol will give you the overall volume of the audio input.\na.onBeat() \u0026amp; a.beat # Hydra also has a simple beat detection algorithm. You can change this function to anything you like and it will be executed whenever Hydra detects a beat. The beat detection algorithm uses values from a.vol and compares them with a threshold set at a.beat.\na.beat stores the configuration for the beat detection Hydra uses. It\u0026rsquo;s an Object which most useful parameter is threshold. a.beat.threshold represents the volume to which a.vol will be compared to detect a beat. There\u0026rsquo;s also a.beat.decay which sets the decay after a beat.\nReacting to music # As we\u0026rsquo;ve seen, Hydra takes your microphone as an input, not your desktop audio. Those interested in using a music player or a DAW\u0026rsquo;s output as an audio input will have to delve into virtual audio routing. Users with physical sound interfaces with multiple inputs and outputs might prefer physically routing an output to an input and set that input as the default microphone on Chrome.\nVirtually routing audio to Hydra # TODO\n"}]
\ No newline at end of file
diff --git a/public/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js b/public/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js
new file mode 100644
index 0000000..1cc8d64
--- /dev/null
+++ b/public/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js
@@ -0,0 +1 @@
+"use strict";(function(){const o="/hydra-docs-v2/en.search-data.min.e361d7c9c9ab3a0fa834f7c7c8b4447eff2cb4dd7b94f1d98101de247585b4f3.json",i=Object.assign({cache:!0},{doc:{id:"id",field:["title","content"],store:["title","href","section"]}}),e=document.querySelector("#book-search-input"),t=document.querySelector("#book-search-results");if(!e)return;e.addEventListener("focus",n),e.addEventListener("keyup",s),document.addEventListener("keypress",a);function a(t){if(t.target.value!==void 0)return;if(e===document.activeElement)return;const n=String.fromCharCode(t.charCode);if(!r(n))return;e.focus(),t.preventDefault()}function r(t){const n=e.getAttribute("data-hotkeys")||"";return n.indexOf(t)>=0}function n(){e.removeEventListener("focus",n),e.required=!0,fetch(o).then(e=>e.json()).then(e=>{window.bookSearchIndex=FlexSearch.create("balance",i),window.bookSearchIndex.add(e)}).then(()=>e.required=!1).then(s)}function s(){for(;t.firstChild;)t.removeChild(t.firstChild);if(!e.value)return;const n=window.bookSearchIndex.search(e.value,10);n.forEach(function(e){const n=c("<li><a href></a><small></small></li>"),s=n.querySelector("a"),o=n.querySelector("small");s.href=e.href,s.textContent=e.title,o.textContent=e.section,t.appendChild(n)})}function c(e){const t=document.createElement("div");return t.innerHTML=e,t.firstChild}})()
\ No newline at end of file
diff --git a/public/en/index.html b/public/en/index.html
index 2383dbe..0c135a4 100644
--- a/public/en/index.html
+++ b/public/en/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="en">
   <head>
-    <title>https://ojack.xyz/hydra-blog</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2">
   </head>
 </html>
diff --git a/public/en/sitemap.xml b/public/en/sitemap.xml
index 15f31b4..121c370 100644
--- a/public/en/sitemap.xml
+++ b/public/en/sitemap.xml
@@ -2,109 +2,112 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>https://ojack.xyz/hydra-blog/docs/what-is-hydra/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/</loc>
     <lastmod>2023-04-05T16:33:28+02:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/docs/what-is-hydra/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/</loc>
     <lastmod>2023-04-05T21:50:04+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/</loc>
-    <lastmod>2023-04-05T21:50:04+02:00</lastmod>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/community/</loc>
+    <lastmod>2023-04-06T15:22:55+02:00</lastmod>
+  </url><url>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/</loc>
+    <lastmod>2023-04-14T16:44:48-06:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/reference/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/reference/</loc>
     <lastmod>2023-04-05T16:32:08+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/</loc>
     <lastmod>2023-04-05T21:50:04+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/posts/hello-world/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/external-sources/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/</loc>
     <lastmod>2023-04-05T21:50:04+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/interactivity/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/</loc>
     <lastmod>2023-04-05T21:50:04+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/guides/textures/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/web-editor/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/</loc>
     <lastmod>2023-04-05T16:32:08+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/guides/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/</loc>
     <lastmod>2023-04-05T16:32:08+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/</loc>
-    <lastmod>2023-04-06T13:57:36+02:00</lastmod>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/</loc>
+    <lastmod>2023-04-14T16:44:48-06:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/docs/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/docs/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/docs/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/guides/audio/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/</loc>
     <lastmod>2023-04-05T11:38:49+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/guides/color/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/</loc>
     <lastmod>2023-04-06T10:10:37+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/</loc>
     <lastmod>2023-04-06T10:10:37+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/posts/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/posts/</loc>
     <lastmod>2023-04-05T16:32:08+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/categories/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/categories/</loc>
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/categories/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/categories/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/categories/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/</loc>
     <lastmod>2023-04-05T16:32:08+02:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/tags/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/tags/</loc>
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/tags/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/tags/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/tags/"
                 />
   </url>
 </urlset>
diff --git a/public/fonts/terminal-grotesque-webfont.eot b/public/fonts/terminal-grotesque-webfont.eot
new file mode 100644
index 0000000..999871e
Binary files /dev/null and b/public/fonts/terminal-grotesque-webfont.eot differ
diff --git a/public/fonts/terminal-grotesque-webfont.svg b/public/fonts/terminal-grotesque-webfont.svg
new file mode 100644
index 0000000..d708828
--- /dev/null
+++ b/public/fonts/terminal-grotesque-webfont.svg
@@ -0,0 +1,1610 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<metadata></metadata>
+<defs>
+<font id="terminal_grotesqueregular" horiz-adv-x="424" >
+<font-face units-per-em="2048" ascent="1638" descent="-410" />
+<missing-glyph horiz-adv-x="580" />
+<glyph unicode="&#xfb01;" horiz-adv-x="1030" d="M80 768v192h128v192h64v64h64v64h320v-128h-192v-64h-64v-128h192v-192h-192v-768h-192v768h-128zM720 0v960h192v-960h-192zM720 1088v192h192v-192h-192z" />
+<glyph unicode="&#xfb02;" horiz-adv-x="1030" d="M80 768v192h128v192h64v64h64v64h320h128v-64h64v-64h64v-1152h-192v1088h-64v64h-192v-64h-64v-128h192v-192h-192v-768h-192v768h-128z" />
+<glyph horiz-adv-x="0" />
+<glyph horiz-adv-x="682" />
+<glyph unicode=" "  horiz-adv-x="580" />
+<glyph unicode="&#x09;" horiz-adv-x="580" />
+<glyph unicode="&#xa0;" horiz-adv-x="580" />
+<glyph unicode="!" d="M114 0v192h192v-192h-192zM114 384v896h192v-896h-192z" />
+<glyph unicode="&#x22;" horiz-adv-x="566" d="M64 960v320h128v-320h-128zM320 960v320h128v-320h-128z" />
+<glyph unicode="#" horiz-adv-x="1504" d="M44 320v128h320v192h64v192h-192v128h320v192h64v128h192v-128h-64v-192h320v192h64v128h192v-128h-64v-192h192v-128h-320v-192h-64v-192h192v-128h-320v-192h-64v-128h-192v128h64v192h-320v-192h-64v-128h-192v128h64v192h-192zM556 448h320v192h64v192h-320v-192h-64 v-192z" />
+<glyph unicode="$" horiz-adv-x="1026" d="M102 192v128h192v-64h64v-64h128v384h-64v64h-192v64h-64v64h-64v320h64v64h64v64h64v64h192v128h128v-128h128v-64h64v-64h64v-128h-192v64h-64v-384h128v-64h128v-128h64v-320h-64v-64h-64v-64h-128v-64h-64v-128h-128v128h-128v64h-128v64h-64v64h-64zM294 832h128 v-64h64v320h-128v-64h-64v-192zM614 192h64v64h64v192h-64v64h-64v-320z" />
+<glyph unicode="%" horiz-adv-x="1300" d="M94 0v64h64v128h64v64h64v64h64v128h64v64h64v64h64v128h64v64h64v64h64v128h64v64h64v64h64v128h64v64h192v-64h-64v-128h-64v-64h-64v-64h-64v-128h-64v-64h-64v-64h-64v-128h-64v-64h-64v-64h-64v-128h-64v-64h-64v-64h-64v-128h-64v-64h-192zM94 960v192h64v64h64v64 h128v-64h64v-64h64v-192h-64v-64h-64v-64h-128v64h-64v64h-64zM222 960h128v192h-128v-192zM798 128v192h64v64h64v64h128v-64h64v-64h64v-192h-64v-64h-64v-64h-128v64h-64v64h-64zM926 128h128v192h-128v-192z" />
+<glyph unicode="&#x26;" horiz-adv-x="1172" d="M90 256v256h64v128h64v64h64v64h-64v64h-64v192h64v128h64v64h128v64h256v-64h128v-64h64v-64h64v-192h-64v-64h-192v64h64v128h-64v64h-256v-64h-64v-192h64v-64h128v-128h-128v-64h-64v-64h-64v-256h64v-64h384v64h64v192h-64v128h384v-128h-128v-256h-64v-64h-64v-64 h-64v-64h-448v64h-128v64h-64v128h-64z" />
+<glyph unicode="'" horiz-adv-x="310" d="M64 960v320h128v-320h-128z" />
+<glyph unicode="(" horiz-adv-x="658" d="M92 384v512h64v192h64v64h64v64h64v64h192v-64h-64v-64h-64v-128h-64v-192h-64v-384h64v-192h64v-128h64v-64h64v-64h-192v64h-64v64h-64v64h-64v192h-64z" />
+<glyph unicode=")" horiz-adv-x="614" d="M70 0v64h64v64h64v128h64v192h64v384h-64v192h-64v128h-64v64h-64v64h192v-64h64v-64h64v-64h64v-192h64v-512h-64v-192h-64v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="*" horiz-adv-x="608" d="M42 1152v64h192v128h64v-128h192v-64h-64v-64h-64v-64h64v-128h-64v64h-64v64h-64v-64h-64v-64h-64v128h64v64h-64v64h-64z" />
+<glyph unicode="+" horiz-adv-x="1048" d="M30 448v192h384v384h192v-384h384v-192h-384v-384h-192v384h-384z" />
+<glyph unicode="," horiz-adv-x="360" d="M54 0v192h192v-320h-64v-64h-128v64h64v64h64v64h-128z" />
+<glyph unicode="-" horiz-adv-x="844" d="M70 448v192h704v-192h-704z" />
+<glyph unicode="." horiz-adv-x="342" d="M54 0v192h192v-192h-192z" />
+<glyph unicode="/" horiz-adv-x="958" d="M-20 0h64v128h64v128h64v128h64v128h64v128h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-192v128z" />
+<glyph unicode="0" horiz-adv-x="1150" d="M94 384v512h64v192h64v128h128v64h448v-64h128v-128h64v-192h64v-512h-64v-192h-64v-128h-128v-64h-448v64h-128v128h-64v192h-64zM286 448h64v-192h64v-64h320v64h64v192h64v384h-64v192h-64v64h-320v-64h-64v-192h-64v-384z" />
+<glyph unicode="1" horiz-adv-x="562" d="M60 960v128h64v64h64v64h64v64h192v-1280h-192v960h-192z" />
+<glyph unicode="2" horiz-adv-x="1092" d="M100 0v192h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v256h-64v64h-256v-64h-64v-64h-64v-128h-192v128h64v128h64v64h64v64h64v64h384v-64h64v-64h64v-64h64v-384h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h576v-192h-896z" />
+<glyph unicode="3" horiz-adv-x="1046" d="M96 192v128h192v-64h64v-64h320v64h64v256h-64v64h-256v192h256v64h64v192h-64v64h-320v-64h-64v-64h-192v128h64v64h64v64h64v64h384v-64h128v-64h64v-64h64v-320h-64v-64h-64v-64h64v-64h64v-384h-64v-64h-64v-64h-128v-64h-384v64h-64v64h-64v64h-64z" />
+<glyph unicode="4" horiz-adv-x="1066" d="M48 320v384h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h192v-768h192v-192h-192v-320h-192v320h-576zM240 512h384v448h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-128z" />
+<glyph unicode="5" horiz-adv-x="1062" d="M88 192v192h192v-128h64v-64h256v64h128v128h64v128h-64v64h-64v64h-64v64h-448v256h64v192h64v128h576v-192h-448v-128h-64v-64h320v-64h128v-64h64v-64h64v-128h64v-256h-64v-128h-64v-64h-64v-64h-128v-64h-320v64h-128v64h-64v64h-64z" />
+<glyph unicode="6" horiz-adv-x="1108" d="M94 384v512h64v192h64v128h128v64h448v-64h128v-128h64v-128h-192v64h-64v64h-320v-64h-64v-192h-64v-192h64v64h64v64h448v-64h64v-64h64v-448h-64v-128h-128v-64h-448v64h-128v128h-64v192h-64zM350 256h64v-64h320v64h64v256h-64v64h-320v-64h-64v-256z" />
+<glyph unicode="7" horiz-adv-x="1080" d="M2 1088v192h960v-192h-64v-128h-64v-64h-64v-128h-64v-128h-64v-128h-64v-128h-64v-192h-64v-192h-192v256h64v128h64v192h64v128h64v128h64v128h64v64h64v64h-704z" />
+<glyph unicode="8" horiz-adv-x="1074" d="M90 256v256h64v128h64v64h64v64h-64v64h-64v192h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-192h-64v-64h-64v-64h64v-64h64v-128h64v-256h-64v-128h-64v-64h-128v-64h-384v64h-128v64h-64v128h-64zM282 256h64v-64h384v64h64v256h-64v64h-64v64h-256v-64h-64v-64 h-64v-256zM346 832h64v-64h256v64h64v192h-64v64h-256v-64h-64v-192z" />
+<glyph unicode="9" horiz-adv-x="1098" d="M106 192v128h192v-64h64v-64h320v64h64v192h64v192h-64v-64h-64v-64h-448v64h-64v128h-64v320h64v192h128v64h448v-64h128v-128h64v-192h64v-512h-64v-192h-64v-128h-128v-64h-448v64h-128v128h-64zM298 768h64v-64h320v64h64v256h-64v64h-320v-64h-64v-256z" />
+<glyph unicode=":" horiz-adv-x="390" d="M100 64v192h192v-192h-192zM100 640v192h192v-192h-192z" />
+<glyph unicode=";" horiz-adv-x="406" d="M100 0v192h192v-320h-64v-64h-128v64h64v64h64v64h-128zM100 704v192h192v-192h-192z" />
+<glyph unicode="&#x3c;" horiz-adv-x="732" d="M38 576v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64z" />
+<glyph unicode="=" horiz-adv-x="1220" d="M98 256v192h1024v-192h-1024zM98 704v192h1024v-192h-1024z" />
+<glyph unicode="&#x3e;" horiz-adv-x="732" d="M98 192v64h64v64h64v64h64v64h64v64h64v64h64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h64v64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v64h-64z" />
+<glyph unicode="?" horiz-adv-x="1062" d="M48 832v128h64v128h64v64h64v64h64v64h384v-64h128v-64h64v-64h64v-320h-64v-64h-64v-64h-64v-64h-64v-64h-64v-128h-192v192h64v64h64v64h64v64h64v64h64v192h-64v64h-320v-64h-64v-64h-64v-128h-192zM432 0v192h192v-192h-192z" />
+<glyph unicode="@" horiz-adv-x="1210" d="M94 256v576h64v128h64v64h64v64h64v64h128v64h320v-64h128v-64h64v-64h64v-64h64v-640h-64v-64h-64v-64h-128v64h-64v64h-64v-64h-64v-64h-192v64h-64v64h-64v448h64v64h64v64h320v-64h64v-512h64v64h64v512h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-64 h-64v-576h64v-64h64v-64h128v-64h192v-128h-256v64h-128v64h-64v64h-64v128h-64zM478 384h64v-64h128v64h64v384h-192v-64h-64v-320z" />
+<glyph unicode="A" horiz-adv-x="1348" d="M36 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM420 576h448v64h-64v128h-64v128h-64v128h-64v-128h-64 v-128h-64v-128h-64v-64z" />
+<glyph unicode="B" horiz-adv-x="1104" d="M114 0v1280h640v-64h64v-64h64v-64h64v-320h-64v-128h64v-64h64v-384h-64v-64h-64v-64h-64v-64h-704zM306 192h448v64h64v256h-64v64h-448v-384zM306 768h384v64h64v192h-64v64h-384v-320z" />
+<glyph unicode="C" horiz-adv-x="1322" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-128h64v-64h64v-64h-256v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h256v-64h-64v-64h-64v-128h-64v-64h-192v-64h-320v64 h-192v64h-64v64h-64v64h-64v128h-64z" />
+<glyph unicode="D" horiz-adv-x="1230" d="M114 0v1280h576v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-576zM306 192h320v64h128v64h64v64h64v128h64v256h-64v128h-64v64h-64v64h-128v64h-320v-896z" />
+<glyph unicode="E" horiz-adv-x="1000" d="M114 0v1280h768v-192h-576v-320h576v-192h-576v-384h576v-192h-768z" />
+<glyph unicode="F" horiz-adv-x="1000" d="M114 0v1280h768v-192h-576v-320h576v-192h-576v-576h-192z" />
+<glyph unicode="G" horiz-adv-x="1334" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-128h64v-64h64v-64h-256v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h-384v192h576v-384h-64v-64h-64v-128h-64v-64 h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64z" />
+<glyph unicode="H" horiz-adv-x="1192" d="M114 0v1280h192v-512h576v512h192v-1280h-192v576h-576v-576h-192z" />
+<glyph unicode="I" d="M114 0v1280h192v-1280h-192z" />
+<glyph unicode="J" horiz-adv-x="852" d="M30 192v256h192v-192h64v-64h192v64h64v1024h192v-1088h-64v-128h-128v-64h-320v64h-128v128h-64z" />
+<glyph unicode="K" horiz-adv-x="1362" d="M114 0v1280h192v-576h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h256v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-128h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-256v64h-64v64h-64v64h-64v64h-64 v64h-64v64h-64v64h-64v64h-64v64h-64v-64h-64v-64h-64v-448h-192z" />
+<glyph unicode="L" horiz-adv-x="1042" d="M114 0v1280h192v-1088h640v-192h-832z" />
+<glyph unicode="M" horiz-adv-x="1448" d="M114 0v1280h320v-192h64v-128h64v-192h64v-192h64v-256h64v256h64v192h64v192h64v128h64v192h320v-1280h-192v960h-64v-128h-64v-256h-64v-256h-64v-192h-64v-128h-192v128h-64v192h-64v256h-64v256h-64v128h-64v-960h-192z" />
+<glyph unicode="N" horiz-adv-x="1256" d="M114 0v1280h320v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v1024h192v-1280h-320v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v-1024h-192z" />
+<glyph unicode="O" horiz-adv-x="1396" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM280 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256z" />
+<glyph unicode="P" horiz-adv-x="1128" d="M114 0v1280h704v-64h64v-64h64v-64h64v-320h-64v-64h-64v-64h-64v-64h-512v-576h-192zM306 768h448v64h64v192h-64v64h-448v-320z" />
+<glyph unicode="Q" horiz-adv-x="1396" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-64v-64h128v-192h-192v64h-64v64h-64v128h-64v64h-192v64h-64v64h-64v64h-64v128h-64zM280 512h64v-128h64v-64h64v-64h128v-64 h192v64h128v64h64v64h64v128h64v256h-64v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256z" />
+<glyph unicode="R" horiz-adv-x="1234" d="M114 0v1280h704v-64h64v-64h64v-64h64v-320h-64v-64h-64v-64h-64v-64h-192v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-256v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v-576h-192zM306 768h448v64h64v192h-64v64h-448v-320z " />
+<glyph unicode="S" horiz-adv-x="1030" d="M104 192v128h192v-64h64v-64h320v64h64v192h-64v64h-64v64h-192v64h-192v64h-64v64h-64v320h64v64h64v64h64v64h448v-64h64v-64h64v-128h-192v64h-320v-64h-64v-192h128v-64h192v-64h128v-64h128v-128h64v-320h-64v-64h-64v-64h-128v-64h-320v64h-128v64h-64v64h-64z" />
+<glyph unicode="T" horiz-adv-x="1100" d="M0 1088v192h1088v-192h-448v-1088h-192v1088h-448z" />
+<glyph unicode="U" horiz-adv-x="1188" d="M110 256v1024h192v-896h64v-128h64v-64h320v64h64v128h64v896h192v-1024h-64v-128h-64v-64h-128v-64h-448v64h-128v64h-64v128h-64z" />
+<glyph unicode="V" horiz-adv-x="1236" d="M30 1152v128h192v-128h64v-192h64v-128h64v-192h64v-192h64v-128h64v128h64v192h64v192h64v128h64v192h64v128h192v-128h-64v-192h-64v-128h-64v-192h-64v-192h-64v-128h-64v-192h-64v-128h-192v128h-64v192h-64v128h-64v192h-64v192h-64v128h-64v192h-64z" />
+<glyph unicode="W" horiz-adv-x="1652" d="M62 1024v256h192v-256h64v-256h64v-192h64v-256h64v256h64v192h64v256h64v256h192v-256h64v-256h64v-192h64v-256h64v256h64v192h64v256h64v256h192v-256h-64v-192h-64v-256h-64v-256h-64v-192h-64v-128h-192v128h-64v192h-64v256h-64v256h-64v-256h-64v-256h-64v-192 h-64v-128h-192v128h-64v192h-64v256h-64v256h-64v192h-64z" />
+<glyph unicode="X" horiz-adv-x="1348" d="M78 0v128h64v64h64v64h64v64h64v128h64v64h64v64h64v128h-64v64h-64v64h-64v128h-64v64h-64v64h-64v64h-64v128h256v-64h64v-128h64v-64h64v-64h64v-128h128v128h64v64h64v64h64v128h64v64h256v-128h-64v-64h-64v-64h-64v-64h-64v-128h-64v-64h-64v-64h-64v-128h64v-64 h64v-64h64v-128h64v-64h64v-64h64v-64h64v-128h-256v64h-64v128h-64v64h-64v64h-64v128h-128v-128h-64v-64h-64v-64h-64v-128h-64v-64h-256z" />
+<glyph unicode="Y" horiz-adv-x="1202" d="M-4 1216v64h256v-128h64v-128h64v-128h64v-128h64v-128h64v128h64v128h64v128h64v128h64v128h256v-64h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-448h-192v448h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64z" />
+<glyph unicode="Z" horiz-adv-x="1164" d="M86 0v192h64v64h64v64h64v128h64v64h64v64h64v128h64v64h64v64h64v128h64v64h64v64h-704v192h960v-256h-64v-64h-64v-128h-64v-64h-64v-64h-64v-128h-64v-64h-64v-64h-64v-64h-64v-128h-64v-64h640v-192h-960z" />
+<glyph unicode="[" horiz-adv-x="630" d="M116 -192v1664h384v-128h-256v-1408h256v-128h-384z" />
+<glyph unicode="\" horiz-adv-x="994" d="M-16 1280v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h-192v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64z" />
+<glyph unicode="]" horiz-adv-x="538" d="M24 -64h256v1408h-256v128h384v-1664h-384v128z" />
+<glyph unicode="^" horiz-adv-x="800" d="M42 1024v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64h-128z" />
+<glyph unicode="_" horiz-adv-x="1470" d="M12 0h1344v-128h-1344v128z" />
+<glyph unicode="`" horiz-adv-x="458" d="M20 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="a" horiz-adv-x="1018" d="M84 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="b" horiz-adv-x="1020" d="M114 0v1280h192v-448h64v64h64v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-64v64h-64v-128h-192zM306 320h64v-64h64v-64h256v64h64v448h-64v64h-256v-64h-64v-64h-64v-320z" />
+<glyph unicode="c" horiz-adv-x="882" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-192h-128v64h-64v64h-256v-64h-64v-448h64v-64h256v64h64v64h128v-192h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64z" />
+<glyph unicode="d" horiz-adv-x="1026" d="M76 256v448h64v128h64v64h128v64h256v-64h64v-64h64v448h192v-1280h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM268 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="e" horiz-adv-x="936" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM276 576h384v128h-64v64h-256v-64h-64v-128z" />
+<glyph unicode="f" horiz-adv-x="774" d="M80 768v192h128v192h64v64h64v64h320v-128h-192v-64h-64v-128h192v-192h-192v-768h-192v768h-128z" />
+<glyph unicode="g" horiz-adv-x="1036" d="M90 -128h64v64h128v-64h64v-64h320v64h64v256h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-1152h-64v-64h-64v-64h-128v-64h-320v64h-128v64h-64v64h-64v64zM282 256h64v-64h256v64h64v64h64v320h-64v64h-64v64 h-256v-64h-64v-448z" />
+<glyph unicode="h" horiz-adv-x="1042" d="M114 0v1280h192v-448h64v64h64v64h256v-64h128v-64h64v-128h64v-704h-192v704h-64v64h-256v-64h-64v-64h-64v-640h-192z" />
+<glyph unicode="i" d="M114 0v960h192v-960h-192zM114 1088v192h192v-192h-192z" />
+<glyph unicode="j" d="M114 -384v1344h192v-1344h-192zM114 1088v192h192v-192h-192z" />
+<glyph unicode="k" horiz-adv-x="1042" d="M114 0v1280h192v-704h64v64h64v64h64v64h64v64h64v64h64v64h256v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-256v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v-384h-192z" />
+<glyph unicode="l" d="M114 0v1280h192v-1280h-192z" />
+<glyph unicode="m" horiz-adv-x="1418" d="M106 0v960h192v-128h64v64h64v64h192v-64h64v-64h128v64h64v64h256v-64h64v-64h64v-128h64v-704h-192v704h-64v64h-192v-64h-64v-704h-192v704h-64v64h-128v-64h-64v-64h-64v-640h-192z" />
+<glyph unicode="n" horiz-adv-x="970" d="M106 0v960h192v-128h64v64h64v64h192v-64h128v-64h64v-128h64v-704h-192v704h-64v64h-192v-64h-64v-64h-64v-640h-192z" />
+<glyph unicode="o" horiz-adv-x="934" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v448h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="p" horiz-adv-x="1020" d="M106 -384v1344h192v-128h64v64h64v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-64v64h-64v-512h-192zM298 320h64v-64h64v-64h256v64h64v448h-64v64h-256v-64h-64v-64h-64v-320z" />
+<glyph unicode="q" horiz-adv-x="1030" d="M84 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-1344h-192v512h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="r" horiz-adv-x="868" d="M106 0v960h192v-128h64v64h64v64h256v-64h64v-64h64v-128h-64v-64h-64v64h-64v64h-192v-64h-64v-64h-64v-640h-192z" />
+<glyph unicode="s" horiz-adv-x="822" d="M96 128v128h64v64h64v-64h64v-64h64v-64h128v64h64v128h-64v64h-64v64h-128v64h-64v64h-64v64h-64v192h64v64h64v64h384v-64h64v-192h-128v64h-64v64h-128v-64h-64v-64h64v-64h64v-64h128v-64h64v-64h64v-64h64v-256h-64v-64h-64v-64h-384v64h-64v64h-64z" />
+<glyph unicode="t" horiz-adv-x="722" d="M80 768v192h128v256h192v-256h256v-192h-256v-768h-192v768h-128z" />
+<glyph unicode="u" horiz-adv-x="974" d="M104 128v832h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-320v64h-64v64h-64z" />
+<glyph unicode="v" horiz-adv-x="984" d="M76 768v192h192v-128h64v-256h64v-192h64v-192h64v192h64v192h64v256h64v128h192v-192h-64v-192h-64v-256h-64v-192h-64v-128h-320v128h-64v192h-64v256h-64v192h-64z" />
+<glyph unicode="w" horiz-adv-x="1368" d="M76 768v192h192v-192h64v-192h64v-192h64v-192h64v192h64v192h64v128h64v-128h64v-192h64v-192h64v192h64v192h64v192h64v192h192v-192h-64v-192h-64v-256h-64v-192h-64v-128h-256v128h-64v192h-64v-192h-64v-128h-256v128h-64v192h-64v256h-64v192h-64z" />
+<glyph unicode="x" horiz-adv-x="970" d="M102 0v192h64v64h64v64h64v64h64v64h64v64h-64v64h-64v64h-64v64h-64v64h-64v192h128v-64h64v-64h64v-64h64v-128h128v128h64v64h64v64h64v64h128v-192h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-192h-128v64h-64v64h-64v64h-64v128 h-128v-128h-64v-64h-64v-64h-64v-64h-128z" />
+<glyph unicode="y" horiz-adv-x="920" d="M76 768v192h192v-192h64v-192h64v-192h64v-64h64v256h64v192h64v192h192v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-192v192h64v192h64v128h-64v128h-64v128h-64v192h-64v192h-64z" />
+<glyph unicode="z" horiz-adv-x="1032" d="M100 0v192h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h-576v192h832v-192h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h576v-192h-832z" />
+<glyph unicode="{" horiz-adv-x="714" d="M72 640v64h64v64h64v576h64v64h64v64h256v-64h-128v-64h-64v-512h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-576h64v-64h128v-64h-256v64h-64v64h-64v640h-64v64h-64z" />
+<glyph unicode="|" horiz-adv-x="374" d="M116 -192v1664h128v-1664h-128z" />
+<glyph unicode="}" horiz-adv-x="566" d="M-20 -128h128v64h64v576h64v64h64v64h64v64h-64v64h-64v64h-64v512h-64v64h-128v64h256v-64h64v-64h64v-576h64v-64h64v-64h-64v-64h-64v-640h-64v-64h-64v-64h-256v64z" />
+<glyph unicode="~" horiz-adv-x="914" d="M70 512v192h64v64h64v64h192v-64h128v-64h192v64h64v64h64v-192h-64v-64h-64v-64h-192v64h-128v64h-192v-64h-64v-64h-64z" />
+<glyph unicode="&#xa1;" d="M114 0v896h192v-896h-192zM114 1088v192h192v-192h-192z" />
+<glyph unicode="&#xa2;" horiz-adv-x="934" d="M2 0h64v64h64v576h64v64h64v64h64v64h320v64h64v64h128v-64h-64v-64h-64v-64h64v-64h64v-128h-128v64h-64v64h-256v-64h-64v-64h-64v-320h64v-64h64v-64h256v64h64v64h128v-128h-64v-64h-64v-64h-384v64h-128v-64h-64v-64h-128v64z" />
+<glyph unicode="&#xa3;" horiz-adv-x="1208" d="M66 64v320h64v64h192v-64h64v256h-256v128h256v384h64v64h64v64h448v-64h64v-64h64v-128h-192v64h-64v64h-192v-64h-64v-320h384v-128h-384v-384h64v-64h64v-64h128v64h64v64h64v64h128v-192h-64v-64h-64v-64h-384v64h-64v64h-64v-64h-64v-64h-256v64h-64zM130 128h192 v128h-64v64h-128v-192z" />
+<glyph unicode="&#xa4;" horiz-adv-x="1218" d="M98 64v64h64v64h64v128h-64v384h64v128h-64v64h-64v64h64v64h64v-64h64v-64h128v64h384v-64h128v64h64v64h64v-64h64v-64h-64v-64h-64v-128h64v-384h-64v-128h64v-64h64v-64h-64v-64h-64v64h-64v64h-128v-64h-384v64h-128v-64h-64v-64h-64v64h-64zM290 320h64v-64h64v-64 h384v64h64v64h64v384h-64v64h-64v64h-384v-64h-64v-64h-64v-384z" />
+<glyph unicode="&#xa5;" horiz-adv-x="1294" d="M88 448v128h320v128h-64v128h-256v128h128v128h-64v128h-64v64h256v-128h64v-128h64v-64h320v64h64v128h64v128h256v-64h-64v-128h-64v-128h128v-128h-256v-128h-64v-128h320v-128h-448v-448h-192v448h-448zM536 768h64v-128h64v128h64v64h-192v-64z" />
+<glyph unicode="&#xa6;" horiz-adv-x="374" d="M116 -128v1536h128v-1536h-128z" />
+<glyph unicode="&#xa7;" horiz-adv-x="820" d="M90 384v256h64v64h128v128h-64v64h-64v256h64v64h64v64h256v-64h64v-128h64v-128h-128v128h-64v64h-128v-64h-64v-128h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-256h-64v-64h-128v-64h64v-128h64v-256h-64v-64h-64v-64h-256v64h-64v128h-64v128h128v-128h64v-64 h128v64h64v128h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64zM218 448h64v-64h64v-64h192v64h64v128h-64v64h-64v64h-192v-64h-64v-128z" />
+<glyph unicode="&#xa8;" horiz-adv-x="772" d="M66 1408v192h192v-192h-192zM450 1408v192h192v-192h-192z" />
+<glyph unicode="&#xa9;" horiz-adv-x="1460" d="M88 448v448h64v-448h-64zM152 256v192h64v-128h64v-64h64v-64h128v-64h512v64h128v64h64v64h64v128h64v-192h-64v-64h-64v-64h-64v-64h-128v-64h-512v64h-128v64h-64v64h-64v64h-64zM152 896v192h64v64h64v64h64v64h128v64h512v-64h128v-64h64v-64h64v-64h64v-192h-64 v128h-64v64h-64v64h-128v64h-512v-64h-128v-64h-64v-64h-64v-128h-64zM344 448v448h64v64h64v64h64v64h384v-64h64v-64h64v-128h-128v64h-64v64h-256v-64h-64v-64h-64v-320h64v-64h64v-64h256v64h64v64h128v-128h-64v-64h-64v-64h-384v64h-64v64h-64v64h-64zM1304 448v448 h64v-448h-64z" />
+<glyph unicode="&#xaa;" horiz-adv-x="734" d="M104 256v128h512v-128h-512zM104 576v192h64v64h64v64h256v128h-256v-64h-128v64h64v64h64v64h256v-64h64v-64h64v-576h-128v64h-64v-64h-192v64h-64v64h-64zM232 640h64v-64h128v64h64v128h-192v-64h-64v-64z" />
+<glyph unicode="&#xab;" horiz-adv-x="1116" d="M38 576v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64zM422 576v64h64v64h64v64h64v64h64 v64h64v64h64v64h64v64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64z" />
+<glyph unicode="&#xac;" horiz-adv-x="1522" d="M18 576v128h1408v-704h-128v576h-1280z" />
+<glyph unicode="&#xad;" horiz-adv-x="844" d="M70 448v192h704v-192h-704z" />
+<glyph unicode="&#xae;" horiz-adv-x="1460" d="M88 448v448h64v-448h-64zM152 256v192h64v-128h64v-64h64v-64h128v-64h512v64h128v64h64v64h64v128h64v-192h-64v-64h-64v-64h-64v-64h-128v-64h-512v64h-128v64h-64v64h-64v64h-64zM152 896v192h64v64h64v64h64v64h128v64h512v-64h128v-64h64v-64h64v-64h64v-192h-64 v128h-64v64h-64v64h-128v64h-512v-64h-128v-64h-64v-64h-64v-128h-64zM472 320v704h448v-64h64v-64h64v-192h-64v-64h-192v-64h64v-64h64v-64h64v-64h64v-64h-192v64h-64v64h-64v64h-64v64h-64v-256h-128zM600 704h320v192h-320v-192zM1304 448v448h64v-448h-64z" />
+<glyph unicode="&#xaf;" horiz-adv-x="992" d="M30 1216v128h832v-128h-832z" />
+<glyph unicode="&#xb0;" horiz-adv-x="534" d="M32 1088v128h64v64h64v64h128v-64h64v-64h64v-128h-64v-64h-64v-64h-128v64h-64v64h-64zM160 1088h128v128h-128v-128z" />
+<glyph unicode="&#xb1;" horiz-adv-x="1136" d="M80 0v192h960v-192h-960zM80 640v192h384v384h192v-384h384v-192h-384v-384h-192v384h-384z" />
+<glyph unicode="&#xb2;" horiz-adv-x="512" d="M74 896v128h64v64h64v64h64v128h-128v-64h-64v128h256v-64h64v-128h-64v-64h-64v-64h-64v-64h128v64h64v-128h-320z" />
+<glyph unicode="&#xb3;" horiz-adv-x="504" d="M66 960v64h64v-64h-64zM66 1216v64h64v-64h-64zM130 896v64h128v128h-64v64h64v128h-128v64h192v-64h64v-128h-64v-64h64v-128h-64v-64h-192z" />
+<glyph unicode="&#xb4;" horiz-adv-x="484" d="M34 1152v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xb5;" horiz-adv-x="976" d="M106 -384v1344h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-192v64h-64v-448h-192z" />
+<glyph unicode="&#xb6;" horiz-adv-x="1036" d="M74 768v384h64v64h64v64h128v64h576v-1664h-128v1600h-192v-1600h-128v896h-128v64h-128v64h-64v64h-64z" />
+<glyph unicode="&#xb7;" horiz-adv-x="376" d="M66 896v192h192v-192h-192z" />
+<glyph unicode="&#xb8;" horiz-adv-x="460" d="M-38 -192h64v-64h128v128h-128v128h64v-64h192v-64h64v-192h-64v-64h-256v64h-64v128z" />
+<glyph unicode="&#xb9;" horiz-adv-x="402" d="M16 1152v64h64v-64h-64zM80 1216v64h64v64h128v-384h-128v256h-64z" />
+<glyph unicode="&#xba;" horiz-adv-x="798" d="M104 256v128h576v-128h-576zM104 576v448h64v64h64v64h320v-64h64v-64h64v-448h-64v-64h-64v-64h-320v64h-64v64h-64zM232 640h64v-64h192v64h64v320h-64v64h-192v-64h-64v-320z" />
+<glyph unicode="&#xbb;" horiz-adv-x="1116" d="M98 192v64h64v64h64v64h64v64h64v64h64v64h64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h64v64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v64h-64zM482 192v64h64v64h64v64h64v64h64 v64h64v64h64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h64v64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v64h-64z" />
+<glyph unicode="&#xbc;" horiz-adv-x="1458" d="M92 0v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h128v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64 v-64h-128zM92 960v64h64v64h64v64h128v-512h-128v320h-128zM860 128v192h64v64h64v64h64v64h64v64h64v64h128v-384h64v-128h-64v-128h-128v128h-320zM988 256h192v192h-64v-64h-64v-64h-64v-64z" />
+<glyph unicode="&#xbd;" horiz-adv-x="1532" d="M92 0v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h128v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64 v-64h-128zM92 960v64h64v64h64v64h128v-512h-128v320h-128zM988 0v128h64v64h64v64h64v64h64v64h64v128h-192v-64h-128v64h64v64h64v64h256v-64h64v-192h-64v-64h-64v-64h-64v-64h-64v-64h256v-128h-448z" />
+<glyph unicode="&#xbe;" horiz-adv-x="1474" d="M108 0v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h128v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64 v-64h-128zM108 640v128h128v-128h128v192h-128v64h128v192h-128v-128h-128v128h64v64h256v-64h64v-192h-64v-64h64v-192h-64v-64h-256v64h-64zM876 128v192h64v64h64v64h64v64h64v64h64v64h128v-384h64v-128h-64v-128h-128v128h-320zM1004 256h192v192h-64v-64h-64v-64h-64 v-64z" />
+<glyph unicode="&#xbf;" horiz-adv-x="1002" d="M60 192v320h64v64h64v64h64v64h64v64h64v128h192v-192h-64v-64h-64v-64h-64v-64h-64v-64h-64v-192h64v-64h320v64h64v64h64v128h192v-128h-64v-128h-64v-64h-64v-64h-64v-64h-384v64h-128v64h-64v64h-64zM380 1088v192h192v-192h-192z" />
+<glyph unicode="&#xc0;" horiz-adv-x="1346" d="M34 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM418 576h448v64h-64v128h-64v128h-64v128h-64v-128h-64 v-128h-64v-128h-64v-64zM418 1536v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xc1;" horiz-adv-x="1344" d="M32 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM416 576h448v64h-64v128h-64v128h-64v128h-64v-128h-64 v-128h-64v-128h-64v-64zM544 1408v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xc2;" horiz-adv-x="1358" d="M46 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM302 1280v64h64v64h64v64h64v64h64v64h192v-64h64v-64h64 v-64h64v-64h64v-64h-128v64h-128v64h-64v64h-64v-64h-64v-64h-128v-64h-128zM430 576h448v64h-64v128h-64v128h-64v128h-64v-128h-64v-128h-64v-128h-64v-64z" />
+<glyph unicode="&#xc3;" horiz-adv-x="1350" d="M38 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM294 1408v128h64v64h64v64h192v-64h64v-64h64v-64h128v64 h64v64h64v-128h-64v-64h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64zM422 576h448v64h-64v128h-64v128h-64v128h-64v-128h-64v-128h-64v-128h-64v-64z" />
+<glyph unicode="&#xc4;" horiz-adv-x="1348" d="M36 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h192v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM356 1408v192h192v-192h-192zM420 576h448v64h-64v128 h-64v128h-64v128h-64v-128h-64v-128h-64v-128h-64v-64zM740 1408v192h192v-192h-192z" />
+<glyph unicode="&#xc5;" horiz-adv-x="1346" d="M34 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h-64v192h64v64h192v-64h64v-192h-64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-192h64v-128h64v-192h-192v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM418 576h448v64h-64v128 h-64v128h-64v128h-64v-128h-64v-128h-64v-128h-64v-64zM546 1344h64v-64h64v64h64v64h-64v64h-64v-64h-64v-64z" />
+<glyph unicode="&#xc6;" horiz-adv-x="1924" d="M36 0v192h64v128h64v192h64v128h64v128h64v128h64v128h64v128h64v128h832v-192h-576v-64h64v-128h64v-128h640v-192h-512v-64h64v-192h64v-128h640v-192h-768v128h-64v128h-64v128h-576v-128h-64v-128h-64v-128h-192zM420 576h448v64h-64v128h-64v128h-64v64h-64v-64h-64 v-128h-64v-128h-64v-64z" />
+<glyph unicode="&#xc7;" horiz-adv-x="1324" d="M90 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-128h64v-64h64v-64h-256v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h256v-64h-64v-64h-64v-128h-64v-64h-192v-64h-256v-64 h192v-64h64v-192h-64v-64h-256v64h-64v128h64v-64h128v128h-128v192h-192v64h-64v64h-64v64h-64v128h-64z" />
+<glyph unicode="&#xc8;" horiz-adv-x="1000" d="M114 0v1280h768v-192h-576v-320h576v-192h-576v-384h576v-192h-768zM306 1536v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xc9;" horiz-adv-x="998" d="M112 0v1280h768v-192h-576v-320h576v-192h-576v-384h576v-192h-768zM432 1408v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xca;" horiz-adv-x="1000" d="M114 0v1280h768v-192h-576v-320h576v-192h-576v-384h576v-192h-768zM178 1344v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64h-128z" />
+<glyph unicode="&#xcb;" horiz-adv-x="1000" d="M114 0v1280h768v-192h-576v-320h576v-192h-576v-384h576v-192h-768zM242 1408v192h192v-192h-192zM562 1408v192h192v-192h-192z" />
+<glyph unicode="&#xcc;" horiz-adv-x="446" d="M-4 1536v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64zM124 0v1280h192v-1280h-192z" />
+<glyph unicode="&#xcd;" horiz-adv-x="566" d="M116 0v1280h192v-1280h-192zM116 1408v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xce;" horiz-adv-x="810" d="M-24 1280v64h64v64h64v64h64v64h64v64h192v-64h64v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-64v64h-64v-64h-64v-64h-128v-64h-128zM232 0v1280h192v-1280h-192z" />
+<glyph unicode="&#xcf;" horiz-adv-x="652" d="M-54 1408v192h192v-192h-192zM138 0v1280h192v-1280h-192zM330 1408v192h192v-192h-192z" />
+<glyph unicode="&#xd0;" horiz-adv-x="1316" d="M72 576v128h128v576h576v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-576v576h-128zM392 192h320v64h128v64h64v64h64v128h64v256h-64v128h-64v64h-64v64h-128v64h-320v-384h256v-128h-256v-384z" />
+<glyph unicode="&#xd1;" horiz-adv-x="1256" d="M114 0v1280h320v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v-128h64v1024h192v-1280h-320v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64v-1024h-192zM306 1408v128h64v64h64v64h192v-64h64v-64h64v-64h128v64h64v64h64v-128h-64v-64 h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64z" />
+<glyph unicode="&#xd2;" horiz-adv-x="1390" d="M86 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM278 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM470 1536v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xd3;" horiz-adv-x="1392" d="M86 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM278 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM598 1408v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xd4;" horiz-adv-x="1394" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM280 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM344 1280v64h64v64h64v64h64v64h64v64h192v-64h64v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-64v64h-64v-64h-64v-64h-128v-64h-128z" />
+<glyph unicode="&#xd5;" horiz-adv-x="1394" d="M88 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM280 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM344 1408v128h64v64h64v64h192v-64h64v-64h64v-64h128v64h64v64h64v-128h-64v-64h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64z" />
+<glyph unicode="&#xd6;" horiz-adv-x="1392" d="M86 384v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-64h64v-64h64v-128h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64zM278 512h64v-128h64v-64h64v-64h128v-64h192v64h128v64h64v64h64v128h64v256h-64 v128h-64v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM406 1408v192h192v-192h-192zM790 1408v192h192v-192h-192z" />
+<glyph unicode="&#xd7;" horiz-adv-x="960" d="M96 128v64h64v64h64v64h64v64h64v64h64v64h-64v64h-64v64h-64v64h-64v64h-64v64h128v-64h64v-64h64v-64h64v-64h128v64h64v64h64v64h64v64h128v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h-128v64h-64v64h-64v64h-64v64h-128v-64 h-64v-64h-64v-64h-64v-64h-128z" />
+<glyph unicode="&#xd8;" horiz-adv-x="1502" d="M104 0v128h64v64h64v64h-64v128h-64v512h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h128v64h64v64h128v-128h-64v-64h-64v-192h64v-512h-64v-128h-64v-64h-64v-64h-64v-64h-192v-64h-320v64h-192v64h-64v-64h-64v-64h-128zM296 512h64v-128h64v64h64v64h64v64h64 v64h64v64h64v64h64v64h64v64h64v128h-128v64h-192v-64h-128v-64h-64v-64h-64v-128h-64v-256zM488 256h128v-64h192v64h128v64h64v64h64v128h64v256h-64v64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64z" />
+<glyph unicode="&#xd9;" horiz-adv-x="1188" d="M110 256v1024h192v-896h64v-128h64v-64h320v64h64v128h64v896h192v-1024h-64v-128h-64v-64h-128v-64h-448v64h-128v64h-64v128h-64zM366 1536v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xda;" horiz-adv-x="1188" d="M110 256v1024h192v-896h64v-128h64v-64h320v64h64v128h64v896h192v-1024h-64v-128h-64v-64h-128v-64h-448v64h-128v64h-64v128h-64zM494 1408v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xdb;" horiz-adv-x="1188" d="M110 256v1024h192v-896h64v-128h64v-64h320v64h64v128h64v896h192v-1024h-64v-128h-64v-64h-128v-64h-448v64h-128v64h-64v128h-64zM238 1344v64h64v64h64v64h64v64h64v64h192v-64h64v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-64v64h-64v-64h-64v-64h-128v-64h-128z " />
+<glyph unicode="&#xdc;" horiz-adv-x="1188" d="M110 256v1024h192v-896h64v-128h64v-64h320v64h64v128h64v896h192v-1024h-64v-128h-64v-64h-128v-64h-448v64h-128v64h-64v128h-64z" />
+<glyph unicode="&#xdd;" horiz-adv-x="1200" d="M-6 1216v64h256v-128h64v-128h64v-128h64v-128h64v-128h64v128h64v128h64v128h64v128h64v128h256v-64h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-448h-192v448h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64zM442 1408v64h64v64h64v64h192 v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xde;" horiz-adv-x="1068" d="M114 0v1280h192v-320h512v-64h64v-64h64v-64h64v-320h-64v-64h-64v-64h-64v-64h-512v-256h-192zM306 448h448v64h64v192h-64v64h-448v-320z" />
+<glyph unicode="&#xdf;" horiz-adv-x="936" d="M90 0v704h64v128h64v64h64v64h384v-64h64v-64h64v-192h-64v-128h-64v-64h64v-64h64v-64h64v-192h-64v-64h-64v-64h-384v128h256v64h64v128h-64v64h-64v64h-64v128h64v64h64v128h-64v64h-192v-64h-64v-768h-192z" />
+<glyph unicode="&#xe0;" horiz-adv-x="1014" d="M84 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448zM276 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xe1;" horiz-adv-x="1014" d="M80 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM272 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448zM400 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xe2;" horiz-adv-x="1026" d="M88 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM216 1024v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64h-128zM280 256h64v-64h256v64h64v64h64v320 h-64v64h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="&#xe3;" horiz-adv-x="1036" d="M98 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM162 1088v128h64v64h64v64h192v-64h64v-64h64v-64h128v64h64v64h64v-128h-64v-64h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64z M290 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="&#xe4;" horiz-adv-x="1022" d="M86 256v448h64v128h64v64h128v64h256v-64h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM278 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448zM278 1088v192h192v-192h-192zM598 1088v192h192v-192h-192z" />
+<glyph unicode="&#xe5;" horiz-adv-x="1014" d="M82 256v448h64v128h64v64h128v64h64v64h-64v192h64v64h192v-64h64v-192h-64v-128h64v-64h64v128h192v-960h-192v128h-64v-64h-64v-64h-256v64h-128v64h-64v128h-64zM274 256h64v-64h256v64h64v64h64v320h-64v64h-64v64h-256v-64h-64v-448zM402 1088h64v-64h64v64h64v64 h-64v64h-64v-64h-64v-64z" />
+<glyph unicode="&#xe6;" horiz-adv-x="1572" d="M80 256v192h64v64h64v64h448v128h-64v64h-256v-64h-192v128h64v64h128v64h256v-64h64v-64h64v-64h64v64h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v64h-64v-64h-64v-64h-64 v-64h-256v64h-128v64h-64v128h-64zM272 256h64v-64h256v64h64v192h-320v-64h-64v-128zM912 576h384v128h-64v64h-256v-64h-64v-128z" />
+<glyph unicode="&#xe7;" horiz-adv-x="884" d="M86 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-192h-128v64h-64v64h-256v-64h-64v-448h64v-64h256v64h64v64h128v-192h-64v-64h-128v-64h-192v-64h192v-64h64v-192h-64v-64h-256v64h-64v128h64v-64h128v128h-128v192h-128v64h-64v128h-64z" />
+<glyph unicode="&#xe8;" horiz-adv-x="932" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM276 576h384v128h-64v64h-256v-64h-64v-128zM276 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64 z" />
+<glyph unicode="&#xe9;" horiz-adv-x="938" d="M80 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM272 576h384v128h-64v64h-256v-64h-64v-128zM400 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192 z" />
+<glyph unicode="&#xea;" horiz-adv-x="958" d="M94 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM158 1024v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64 h-128zM286 576h384v128h-64v64h-256v-64h-64v-128z" />
+<glyph unicode="&#xeb;" horiz-adv-x="948" d="M90 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM218 1088v192h192v-192h-192zM282 576h384v128h-64v64h-256v-64h-64v-128zM538 1088v192h192v-192 h-192z" />
+<glyph unicode="&#xec;" horiz-adv-x="476" d="M38 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64zM166 0v960h192v-960h-192z" />
+<glyph unicode="&#xed;" horiz-adv-x="552" d="M114 0v960h192v-960h-192zM114 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xee;" horiz-adv-x="740" d="M46 1024v64h64v64h64v64h64v64h64v64h64v-64h64v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-64v-64h-128v-64h-128zM238 0v960h192v-960h-192z" />
+<glyph unicode="&#xef;" horiz-adv-x="724" d="M30 1088v192h192v-192h-192zM222 0v960h192v-960h-192zM414 1088v192h192v-192h-192z" />
+<glyph unicode="&#xf0;" horiz-adv-x="1034" d="M84 256v448h64v128h64v64h128v64h320v-64h64v128h-64v64h-128v-64h-192v64h64v64h64v64h-192v128h256v-64h64v64h64v64h128v-128h-64v-128h64v-64h64v-64h64v-768h-64v-128h-64v-64h-128v-64h-320v64h-128v64h-64v128h-64zM276 256h64v-64h320v64h64v448h-64v64h-320v-64 h-64v-448z" />
+<glyph unicode="&#xf1;" horiz-adv-x="1042" d="M108 0v960h192v-128h64v64h64v64h256v-64h128v-64h64v-128h64v-704h-192v704h-64v64h-256v-64h-64v-64h-64v-640h-192zM172 1088v128h64v64h64v64h192v-64h64v-64h64v-64h128v64h64v64h64v-128h-64v-64h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64z" />
+<glyph unicode="&#xf2;" horiz-adv-x="932" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v448h-64v64h-256v-64h-64v-448zM276 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xf3;" horiz-adv-x="938" d="M80 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM272 256h64v-64h256v64h64v448h-64v64h-256v-64h-64v-448zM400 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xf4;" horiz-adv-x="958" d="M94 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM158 1024v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64h-128zM286 256h64v-64h256v64h64v448h-64 v64h-256v-64h-64v-448z" />
+<glyph unicode="&#xf5;" horiz-adv-x="984" d="M98 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM162 1088v128h64v64h64v64h192v-64h64v-64h64v-64h128v64h64v64h64v-128h-64v-64h-64v-64h-192v64h-64v64h-64v64h-128v-64h-64v-64h-64z M290 256h64v-64h256v64h64v448h-64v64h-256v-64h-64v-448z" />
+<glyph unicode="&#xf6;" horiz-adv-x="948" d="M90 256v448h64v128h64v64h128v64h256v-64h128v-64h64v-128h64v-448h-64v-128h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM218 1088v192h192v-192h-192zM282 256h64v-64h256v64h64v448h-64v64h-256v-64h-64v-448zM538 1088v192h192v-192h-192z" />
+<glyph unicode="&#xf7;" horiz-adv-x="928" d="M38 448v128h832v-128h-832zM358 128v192h192v-192h-192zM358 704v192h192v-192h-192z" />
+<glyph unicode="&#xf8;" horiz-adv-x="1088" d="M60 -64v128h64v64h64v128h-64v448h64v128h64v64h128v64h256v-64h128v-64h128v64h64v64h64v-128h-64v-64h-64v-512h-64v-128h-64v-64h-128v-64h-256v64h-192v-64h-64v-64h-64zM316 320h64v64h64v64h64v64h64v64h64v64h64v64h-64v64h-256v-64h-64v-384zM380 192h256v64h64 v256h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64z" />
+<glyph unicode="&#xf9;" horiz-adv-x="970" d="M102 128v832h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-320v64h-64v64h-64zM294 1216v64h192v-64h64v-64h64v-64h-192v64h-64v64h-64z" />
+<glyph unicode="&#xfa;" horiz-adv-x="970" d="M100 128v832h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-320v64h-64v64h-64zM356 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xfb;" horiz-adv-x="978" d="M104 128v832h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-320v64h-64v64h-64zM168 1024v64h64v64h64v64h64v64h256v-64h64v-64h64v-64h64v-64h-128v64h-128v64h-128v-64h-128v-64h-128z" />
+<glyph unicode="&#xfc;" horiz-adv-x="976" d="M104 128v832h192v-704h64v-64h192v64h64v64h64v640h192v-960h-192v128h-64v-64h-64v-64h-320v64h-64v64h-64zM232 1088v192h192v-192h-192zM552 1088v192h192v-192h-192z" />
+<glyph unicode="&#xfd;" horiz-adv-x="916" d="M72 768v192h192v-192h64v-192h64v-192h64v-64h64v256h64v192h64v192h192v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-192v192h64v192h64v128h-64v128h-64v128h-64v192h-64v192h-64zM328 1088v64h64v64h64v64h192v-64h-64v-64h-64v-64h-192z" />
+<glyph unicode="&#xfe;" horiz-adv-x="932" d="M106 0v960h192v-256h448v-64h64v-64h64v-256h-64v-64h-64v-64h-448v-192h-192zM298 320h320v64h64v128h-64v64h-320v-256z" />
+<glyph unicode="&#xff;" horiz-adv-x="926" d="M78 768v192h192v-192h64v-192h64v-192h64v-64h64v256h64v192h64v192h192v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-64v-192h-192v192h64v192h64v128h-64v128h-64v128h-64v192h-64v192h-64zM206 1088v192h192v-192h-192zM526 1088v192h192v-192h-192z" />
+<glyph unicode="&#x153;" horiz-adv-x="1512" d="M84 256v448h64v128h64v64h128v64h256v-64h128v-64h64v64h128v64h256v-64h128v-64h64v-128h64v-256h-576v-192h64v-64h256v64h64v64h192v-128h-64v-64h-64v-64h-128v-64h-256v64h-128v64h-64v-64h-128v-64h-256v64h-128v64h-64v128h-64zM276 256h64v-64h256v64h64v448h-64 v64h-256v-64h-64v-448zM852 576h384v128h-64v64h-256v-64h-64v-128z" />
+<glyph unicode="&#x178;" horiz-adv-x="1202" d="M-4 1216v64h256v-128h64v-128h64v-128h64v-128h64v-128h64v128h64v128h64v128h64v128h64v128h256v-64h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-128h-64v-448h-192v448h-64v128h-64v128h-64v128h-64v128h-64v128h-64v128h-64zM252 1408v192h192v-192h-192z M636 1408v192h192v-192h-192z" />
+<glyph unicode="&#x2000;" horiz-adv-x="832" />
+<glyph unicode="&#x2001;" horiz-adv-x="1664" />
+<glyph unicode="&#x2002;" horiz-adv-x="832" />
+<glyph unicode="&#x2003;" horiz-adv-x="1664" />
+<glyph unicode="&#x2004;" horiz-adv-x="554" />
+<glyph unicode="&#x2005;" horiz-adv-x="416" />
+<glyph unicode="&#x2006;" horiz-adv-x="277" />
+<glyph unicode="&#x2007;" horiz-adv-x="277" />
+<glyph unicode="&#x2008;" horiz-adv-x="208" />
+<glyph unicode="&#x2009;" horiz-adv-x="332" />
+<glyph unicode="&#x200a;" horiz-adv-x="92" />
+<glyph unicode="&#x2010;" horiz-adv-x="844" d="M70 448v192h704v-192h-704z" />
+<glyph unicode="&#x2011;" horiz-adv-x="844" d="M70 448v192h704v-192h-704z" />
+<glyph unicode="&#x2012;" horiz-adv-x="844" d="M70 448v192h704v-192h-704z" />
+<glyph unicode="&#x2013;" horiz-adv-x="1164" d="M70 448v192h1024v-192h-1024z" />
+<glyph unicode="&#x2014;" horiz-adv-x="1348" d="M60 640v128h1216v-128h-1216z" />
+<glyph unicode="&#x2018;" horiz-adv-x="374" d="M64 960v256h64v64h128v-64h-64v-128h64v-128h-192z" />
+<glyph unicode="&#x2019;" horiz-adv-x="374" d="M64 960v64h64v128h-64v128h192v-256h-64v-64h-128z" />
+<glyph unicode="&#x201a;" horiz-adv-x="360" d="M54 0v192h192v-320h-64v-64h-128v64h64v64h64v64h-128z" />
+<glyph unicode="&#x201c;" horiz-adv-x="630" d="M64 960v256h64v64h128v-64h-64v-128h64v-128h-192zM320 960v256h64v64h128v-64h-64v-128h64v-128h-192z" />
+<glyph unicode="&#x201d;" horiz-adv-x="630" d="M64 960v64h64v128h-64v128h192v-256h-64v-64h-128zM320 960v64h64v128h-64v128h192v-256h-64v-64h-128z" />
+<glyph unicode="&#x201e;" horiz-adv-x="680" d="M54 0v192h192v-320h-64v-64h-128v64h64v64h64v64h-128zM374 0v192h192v-320h-64v-64h-128v64h64v64h64v64h-128z" />
+<glyph unicode="&#x2022;" horiz-adv-x="462" d="M70 640v192h64v64h192v-64h64v-192h-64v-64h-192v64h-64z" />
+<glyph unicode="&#x2026;" horiz-adv-x="854" d="M52 0v192h192v-192h-192zM372 0v192h192v-192h-192zM692 0v192h192v-192h-192z" />
+<glyph unicode="&#x202f;" horiz-adv-x="332" />
+<glyph unicode="&#x2039;" horiz-adv-x="876" d="M42 640v128h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v-128h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64v-128h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-128h-64v64h-64v64h-64v64h-64v64h-64v64 h-64v64h-64v64h-64v64h-64v64h-64v64h-64z" />
+<glyph unicode="&#x203a;" horiz-adv-x="832" d="M70 0v128h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v64h64v128h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v64h-64v128h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-64h64v-128h-64v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64 v-64h-64v-64h-64v-64h-64v-64h-64v-64h-64z" />
+<glyph unicode="&#x205f;" horiz-adv-x="416" />
+<glyph unicode="&#x20ac;" horiz-adv-x="1434" d="M66 448v128h128v128h-128v128h128v64h64v128h64v64h64v64h64v64h192v64h320v-64h192v-64h64v-128h64v-64h64v-64h-256v64h-64v64h-128v64h-192v-64h-128v-64h-64v-64h-64v-64h512v-128h-576v-128h576v-128h-512v-64h64v-64h64v-64h128v-64h192v64h128v64h64v64h256v-64 h-64v-64h-64v-128h-64v-64h-192v-64h-320v64h-192v64h-64v64h-64v64h-64v128h-64v64h-128z" />
+<glyph unicode="&#x2122;" horiz-adv-x="1528" d="M2 1152v128h640v-128h-256v-704h-128v704h-256zM706 448v832h128v-128h64v-64h64v-128h64v-128h64v128h64v128h64v64h64v128h128v-832h-128v512h-64v-128h-64v-128h-64v-128h-64v128h-64v128h-64v128h-64v-512h-128z" />
+<glyph unicode="&#x25fc;" horiz-adv-x="960" d="M0 0v960h960v-960h-960z" />
+<hkern u1="&#x22;" u2="&#xb1;" k="-2" />
+<hkern u1="&#x23;" u2="&#xb4;" k="-260" />
+<hkern u1="&#x23;" u2="_" k="-96" />
+<hkern u1="&#x2a;" u2="&#xc1;" k="140" />
+<hkern u1="&#x2b;" u2="^" k="-2" />
+<hkern u1="&#x2b;" u2="&#x33;" k="162" />
+<hkern u1="&#x2c;" u2="&#x178;" k="100" />
+<hkern u1="&#x2c;" u2="&#x34;" k="-240" />
+<hkern u1="&#x2c;" u2="&#x2b;" k="-180" />
+<hkern u1="&#x2d;" u2="&#x203a;" k="44" />
+<hkern u1="&#x2d;" u2="&#x178;" k="84" />
+<hkern u1="&#x2d;" u2="&#xdd;" k="84" />
+<hkern u1="&#x2d;" u2="&#xb4;" k="-196" />
+<hkern u1="&#x2d;" u2="]" k="-96" />
+<hkern u1="&#x2d;" u2="\" k="8" />
+<hkern u1="&#x2d;" u2="Y" k="184" />
+<hkern u1="&#x2d;" u2="X" k="84" />
+<hkern u1="&#x2d;" u2="T" k="100" />
+<hkern u1="&#x2e;" u2="&#x2039;" k="132" />
+<hkern u1="&#x2e;" u2="&#x178;" k="176" />
+<hkern u1="&#x2e;" u2="&#xdd;" k="176" />
+<hkern u1="&#x2e;" u2="&#xa5;" k="136" />
+<hkern u1="&#x2e;" u2="\" k="120" />
+<hkern u1="&#x2e;" u2="Y" k="76" />
+<hkern u1="&#x2e;" u2="V" k="76" />
+<hkern u1="&#x2e;" u2="T" k="76" />
+<hkern u1="&#x2e;" u2="&#x3f;" k="220" />
+<hkern u1="&#x2e;" u2="&#x2b;" k="-120" />
+<hkern u1="&#x2f;" u2="&#x2026;" k="312" />
+<hkern u1="&#x2f;" u2="&#x201e;" k="312" />
+<hkern u1="&#x2f;" u2="&#x201a;" k="312" />
+<hkern u1="&#x2f;" u2="&#xc6;" k="298" />
+<hkern u1="&#x2f;" u2="&#xc5;" k="300" />
+<hkern u1="&#x2f;" u2="&#xc1;" k="300" />
+<hkern u1="&#x2f;" u2="&#xc0;" k="300" />
+<hkern u1="&#x2f;" u2="&#xb8;" k="284" />
+<hkern u1="&#x2f;" u2="a" k="244" />
+<hkern u1="&#x2f;" u2="_" k="400" />
+<hkern u1="&#x2f;" u2="J" k="244" />
+<hkern u1="&#x2f;" u2="A" k="300" />
+<hkern u1="&#x2f;" u2="&#x2f;" k="380" />
+<hkern u1="&#x2f;" u2="&#x2e;" k="372" />
+<hkern u1="&#x2f;" u2="&#x2c;" k="372" />
+<hkern u1="&#x34;" u2="&#xb4;" k="-64" />
+<hkern u1="&#x35;" u2="&#xb4;" k="64" />
+<hkern u1="&#x37;" u2="&#x2026;" k="276" />
+<hkern u1="&#x37;" u2="&#x201e;" k="276" />
+<hkern u1="&#x37;" u2="&#x201a;" k="276" />
+<hkern u1="&#x37;" u2="&#xc6;" k="212" />
+<hkern u1="&#x37;" u2="&#xc5;" k="232" />
+<hkern u1="&#x37;" u2="&#xc4;" k="232" />
+<hkern u1="&#x37;" u2="&#xc3;" k="212" />
+<hkern u1="&#x37;" u2="&#xc1;" k="232" />
+<hkern u1="&#x37;" u2="&#xc0;" k="212" />
+<hkern u1="&#x37;" u2="&#xb8;" k="204" />
+<hkern u1="&#x37;" u2="_" k="180" />
+<hkern u1="&#x37;" u2="A" k="212" />
+<hkern u1="&#x37;" u2="&#x2f;" k="280" />
+<hkern u1="&#x37;" u2="&#x2e;" k="276" />
+<hkern u1="&#x37;" u2="&#x2c;" k="276" />
+<hkern u1="&#x38;" u2="&#xb4;" k="-8" />
+<hkern u1="&#x3a;" u2="T" k="116" />
+<hkern u1="&#x3b;" u2="T" k="116" />
+<hkern u1="&#x3d;" u2="T" k="136" />
+<hkern u1="&#x3e;" u2="&#x203a;" k="-8" />
+<hkern u1="&#x3e;" u2="&#xb9;" k="-68" />
+<hkern u1="&#x3e;" u2="&#xb4;" k="52" />
+<hkern u1="&#x3e;" u2="&#xb0;" k="-8" />
+<hkern u1="&#x3e;" u2="`" k="40" />
+<hkern u1="&#x3e;" u2="T" k="152" />
+<hkern u1="&#x3e;" u2="&#x37;" k="72" />
+<hkern u1="&#x3f;" u2="&#xb8;" k="-88" />
+<hkern u1="&#x40;" u2="&#xb4;" k="-128" />
+<hkern u1="&#x40;" u2="_" k="16" />
+<hkern u1="A" u2="&#x2122;" k="242" />
+<hkern u1="A" u2="&#x201d;" k="218" />
+<hkern u1="A" u2="&#x201c;" k="218" />
+<hkern u1="A" u2="&#x2019;" k="218" />
+<hkern u1="A" u2="&#x2018;" k="218" />
+<hkern u1="A" u2="&#x178;" k="282" />
+<hkern u1="A" u2="&#xdd;" k="242" />
+<hkern u1="A" u2="&#xb9;" k="262" />
+<hkern u1="A" u2="&#xb7;" k="258" />
+<hkern u1="A" u2="&#xb4;" k="262" />
+<hkern u1="A" u2="&#xb3;" k="262" />
+<hkern u1="A" u2="&#xb2;" k="262" />
+<hkern u1="A" u2="&#xb0;" k="262" />
+<hkern u1="A" u2="&#xaf;" k="206" />
+<hkern u1="A" u2="s" k="54" />
+<hkern u1="A" u2="o" k="68" />
+<hkern u1="A" u2="n" k="42" />
+<hkern u1="A" u2="l" k="90" />
+<hkern u1="A" u2="j" k="18" />
+<hkern u1="A" u2="d" k="42" />
+<hkern u1="A" u2="`" k="206" />
+<hkern u1="A" u2="^" k="280" />
+<hkern u1="A" u2="\" k="222" />
+<hkern u1="A" u2="Y" k="302" />
+<hkern u1="A" u2="V" k="222" />
+<hkern u1="A" u2="T" k="222" />
+<hkern u1="A" u2="&#x2a;" k="178" />
+<hkern u1="A" u2="&#x27;" k="178" />
+<hkern u1="A" u2="&#x22;" k="116" />
+<hkern u1="B" u2="&#xb4;" k="20" />
+<hkern u1="C" u2="&#x2014;" k="44" />
+<hkern u1="C" u2="&#xb4;" k="-68" />
+<hkern u1="C" u2="&#xac;" k="44" />
+<hkern u1="C" u2="h" k="58" />
+<hkern u1="D" u2="&#xb4;" k="-8" />
+<hkern u1="F" u2="&#x2026;" k="364" />
+<hkern u1="F" u2="&#x201e;" k="364" />
+<hkern u1="F" u2="&#x201a;" k="364" />
+<hkern u1="F" u2="&#xb8;" k="188" />
+<hkern u1="F" u2="_" k="364" />
+<hkern u1="F" u2="J" k="260" />
+<hkern u1="F" u2="&#x2e;" k="364" />
+<hkern u1="F" u2="&#x2c;" k="364" />
+<hkern u1="G" u2="&#xb4;" k="32" />
+<hkern u1="K" u2="&#x2039;" k="180" />
+<hkern u1="K" u2="&#x2022;" k="236" />
+<hkern u1="K" u2="&#x2014;" k="196" />
+<hkern u1="K" u2="&#xb4;" k="-8" />
+<hkern u1="K" u2="&#xac;" k="196" />
+<hkern u1="K" u2="&#xab;" k="296" />
+<hkern u1="K" u2="&#x7e;" k="332" />
+<hkern u1="K" u2="&#x3c;" k="236" />
+<hkern u1="L" u2="&#x2122;" k="388" />
+<hkern u1="L" u2="&#x2039;" k="172" />
+<hkern u1="L" u2="&#x2022;" k="388" />
+<hkern u1="L" u2="&#x201d;" k="368" />
+<hkern u1="L" u2="&#x201c;" k="368" />
+<hkern u1="L" u2="&#x2019;" k="368" />
+<hkern u1="L" u2="&#x2018;" k="368" />
+<hkern u1="L" u2="&#x2014;" k="388" />
+<hkern u1="L" u2="&#x178;" k="256" />
+<hkern u1="L" u2="&#xdd;" k="236" />
+<hkern u1="L" u2="&#xb9;" k="384" />
+<hkern u1="L" u2="&#xb7;" k="384" />
+<hkern u1="L" u2="&#xb6;" k="172" />
+<hkern u1="L" u2="&#xb4;" k="384" />
+<hkern u1="L" u2="&#xb3;" k="368" />
+<hkern u1="L" u2="&#xb2;" k="368" />
+<hkern u1="L" u2="&#xb0;" k="308" />
+<hkern u1="L" u2="&#xaf;" k="228" />
+<hkern u1="L" u2="&#xac;" k="288" />
+<hkern u1="L" u2="&#xa5;" k="296" />
+<hkern u1="L" u2="&#x7e;" k="348" />
+<hkern u1="L" u2="o" k="54" />
+<hkern u1="L" u2="`" k="288" />
+<hkern u1="L" u2="^" k="346" />
+<hkern u1="L" u2="\" k="320" />
+<hkern u1="L" u2="Y" k="276" />
+<hkern u1="L" u2="V" k="212" />
+<hkern u1="L" u2="T" k="176" />
+<hkern u1="L" u2="&#x3f;" k="252" />
+<hkern u1="L" u2="&#x34;" k="64" />
+<hkern u1="L" u2="&#x2d;" k="32" />
+<hkern u1="L" u2="&#x2b;" k="32" />
+<hkern u1="L" u2="&#x2a;" k="448" />
+<hkern u1="L" u2="&#x27;" k="448" />
+<hkern u1="L" u2="&#x22;" k="448" />
+<hkern u1="O" u2="&#xb8;" k="34" />
+<hkern u1="O" u2="&#xb4;" k="-142" />
+<hkern u1="O" u2="_" k="50" />
+<hkern u1="O" u2="]" k="-50" />
+<hkern u1="P" u2="&#x2026;" k="412" />
+<hkern u1="P" u2="&#x201e;" k="412" />
+<hkern u1="P" u2="&#x201a;" k="412" />
+<hkern u1="P" u2="&#xb8;" k="376" />
+<hkern u1="P" u2="_" k="432" />
+<hkern u1="P" u2="J" k="360" />
+<hkern u1="P" u2="&#x2f;" k="172" />
+<hkern u1="P" u2="&#x2e;" k="412" />
+<hkern u1="P" u2="&#x2c;" k="412" />
+<hkern u1="Q" u2="&#xb4;" k="32" />
+<hkern u1="R" u2="&#xb4;" k="82" />
+<hkern u1="S" u2="y" k="92" />
+<hkern u1="S" u2="t" k="98" />
+<hkern u1="T" u2="&#x2026;" k="212" />
+<hkern u1="T" u2="&#x2022;" k="212" />
+<hkern u1="T" u2="&#x201e;" k="212" />
+<hkern u1="T" u2="&#x201a;" k="212" />
+<hkern u1="T" u2="&#x2014;" k="272" />
+<hkern u1="T" u2="&#x153;" k="252" />
+<hkern u1="T" u2="&#xfe;" k="212" />
+<hkern u1="T" u2="&#xf7;" k="252" />
+<hkern u1="T" u2="&#xe7;" k="232" />
+<hkern u1="T" u2="&#xe6;" k="232" />
+<hkern u1="T" u2="&#xdf;" k="232" />
+<hkern u1="T" u2="&#xd7;" k="212" />
+<hkern u1="T" u2="&#xc6;" k="192" />
+<hkern u1="T" u2="&#xc5;" k="172" />
+<hkern u1="T" u2="&#xc4;" k="172" />
+<hkern u1="T" u2="&#xc3;" k="172" />
+<hkern u1="T" u2="&#xc1;" k="192" />
+<hkern u1="T" u2="&#xc0;" k="192" />
+<hkern u1="T" u2="&#xb8;" k="156" />
+<hkern u1="T" u2="&#xb5;" k="132" />
+<hkern u1="T" u2="&#xb1;" k="132" />
+<hkern u1="T" u2="&#xac;" k="132" />
+<hkern u1="T" u2="&#xab;" k="192" />
+<hkern u1="T" u2="&#x7e;" k="212" />
+<hkern u1="T" u2="z" k="212" />
+<hkern u1="T" u2="y" k="212" />
+<hkern u1="T" u2="x" k="212" />
+<hkern u1="T" u2="w" k="212" />
+<hkern u1="T" u2="v" k="192" />
+<hkern u1="T" u2="u" k="212" />
+<hkern u1="T" u2="s" k="272" />
+<hkern u1="T" u2="r" k="212" />
+<hkern u1="T" u2="q" k="272" />
+<hkern u1="T" u2="p" k="212" />
+<hkern u1="T" u2="o" k="252" />
+<hkern u1="T" u2="n" k="212" />
+<hkern u1="T" u2="m" k="212" />
+<hkern u1="T" u2="g" k="232" />
+<hkern u1="T" u2="e" k="280" />
+<hkern u1="T" u2="d" k="272" />
+<hkern u1="T" u2="c" k="252" />
+<hkern u1="T" u2="a" k="232" />
+<hkern u1="T" u2="_" k="192" />
+<hkern u1="T" u2="J" k="212" />
+<hkern u1="T" u2="A" k="172" />
+<hkern u1="T" u2="&#x3d;" k="92" />
+<hkern u1="T" u2="&#x3c;" k="152" />
+<hkern u1="T" u2="&#x3b;" k="92" />
+<hkern u1="T" u2="&#x3a;" k="92" />
+<hkern u1="T" u2="&#x2f;" k="152" />
+<hkern u1="T" u2="&#x2e;" k="212" />
+<hkern u1="T" u2="&#x2d;" k="192" />
+<hkern u1="T" u2="&#x2c;" k="92" />
+<hkern u1="T" u2="&#x2b;" k="112" />
+<hkern u1="V" u2="&#x2026;" k="270" />
+<hkern u1="V" u2="&#x201e;" k="270" />
+<hkern u1="V" u2="&#x201a;" k="270" />
+<hkern u1="V" u2="&#xc6;" k="270" />
+<hkern u1="V" u2="&#xc5;" k="270" />
+<hkern u1="V" u2="&#xc4;" k="270" />
+<hkern u1="V" u2="&#xc3;" k="270" />
+<hkern u1="V" u2="&#xc1;" k="270" />
+<hkern u1="V" u2="&#xc0;" k="290" />
+<hkern u1="V" u2="&#xb8;" k="258" />
+<hkern u1="V" u2="e" k="232" />
+<hkern u1="V" u2="_" k="254" />
+<hkern u1="V" u2="A" k="270" />
+<hkern u1="V" u2="&#x2f;" k="254" />
+<hkern u1="V" u2="&#x2e;" k="212" />
+<hkern u1="V" u2="&#x2c;" k="232" />
+<hkern u1="W" u2="&#xb8;" k="142" />
+<hkern u1="W" u2="_" k="138" />
+<hkern u1="W" u2="&#x2f;" k="158" />
+<hkern u1="Y" u2="&#x2026;" k="212" />
+<hkern u1="Y" u2="&#x201e;" k="212" />
+<hkern u1="Y" u2="&#x201a;" k="212" />
+<hkern u1="Y" u2="&#xc6;" k="236" />
+<hkern u1="Y" u2="&#xc5;" k="236" />
+<hkern u1="Y" u2="&#xc4;" k="236" />
+<hkern u1="Y" u2="&#xc3;" k="236" />
+<hkern u1="Y" u2="&#xc1;" k="236" />
+<hkern u1="Y" u2="&#xc0;" k="256" />
+<hkern u1="Y" u2="&#xb8;" k="300" />
+<hkern u1="Y" u2="_" k="276" />
+<hkern u1="Y" u2="J" k="232" />
+<hkern u1="Y" u2="A" k="236" />
+<hkern u1="Y" u2="&#x2f;" k="296" />
+<hkern u1="Y" u2="&#x2e;" k="256" />
+<hkern u1="Y" u2="&#x2c;" k="256" />
+<hkern u1="\" u2="&#x2122;" k="316" />
+<hkern u1="\" u2="&#x201d;" k="316" />
+<hkern u1="\" u2="&#x201c;" k="316" />
+<hkern u1="\" u2="&#x2019;" k="316" />
+<hkern u1="\" u2="&#x2018;" k="316" />
+<hkern u1="\" u2="&#x178;" k="316" />
+<hkern u1="\" u2="&#xdd;" k="316" />
+<hkern u1="\" u2="&#xb9;" k="218" />
+<hkern u1="\" u2="&#xb7;" k="136" />
+<hkern u1="\" u2="&#xb6;" k="172" />
+<hkern u1="\" u2="&#xb4;" k="220" />
+<hkern u1="\" u2="&#xb3;" k="220" />
+<hkern u1="\" u2="&#xb2;" k="220" />
+<hkern u1="\" u2="&#xb0;" k="220" />
+<hkern u1="\" u2="&#xaf;" k="284" />
+<hkern u1="\" u2="&#xa8;" k="392" />
+<hkern u1="\" u2="`" k="324" />
+<hkern u1="\" u2="^" k="358" />
+<hkern u1="\" u2="\" k="348" />
+<hkern u1="\" u2="Y" k="276" />
+<hkern u1="\" u2="V" k="276" />
+<hkern u1="\" u2="T" k="216" />
+<hkern u1="\" u2="&#x3f;" k="212" />
+<hkern u1="\" u2="&#x2a;" k="292" />
+<hkern u1="\" u2="&#x27;" k="292" />
+<hkern u1="\" u2="&#x22;" k="296" />
+<hkern u1="^" u2="&#xc6;" k="192" />
+<hkern u1="^" u2="&#xc5;" k="192" />
+<hkern u1="^" u2="&#xc4;" k="192" />
+<hkern u1="^" u2="&#xc3;" k="192" />
+<hkern u1="^" u2="&#xc2;" k="192" />
+<hkern u1="^" u2="&#xc1;" k="192" />
+<hkern u1="^" u2="&#xc0;" k="192" />
+<hkern u1="^" u2="&#xb1;" k="152" />
+<hkern u1="^" u2="&#xa2;" k="184" />
+<hkern u1="^" u2="J" k="300" />
+<hkern u1="^" u2="A" k="272" />
+<hkern u1="^" u2="&#x2f;" k="300" />
+<hkern u1="^" u2="&#x2b;" k="152" />
+<hkern u1="_" u2="&#x2039;" k="364" />
+<hkern u1="_" u2="&#x178;" k="196" />
+<hkern u1="_" u2="&#xdd;" k="196" />
+<hkern u1="_" u2="&#xb6;" k="52" />
+<hkern u1="_" u2="&#xac;" k="128" />
+<hkern u1="_" u2="&#xa5;" k="316" />
+<hkern u1="_" u2="\" k="428" />
+<hkern u1="_" u2="Y" k="276" />
+<hkern u1="_" u2="V" k="276" />
+<hkern u1="_" u2="T" k="236" />
+<hkern u1="_" u2="&#x3f;" k="232" />
+<hkern u1="_" u2="&#x34;" k="264" />
+<hkern u1="_" u2="&#x2b;" k="172" />
+<hkern u1="`" u2="&#xc6;" k="192" />
+<hkern u1="`" u2="&#xc5;" k="192" />
+<hkern u1="`" u2="&#xc4;" k="192" />
+<hkern u1="`" u2="&#xc3;" k="192" />
+<hkern u1="`" u2="&#xc1;" k="192" />
+<hkern u1="`" u2="&#xc0;" k="132" />
+<hkern u1="`" u2="&#xb1;" k="52" />
+<hkern u1="`" u2="&#xab;" k="72" />
+<hkern u1="`" u2="d" k="168" />
+<hkern u1="`" u2="J" k="240" />
+<hkern u1="`" u2="A" k="240" />
+<hkern u1="`" u2="&#x3c;" k="172" />
+<hkern u1="`" u2="&#x2f;" k="340" />
+<hkern u1="`" u2="&#x2b;" k="-28" />
+<hkern u1="`" u2="&#x23;" k="72" />
+<hkern u1="a" u2="&#x2122;" k="158" />
+<hkern u1="a" u2="&#xb4;" k="-82" />
+<hkern u1="a" u2="T" k="170" />
+<hkern u1="a" u2="&#x37;" k="98" />
+<hkern u1="b" u2="&#xb4;" k="176" />
+<hkern u1="b" u2="&#xaf;" k="340" />
+<hkern u1="b" u2="`" k="180" />
+<hkern u1="b" u2="T" k="168" />
+<hkern u1="c" u2="&#x2122;" k="96" />
+<hkern u1="c" u2="&#xb4;" k="116" />
+<hkern u1="c" u2="T" k="208" />
+<hkern u1="c" u2="&#x37;" k="136" />
+<hkern u1="d" u2="&#xb4;" k="-132" />
+<hkern u1="d" u2="&#x7d;" k="-240" />
+<hkern u1="e" u2="&#x2122;" k="-40" />
+<hkern u1="e" u2="&#x178;" k="100" />
+<hkern u1="e" u2="&#xdd;" k="120" />
+<hkern u1="e" u2="&#xb9;" k="-100" />
+<hkern u1="e" u2="&#xb8;" k="-284" />
+<hkern u1="e" u2="&#xb0;" k="-20" />
+<hkern u1="e" u2="&#x7d;" k="-184" />
+<hkern u1="e" u2="^" k="-2" />
+<hkern u1="e" u2="]" k="-120" />
+<hkern u1="e" u2="\" k="140" />
+<hkern u1="e" u2="Y" k="160" />
+<hkern u1="e" u2="V" k="-4" />
+<hkern u1="e" u2="T" k="152" />
+<hkern u1="e" u2="&#x37;" k="100" />
+<hkern u1="g" u2="&#x2122;" k="-4" />
+<hkern u1="g" u2="&#xb4;" k="-104" />
+<hkern u1="g" u2="x" k="24" />
+<hkern u1="g" u2="T" k="108" />
+<hkern u1="g" u2="&#x37;" k="-4" />
+<hkern u1="h" u2="&#xb4;" k="-4" />
+<hkern u1="h" u2="&#xaf;" k="20" />
+<hkern u1="h" u2="`" k="80" />
+<hkern u1="h" u2="T" k="88" />
+<hkern u1="i" u2="&#xb4;" k="-200" />
+<hkern u1="j" u2="&#xb4;" k="-200" />
+<hkern u1="k" u2="&#x2122;" k="56" />
+<hkern u1="k" u2="&#xf7;" k="36" />
+<hkern u1="k" u2="&#xb4;" k="56" />
+<hkern u1="k" u2="&#xaf;" k="60" />
+<hkern u1="k" u2="e" k="98" />
+<hkern u1="k" u2="T" k="108" />
+<hkern u1="k" u2="&#x37;" k="116" />
+<hkern u1="l" u2="&#xb4;" k="-142" />
+<hkern u1="m" u2="&#x2122;" k="16" />
+<hkern u1="m" u2="&#x178;" k="116" />
+<hkern u1="m" u2="&#xdd;" k="116" />
+<hkern u1="m" u2="&#xb9;" k="16" />
+<hkern u1="m" u2="&#xb4;" k="74" />
+<hkern u1="m" u2="&#xb0;" k="96" />
+<hkern u1="m" u2="\" k="216" />
+<hkern u1="m" u2="Y" k="176" />
+<hkern u1="m" u2="T" k="188" />
+<hkern u1="m" u2="&#x37;" k="116" />
+<hkern u1="n" u2="T" k="74" />
+<hkern u1="o" u2="&#x2122;" k="28" />
+<hkern u1="o" u2="&#x178;" k="128" />
+<hkern u1="o" u2="&#xdd;" k="128" />
+<hkern u1="o" u2="&#xb9;" k="-12" />
+<hkern u1="o" u2="&#xb4;" k="88" />
+<hkern u1="o" u2="&#xb0;" k="-32" />
+<hkern u1="o" u2="^" k="-18" />
+<hkern u1="o" u2="]" k="48" />
+<hkern u1="o" u2="\" k="168" />
+<hkern u1="o" u2="Y" k="108" />
+<hkern u1="o" u2="T" k="160" />
+<hkern u1="o" u2="&#x37;" k="108" />
+<hkern u1="p" u2="T" k="216" />
+<hkern u1="q" u2="&#x2122;" k="72" />
+<hkern u1="q" u2="&#xb4;" k="32" />
+<hkern u1="q" u2="T" k="164" />
+<hkern u1="q" u2="&#x37;" k="152" />
+<hkern u1="r" u2="&#x203a;" k="64" />
+<hkern u1="r" u2="&#x2026;" k="252" />
+<hkern u1="r" u2="&#x201e;" k="252" />
+<hkern u1="r" u2="&#x201a;" k="252" />
+<hkern u1="r" u2="&#xb8;" k="176" />
+<hkern u1="r" u2="_" k="152" />
+<hkern u1="r" u2="Z" k="144" />
+<hkern u1="r" u2="T" k="168" />
+<hkern u1="r" u2="J" k="152" />
+<hkern u1="r" u2="&#x37;" k="188" />
+<hkern u1="r" u2="&#x2e;" k="312" />
+<hkern u1="r" u2="&#x2c;" k="312" />
+<hkern u1="s" u2="T" k="198" />
+<hkern u1="t" u2="&#xb8;" k="-24" />
+<hkern u1="t" u2="&#xb4;" k="-112" />
+<hkern u1="u" u2="&#x2122;" k="8" />
+<hkern u1="u" u2="&#xb4;" k="-132" />
+<hkern u1="u" u2="T" k="80" />
+<hkern u1="u" u2="&#x37;" k="88" />
+<hkern u1="v" u2="&#xb8;" k="-240" />
+<hkern u1="v" u2="T" k="8" />
+<hkern u1="v" u2="&#x37;" k="88" />
+<hkern u1="w" u2="T" k="-4" />
+<hkern u1="w" u2="&#x37;" k="112" />
+<hkern u1="x" u2="T" k="-28" />
+<hkern u1="y" u2="&#x2122;" k="-24" />
+<hkern u1="y" u2="&#xb8;" k="80" />
+<hkern u1="y" u2="&#xb4;" k="-104" />
+<hkern u1="y" u2="_" k="76" />
+<hkern u1="y" u2="]" k="-144" />
+<hkern u1="y" u2="T" k="8" />
+<hkern u1="y" u2="&#x37;" k="88" />
+<hkern u1="y" u2="&#x2f;" k="-84" />
+<hkern u1="z" u2="&#x2122;" k="20" />
+<hkern u1="z" u2="T" k="32" />
+<hkern u1="z" u2="&#x37;" k="-40" />
+<hkern u1="&#x7b;" u2="&#xb4;" k="-208" />
+<hkern u1="&#x7d;" u2="&#xb4;" k="-88" />
+<hkern u1="&#x7e;" u2="&#x203a;" k="-8" />
+<hkern u1="&#x7e;" u2="T" k="-44" />
+<hkern u1="&#x7e;" u2="&#x37;" k="-68" />
+<hkern u1="&#xa2;" u2="T" k="20" />
+<hkern u1="&#xa4;" u2="&#x2122;" k="64" />
+<hkern u1="&#xa4;" u2="&#x2039;" k="-68" />
+<hkern u1="&#xa4;" u2="&#x2014;" k="-88" />
+<hkern u1="&#xa4;" u2="&#xf7;" k="-68" />
+<hkern u1="&#xa4;" u2="&#xf0;" k="-20" />
+<hkern u1="&#xa4;" u2="&#xea;" k="-80" />
+<hkern u1="&#xa4;" u2="&#xe9;" k="-8" />
+<hkern u1="&#xa4;" u2="&#xe5;" k="-80" />
+<hkern u1="&#xa4;" u2="&#xe1;" k="-20" />
+<hkern u1="&#xa4;" u2="&#xdd;" k="36" />
+<hkern u1="&#xa4;" u2="&#xb9;" k="-84" />
+<hkern u1="&#xa4;" u2="&#xb8;" k="-168" />
+<hkern u1="&#xa4;" u2="&#xb4;" k="64" />
+<hkern u1="&#xa4;" u2="&#xb0;" k="-48" />
+<hkern u1="&#xa4;" u2="&#xac;" k="-148" />
+<hkern u1="&#xa4;" u2="&#xab;" k="-48" />
+<hkern u1="&#xa4;" u2="&#xa7;" k="-68" />
+<hkern u1="&#xa4;" u2="&#x7e;" k="-88" />
+<hkern u1="&#xa4;" u2="&#x7d;" k="-180" />
+<hkern u1="&#xa4;" u2="&#x7b;" k="-8" />
+<hkern u1="&#xa4;" u2="q" k="32" />
+<hkern u1="&#xa4;" u2="o" k="-68" />
+<hkern u1="&#xa4;" u2="g" k="-48" />
+<hkern u1="&#xa4;" u2="e" k="-28" />
+<hkern u1="&#xa4;" u2="d" k="-88" />
+<hkern u1="&#xa4;" u2="c" k="-68" />
+<hkern u1="&#xa4;" u2="a" k="-88" />
+<hkern u1="&#xa4;" u2="`" k="-100" />
+<hkern u1="&#xa4;" u2="]" k="-168" />
+<hkern u1="&#xa4;" u2="\" k="36" />
+<hkern u1="&#xa4;" u2="Y" k="-124" />
+<hkern u1="&#xa4;" u2="V" k="-188" />
+<hkern u1="&#xa4;" u2="T" k="-28" />
+<hkern u1="&#xa4;" u2="&#x3c;" k="-148" />
+<hkern u1="&#xa4;" u2="&#x38;" k="-108" />
+<hkern u1="&#xa4;" u2="&#x37;" k="-48" />
+<hkern u1="&#xa4;" u2="&#x34;" k="-188" />
+<hkern u1="&#xa4;" u2="&#x32;" k="-88" />
+<hkern u1="&#xa4;" u2="&#x2d;" k="-188" />
+<hkern u1="&#xa4;" u2="&#x2b;" k="-168" />
+<hkern u1="&#xa4;" u2="&#x2a;" k="-108" />
+<hkern u1="&#xa4;" u2="&#x26;" k="-148" />
+<hkern u1="&#xa5;" u2="&#x2026;" k="200" />
+<hkern u1="&#xa5;" u2="&#x201e;" k="200" />
+<hkern u1="&#xa5;" u2="&#x201a;" k="200" />
+<hkern u1="&#xa5;" u2="&#xb8;" k="204" />
+<hkern u1="&#xa5;" u2="_" k="300" />
+<hkern u1="&#xa5;" u2="&#x2e;" k="260" />
+<hkern u1="&#xa5;" u2="&#x2c;" k="260" />
+<hkern u1="&#xa8;" u2="&#x2039;" k="168" />
+<hkern u1="&#xa8;" u2="&#xdd;" k="-20" />
+<hkern u1="&#xa8;" u2="&#xda;" k="92" />
+<hkern u1="&#xa8;" u2="&#xd6;" k="216" />
+<hkern u1="&#xa8;" u2="&#xd3;" k="216" />
+<hkern u1="&#xa8;" u2="&#xd2;" k="216" />
+<hkern u1="&#xa8;" u2="&#xc9;" k="72" />
+<hkern u1="&#xa8;" u2="&#xc5;" k="180" />
+<hkern u1="&#xa8;" u2="&#xc4;" k="112" />
+<hkern u1="&#xa8;" u2="&#xc1;" k="224" />
+<hkern u1="&#xa8;" u2="&#xc0;" k="236" />
+<hkern u1="&#xa8;" u2="&#xb4;" k="-204" />
+<hkern u1="&#xa8;" u2="&#xae;" k="56" />
+<hkern u1="&#xa8;" u2="&#xa9;" k="56" />
+<hkern u1="&#xa8;" u2="&#x2f;" k="276" />
+<hkern u1="&#xa8;" u2="&#x24;" k="96" />
+<hkern u1="&#xa9;" u2="&#xb8;" k="52" />
+<hkern u1="&#xa9;" u2="&#xb4;" k="-168" />
+<hkern u1="&#xa9;" u2="&#xa8;" k="96" />
+<hkern u1="&#xaa;" u2="&#xb4;" k="-128" />
+<hkern u1="&#xab;" u2="&#xb4;" k="-68" />
+<hkern u1="&#xac;" u2="T" k="80" />
+<hkern u1="&#xac;" u2="&#x3f;" k="-24" />
+<hkern u1="&#xae;" u2="&#xb8;" k="92" />
+<hkern u1="&#xae;" u2="&#xb4;" k="72" />
+<hkern u1="&#xae;" u2="&#xa8;" k="16" />
+<hkern u1="&#xaf;" u2="&#x2039;" k="196" />
+<hkern u1="&#xaf;" u2="&#xf3;" k="92" />
+<hkern u1="&#xaf;" u2="&#xe9;" k="152" />
+<hkern u1="&#xaf;" u2="&#xe1;" k="172" />
+<hkern u1="&#xaf;" u2="&#xc6;" k="340" />
+<hkern u1="&#xaf;" u2="&#xc5;" k="260" />
+<hkern u1="&#xaf;" u2="&#xc4;" k="226" />
+<hkern u1="&#xaf;" u2="&#xc1;" k="240" />
+<hkern u1="&#xaf;" u2="&#xc0;" k="240" />
+<hkern u1="&#xaf;" u2="&#xbf;" k="112" />
+<hkern u1="&#xaf;" u2="&#xb1;" k="236" />
+<hkern u1="&#xaf;" u2="&#xa3;" k="212" />
+<hkern u1="&#xaf;" u2="d" k="372" />
+<hkern u1="&#xaf;" u2="J" k="404" />
+<hkern u1="&#xaf;" u2="A" k="360" />
+<hkern u1="&#xaf;" u2="&#x34;" k="240" />
+<hkern u1="&#xaf;" u2="&#x2f;" k="448" />
+<hkern u1="&#xaf;" u2="&#x23;" k="216" />
+<hkern u1="&#xb0;" u2="&#xf7;" k="240" />
+<hkern u1="&#xb0;" u2="&#xc6;" k="276" />
+<hkern u1="&#xb0;" u2="&#xc5;" k="256" />
+<hkern u1="&#xb0;" u2="&#xc4;" k="256" />
+<hkern u1="&#xb0;" u2="&#xc3;" k="276" />
+<hkern u1="&#xb0;" u2="&#xc1;" k="296" />
+<hkern u1="&#xb0;" u2="&#xc0;" k="256" />
+<hkern u1="&#xb0;" u2="&#xbf;" k="72" />
+<hkern u1="&#xb0;" u2="&#xb1;" k="96" />
+<hkern u1="&#xb0;" u2="&#xab;" k="216" />
+<hkern u1="&#xb0;" u2="&#xa3;" k="92" />
+<hkern u1="&#xb0;" u2="&#xa2;" k="212" />
+<hkern u1="&#xb0;" u2="J" k="324" />
+<hkern u1="&#xb0;" u2="A" k="176" />
+<hkern u1="&#xb0;" u2="&#x3c;" k="116" />
+<hkern u1="&#xb0;" u2="&#x34;" k="72" />
+<hkern u1="&#xb0;" u2="&#x2f;" k="204" />
+<hkern u1="&#xb0;" u2="&#x2b;" k="76" />
+<hkern u1="&#xb1;" u2="&#x201d;" k="-36" />
+<hkern u1="&#xb1;" u2="&#x201c;" k="36" />
+<hkern u1="&#xb1;" u2="&#x2019;" k="36" />
+<hkern u1="&#xb1;" u2="&#x2018;" k="36" />
+<hkern u1="&#xb1;" u2="&#xb9;" k="116" />
+<hkern u1="&#xb1;" u2="&#xb4;" k="152" />
+<hkern u1="&#xb1;" u2="&#xb0;" k="136" />
+<hkern u1="&#xb1;" u2="&#xaf;" k="176" />
+<hkern u1="&#xb1;" u2="`" k="136" />
+<hkern u1="&#xb1;" u2="^" k="-122" />
+<hkern u1="&#xb1;" u2="T" k="96" />
+<hkern u1="&#xb1;" u2="&#x27;" k="36" />
+<hkern u1="&#xb1;" u2="&#x22;" k="-24" />
+<hkern u1="&#xb2;" u2="&#xf7;" k="-20" />
+<hkern u1="&#xb2;" u2="&#xc6;" k="180" />
+<hkern u1="&#xb2;" u2="&#xc5;" k="140" />
+<hkern u1="&#xb2;" u2="&#xc4;" k="60" />
+<hkern u1="&#xb2;" u2="&#xc3;" k="80" />
+<hkern u1="&#xb2;" u2="&#xc2;" k="116" />
+<hkern u1="&#xb2;" u2="&#xc1;" k="140" />
+<hkern u1="&#xb2;" u2="&#xc0;" k="140" />
+<hkern u1="&#xb2;" u2="&#xbf;" k="120" />
+<hkern u1="&#xb2;" u2="&#xb4;" k="-224" />
+<hkern u1="&#xb2;" u2="&#xab;" k="112" />
+<hkern u1="&#xb2;" u2="&#xa3;" k="100" />
+<hkern u1="&#xb2;" u2="&#xa2;" k="52" />
+<hkern u1="&#xb2;" u2="J" k="172" />
+<hkern u1="&#xb2;" u2="A" k="180" />
+<hkern u1="&#xb2;" u2="&#x3c;" k="32" />
+<hkern u1="&#xb2;" u2="&#x2f;" k="148" />
+<hkern u1="&#xb2;" u2="&#x2b;" k="-76" />
+<hkern u1="&#xb3;" u2="&#xf7;" k="-108" />
+<hkern u1="&#xb3;" u2="&#xc6;" k="172" />
+<hkern u1="&#xb3;" u2="&#xc5;" k="72" />
+<hkern u1="&#xb3;" u2="&#xc4;" k="-10" />
+<hkern u1="&#xb3;" u2="&#xc3;" k="-8" />
+<hkern u1="&#xb3;" u2="&#xc1;" k="12" />
+<hkern u1="&#xb3;" u2="&#xc0;" k="52" />
+<hkern u1="&#xb3;" u2="&#xbf;" k="12" />
+<hkern u1="&#xb3;" u2="&#xa3;" k="-28" />
+<hkern u1="&#xb3;" u2="J" k="164" />
+<hkern u1="&#xb3;" u2="A" k="132" />
+<hkern u1="&#xb3;" u2="&#x2f;" k="160" />
+<hkern u1="&#xb3;" u2="&#x2b;" k="56" />
+<hkern u1="&#xb4;" u2="&#x2039;" k="160" />
+<hkern u1="&#xb4;" u2="&#xfd;" k="52" />
+<hkern u1="&#xb4;" u2="&#xfa;" k="-48" />
+<hkern u1="&#xb4;" u2="&#xf3;" k="116" />
+<hkern u1="&#xb4;" u2="&#xe9;" k="56" />
+<hkern u1="&#xb4;" u2="&#xe1;" k="16" />
+<hkern u1="&#xb4;" u2="&#xc6;" k="244" />
+<hkern u1="&#xb4;" u2="&#xc5;" k="260" />
+<hkern u1="&#xb4;" u2="&#xc4;" k="132" />
+<hkern u1="&#xb4;" u2="&#xc1;" k="244" />
+<hkern u1="&#xb4;" u2="&#xc0;" k="184" />
+<hkern u1="&#xb4;" u2="&#xbf;" k="172" />
+<hkern u1="&#xb4;" u2="&#xb1;" k="136" />
+<hkern u1="&#xb4;" u2="&#xab;" k="188" />
+<hkern u1="&#xb4;" u2="&#xa3;" k="216" />
+<hkern u1="&#xb4;" u2="d" k="192" />
+<hkern u1="&#xb4;" u2="J" k="144" />
+<hkern u1="&#xb4;" u2="A" k="164" />
+<hkern u1="&#xb4;" u2="&#x40;" k="-28" />
+<hkern u1="&#xb4;" u2="&#x3c;" k="68" />
+<hkern u1="&#xb4;" u2="&#x34;" k="84" />
+<hkern u1="&#xb4;" u2="&#x2f;" k="212" />
+<hkern u1="&#xb4;" u2="&#x23;" k="240" />
+<hkern u1="&#xb5;" u2="T" k="60" />
+<hkern u1="&#xb7;" u2="&#xf7;" k="32" />
+<hkern u1="&#xb7;" u2="&#xc6;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc5;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc4;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc3;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc2;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc1;" k="152" />
+<hkern u1="&#xb7;" u2="&#xc0;" k="152" />
+<hkern u1="&#xb7;" u2="&#xbf;" k="10" />
+<hkern u1="&#xb7;" u2="&#xa3;" k="-48" />
+<hkern u1="&#xb7;" u2="J" k="164" />
+<hkern u1="&#xb7;" u2="A" k="52" />
+<hkern u1="&#xb7;" u2="&#x2f;" k="120" />
+<hkern u1="&#xb7;" u2="&#x2b;" k="56" />
+<hkern u1="&#xb8;" u2="&#x20ac;" k="324" />
+<hkern u1="&#xb8;" u2="&#x2039;" k="296" />
+<hkern u1="&#xb8;" u2="&#x178;" k="304" />
+<hkern u1="&#xb8;" u2="&#x153;" k="212" />
+<hkern u1="&#xb8;" u2="&#xf6;" k="112" />
+<hkern u1="&#xb8;" u2="&#xf5;" k="214" />
+<hkern u1="&#xb8;" u2="&#xf4;" k="212" />
+<hkern u1="&#xb8;" u2="&#xf3;" k="232" />
+<hkern u1="&#xb8;" u2="&#xf2;" k="212" />
+<hkern u1="&#xb8;" u2="&#xf0;" k="152" />
+<hkern u1="&#xb8;" u2="&#xeb;" k="112" />
+<hkern u1="&#xb8;" u2="&#xea;" k="132" />
+<hkern u1="&#xb8;" u2="&#xe9;" k="112" />
+<hkern u1="&#xb8;" u2="&#xe8;" k="112" />
+<hkern u1="&#xb8;" u2="&#xe6;" k="172" />
+<hkern u1="&#xb8;" u2="&#xe5;" k="152" />
+<hkern u1="&#xb8;" u2="&#xe4;" k="212" />
+<hkern u1="&#xb8;" u2="&#xe3;" k="192" />
+<hkern u1="&#xb8;" u2="&#xe2;" k="172" />
+<hkern u1="&#xb8;" u2="&#xe1;" k="272" />
+<hkern u1="&#xb8;" u2="&#xe0;" k="192" />
+<hkern u1="&#xb8;" u2="&#xdd;" k="264" />
+<hkern u1="&#xb8;" u2="&#xdc;" k="184" />
+<hkern u1="&#xb8;" u2="&#xdb;" k="184" />
+<hkern u1="&#xb8;" u2="&#xda;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd9;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd6;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd5;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd4;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd3;" k="184" />
+<hkern u1="&#xb8;" u2="&#xd2;" k="184" />
+<hkern u1="&#xb8;" u2="&#xc7;" k="96" />
+<hkern u1="&#xb8;" u2="&#xbf;" k="92" />
+<hkern u1="&#xb8;" u2="&#xb6;" k="196" />
+<hkern u1="&#xb8;" u2="&#xae;" k="140" />
+<hkern u1="&#xb8;" u2="&#xac;" k="376" />
+<hkern u1="&#xb8;" u2="&#xa9;" k="140" />
+<hkern u1="&#xb8;" u2="&#xa5;" k="184" />
+<hkern u1="&#xb8;" u2="w" k="132" />
+<hkern u1="&#xb8;" u2="v" k="12" />
+<hkern u1="&#xb8;" u2="q" k="112" />
+<hkern u1="&#xb8;" u2="o" k="12" />
+<hkern u1="&#xb8;" u2="e" k="-28" />
+<hkern u1="&#xb8;" u2="d" k="52" />
+<hkern u1="&#xb8;" u2="c" k="112" />
+<hkern u1="&#xb8;" u2="a" k="-48" />
+<hkern u1="&#xb8;" u2="\" k="216" />
+<hkern u1="&#xb8;" u2="Y" k="324" />
+<hkern u1="&#xb8;" u2="W" k="216" />
+<hkern u1="&#xb8;" u2="V" k="224" />
+<hkern u1="&#xb8;" u2="U" k="212" />
+<hkern u1="&#xb8;" u2="T" k="264" />
+<hkern u1="&#xb8;" u2="S" k="92" />
+<hkern u1="&#xb8;" u2="Q" k="284" />
+<hkern u1="&#xb8;" u2="O" k="284" />
+<hkern u1="&#xb8;" u2="G" k="244" />
+<hkern u1="&#xb8;" u2="C" k="224" />
+<hkern u1="&#xb8;" u2="&#x3f;" k="140" />
+<hkern u1="&#xb8;" u2="&#x38;" k="72" />
+<hkern u1="&#xb8;" u2="&#x37;" k="52" />
+<hkern u1="&#xb8;" u2="&#x36;" k="192" />
+<hkern u1="&#xb8;" u2="&#x35;" k="92" />
+<hkern u1="&#xb8;" u2="&#x34;" k="120" />
+<hkern u1="&#xb8;" u2="&#x30;" k="92" />
+<hkern u1="&#xb8;" u2="&#x2b;" k="92" />
+<hkern u1="&#xb8;" u2="&#x28;" k="92" />
+<hkern u1="&#xb8;" u2="&#x26;" k="92" />
+<hkern u1="&#xb8;" u2="&#x24;" k="-26" />
+<hkern u1="&#xb9;" u2="&#xf7;" k="112" />
+<hkern u1="&#xb9;" u2="&#xc6;" k="192" />
+<hkern u1="&#xb9;" u2="&#xc5;" k="72" />
+<hkern u1="&#xb9;" u2="&#xc4;" k="92" />
+<hkern u1="&#xb9;" u2="&#xc1;" k="92" />
+<hkern u1="&#xb9;" u2="&#xc0;" k="12" />
+<hkern u1="&#xb9;" u2="&#xbf;" k="-8" />
+<hkern u1="&#xb9;" u2="&#xb1;" k="-84" />
+<hkern u1="&#xb9;" u2="&#xa3;" k="52" />
+<hkern u1="&#xb9;" u2="&#xa2;" k="144" />
+<hkern u1="&#xb9;" u2="J" k="204" />
+<hkern u1="&#xb9;" u2="A" k="72" />
+<hkern u1="&#xb9;" u2="&#x2f;" k="180" />
+<hkern u1="&#xb9;" u2="&#x2b;" k="72" />
+<hkern u1="&#xba;" u2="&#xb4;" k="-128" />
+<hkern u1="&#xbb;" u2="&#x203a;" k="-64" />
+<hkern u1="&#xbb;" u2="&#x2026;" k="32" />
+<hkern u1="&#xbb;" u2="&#x201e;" k="12" />
+<hkern u1="&#xbb;" u2="&#x201a;" k="-28" />
+<hkern u1="&#xbb;" u2="&#xb9;" k="56" />
+<hkern u1="&#xbb;" u2="&#xb4;" k="16" />
+<hkern u1="&#xbb;" u2="&#xb0;" k="36" />
+<hkern u1="&#xbb;" u2="`" k="104" />
+<hkern u1="&#xbb;" u2="^" k="12" />
+<hkern u1="&#xbb;" u2="\" k="152" />
+<hkern u1="&#xbb;" u2="X" k="112" />
+<hkern u1="&#xbb;" u2="T" k="176" />
+<hkern u1="&#xbb;" u2="&#x37;" k="156" />
+<hkern u1="&#xbb;" u2="&#x2e;" k="112" />
+<hkern u1="&#xbb;" u2="&#x2c;" k="48" />
+<hkern u1="&#xbc;" u2="&#xb4;" k="-48" />
+<hkern u1="&#xbd;" u2="&#xb4;" k="48" />
+<hkern u1="&#xbe;" u2="&#xb4;" k="48" />
+<hkern u1="&#xbf;" u2="&#x2022;" k="-64" />
+<hkern u1="&#xbf;" u2="&#x201d;" k="116" />
+<hkern u1="&#xbf;" u2="&#x201c;" k="136" />
+<hkern u1="&#xbf;" u2="&#x2019;" k="66" />
+<hkern u1="&#xbf;" u2="&#x2018;" k="-66" />
+<hkern u1="&#xbf;" u2="&#x2014;" k="76" />
+<hkern u1="&#xbf;" u2="&#x178;" k="4" />
+<hkern u1="&#xbf;" u2="&#xdd;" k="-4" />
+<hkern u1="&#xbf;" u2="&#xb9;" k="216" />
+<hkern u1="&#xbf;" u2="&#xb7;" k="76" />
+<hkern u1="&#xbf;" u2="&#xb6;" k="136" />
+<hkern u1="&#xbf;" u2="&#xb4;" k="92" />
+<hkern u1="&#xbf;" u2="&#xb3;" k="156" />
+<hkern u1="&#xbf;" u2="&#xb2;" k="156" />
+<hkern u1="&#xbf;" u2="&#xb0;" k="96" />
+<hkern u1="&#xbf;" u2="&#xaf;" k="136" />
+<hkern u1="&#xbf;" u2="&#xac;" k="16" />
+<hkern u1="&#xbf;" u2="`" k="76" />
+<hkern u1="&#xbf;" u2="^" k="136" />
+<hkern u1="&#xbf;" u2="\" k="116" />
+<hkern u1="&#xbf;" u2="Y" k="96" />
+<hkern u1="&#xbf;" u2="T" k="-44" />
+<hkern u1="&#xbf;" u2="&#x3f;" k="16" />
+<hkern u1="&#xbf;" u2="&#x2a;" k="56" />
+<hkern u1="&#xbf;" u2="&#x27;" k="76" />
+<hkern u1="&#xbf;" u2="&#x22;" k="116" />
+<hkern u1="&#xc0;" u2="&#x2122;" k="192" />
+<hkern u1="&#xc0;" u2="&#x178;" k="276" />
+<hkern u1="&#xc0;" u2="&#xdd;" k="298" />
+<hkern u1="&#xc0;" u2="&#xb9;" k="214" />
+<hkern u1="&#xc0;" u2="&#xb4;" k="212" />
+<hkern u1="&#xc0;" u2="&#xb0;" k="272" />
+<hkern u1="&#xc0;" u2="&#xaf;" k="316" />
+<hkern u1="&#xc0;" u2="&#xa8;" k="360" />
+<hkern u1="&#xc0;" u2="`" k="256" />
+<hkern u1="&#xc0;" u2="^" k="312" />
+<hkern u1="&#xc0;" u2="\" k="280" />
+<hkern u1="&#xc0;" u2="Y" k="236" />
+<hkern u1="&#xc0;" u2="V" k="232" />
+<hkern u1="&#xc0;" u2="T" k="272" />
+<hkern u1="&#xc0;" u2="&#x2a;" k="232" />
+<hkern u1="&#xc1;" u2="&#x2122;" k="256" />
+<hkern u1="&#xc1;" u2="&#x201d;" k="172" />
+<hkern u1="&#xc1;" u2="&#x201c;" k="192" />
+<hkern u1="&#xc1;" u2="&#x2019;" k="192" />
+<hkern u1="&#xc1;" u2="&#x2018;" k="212" />
+<hkern u1="&#xc1;" u2="&#x178;" k="340" />
+<hkern u1="&#xc1;" u2="&#xdd;" k="320" />
+<hkern u1="&#xc1;" u2="&#xb9;" k="320" />
+<hkern u1="&#xc1;" u2="&#xb7;" k="132" />
+<hkern u1="&#xc1;" u2="&#xb4;" k="256" />
+<hkern u1="&#xc1;" u2="&#xb3;" k="212" />
+<hkern u1="&#xc1;" u2="&#xb2;" k="152" />
+<hkern u1="&#xc1;" u2="&#xb0;" k="216" />
+<hkern u1="&#xc1;" u2="&#xaf;" k="240" />
+<hkern u1="&#xc1;" u2="&#xa8;" k="316" />
+<hkern u1="&#xc1;" u2="`" k="280" />
+<hkern u1="&#xc1;" u2="^" k="196" />
+<hkern u1="&#xc1;" u2="\" k="280" />
+<hkern u1="&#xc1;" u2="Y" k="280" />
+<hkern u1="&#xc1;" u2="V" k="236" />
+<hkern u1="&#xc1;" u2="T" k="256" />
+<hkern u1="&#xc1;" u2="&#x2a;" k="296" />
+<hkern u1="&#xc1;" u2="&#x27;" k="512" />
+<hkern u1="&#xc1;" u2="&#x22;" k="232" />
+<hkern u1="&#xc2;" u2="&#xb7;" k="212" />
+<hkern u1="&#xc2;" u2="&#xb4;" k="164" />
+<hkern u1="&#xc2;" u2="^" k="196" />
+<hkern u1="&#xc3;" u2="&#x2122;" k="256" />
+<hkern u1="&#xc3;" u2="&#x201d;" k="132" />
+<hkern u1="&#xc3;" u2="&#x201c;" k="172" />
+<hkern u1="&#xc3;" u2="&#x2019;" k="172" />
+<hkern u1="&#xc3;" u2="&#x2018;" k="172" />
+<hkern u1="&#xc3;" u2="&#x178;" k="236" />
+<hkern u1="&#xc3;" u2="&#xdd;" k="296" />
+<hkern u1="&#xc3;" u2="&#xb9;" k="180" />
+<hkern u1="&#xc3;" u2="&#xb7;" k="172" />
+<hkern u1="&#xc3;" u2="&#xb4;" k="236" />
+<hkern u1="&#xc3;" u2="&#xb3;" k="172" />
+<hkern u1="&#xc3;" u2="&#xb2;" k="212" />
+<hkern u1="&#xc3;" u2="&#xb0;" k="216" />
+<hkern u1="&#xc3;" u2="&#xaf;" k="192" />
+<hkern u1="&#xc3;" u2="`" k="236" />
+<hkern u1="&#xc3;" u2="^" k="196" />
+<hkern u1="&#xc3;" u2="Y" k="236" />
+<hkern u1="&#xc3;" u2="V" k="236" />
+<hkern u1="&#xc3;" u2="T" k="276" />
+<hkern u1="&#xc3;" u2="&#x2a;" k="316" />
+<hkern u1="&#xc3;" u2="&#x27;" k="152" />
+<hkern u1="&#xc3;" u2="&#x22;" k="230" />
+<hkern u1="&#xc4;" u2="&#x2122;" k="236" />
+<hkern u1="&#xc4;" u2="&#x201d;" k="172" />
+<hkern u1="&#xc4;" u2="&#x201c;" k="192" />
+<hkern u1="&#xc4;" u2="&#x2019;" k="212" />
+<hkern u1="&#xc4;" u2="&#x2018;" k="232" />
+<hkern u1="&#xc4;" u2="&#x178;" k="320" />
+<hkern u1="&#xc4;" u2="&#xdd;" k="320" />
+<hkern u1="&#xc4;" u2="&#xb9;" k="280" />
+<hkern u1="&#xc4;" u2="&#xb7;" k="212" />
+<hkern u1="&#xc4;" u2="&#xb4;" k="256" />
+<hkern u1="&#xc4;" u2="&#xb3;" k="192" />
+<hkern u1="&#xc4;" u2="&#xb2;" k="212" />
+<hkern u1="&#xc4;" u2="&#xb0;" k="216" />
+<hkern u1="&#xc4;" u2="&#xaf;" k="172" />
+<hkern u1="&#xc4;" u2="&#xa8;" k="152" />
+<hkern u1="&#xc4;" u2="`" k="200" />
+<hkern u1="&#xc4;" u2="^" k="316" />
+<hkern u1="&#xc4;" u2="\" k="212" />
+<hkern u1="&#xc4;" u2="Y" k="340" />
+<hkern u1="&#xc4;" u2="V" k="236" />
+<hkern u1="&#xc4;" u2="T" k="276" />
+<hkern u1="&#xc4;" u2="&#x2a;" k="236" />
+<hkern u1="&#xc4;" u2="&#x27;" k="172" />
+<hkern u1="&#xc4;" u2="&#x22;" k="290" />
+<hkern u1="&#xc5;" u2="&#x2122;" k="276" />
+<hkern u1="&#xc5;" u2="&#x201d;" k="172" />
+<hkern u1="&#xc5;" u2="&#x201c;" k="272" />
+<hkern u1="&#xc5;" u2="&#x2019;" k="232" />
+<hkern u1="&#xc5;" u2="&#x2018;" k="272" />
+<hkern u1="&#xc5;" u2="&#x178;" k="340" />
+<hkern u1="&#xc5;" u2="&#xdd;" k="320" />
+<hkern u1="&#xc5;" u2="&#xb9;" k="260" />
+<hkern u1="&#xc5;" u2="&#xb7;" k="152" />
+<hkern u1="&#xc5;" u2="&#xb4;" k="336" />
+<hkern u1="&#xc5;" u2="&#xb3;" k="252" />
+<hkern u1="&#xc5;" u2="&#xb2;" k="152" />
+<hkern u1="&#xc5;" u2="&#xb0;" k="196" />
+<hkern u1="&#xc5;" u2="&#xaf;" k="280" />
+<hkern u1="&#xc5;" u2="&#xa8;" k="340" />
+<hkern u1="&#xc5;" u2="`" k="220" />
+<hkern u1="&#xc5;" u2="^" k="276" />
+<hkern u1="&#xc5;" u2="\" k="240" />
+<hkern u1="&#xc5;" u2="Y" k="320" />
+<hkern u1="&#xc5;" u2="V" k="236" />
+<hkern u1="&#xc5;" u2="T" k="256" />
+<hkern u1="&#xc5;" u2="&#x2a;" k="256" />
+<hkern u1="&#xc5;" u2="&#x27;" k="232" />
+<hkern u1="&#xc5;" u2="&#x22;" k="292" />
+<hkern u1="&#xc6;" g2="uniFB02" k="136" />
+<hkern u1="&#xc6;" g2="uniFB01" k="136" />
+<hkern u1="&#xc6;" u2="&#x2122;" k="276" />
+<hkern u1="&#xc6;" u2="&#x20ac;" k="172" />
+<hkern u1="&#xc6;" u2="&#x2039;" k="64" />
+<hkern u1="&#xc6;" u2="&#x2022;" k="144" />
+<hkern u1="&#xc6;" u2="&#x201d;" k="316" />
+<hkern u1="&#xc6;" u2="&#x201c;" k="356" />
+<hkern u1="&#xc6;" u2="&#x2019;" k="378" />
+<hkern u1="&#xc6;" u2="&#x2018;" k="336" />
+<hkern u1="&#xc6;" u2="&#x2014;" k="264" />
+<hkern u1="&#xc6;" u2="&#x178;" k="356" />
+<hkern u1="&#xc6;" u2="&#xff;" k="220" />
+<hkern u1="&#xc6;" u2="&#xfd;" k="180" />
+<hkern u1="&#xc6;" u2="&#xf7;" k="224" />
+<hkern u1="&#xc6;" u2="&#xdd;" k="336" />
+<hkern u1="&#xc6;" u2="&#xd6;" k="212" />
+<hkern u1="&#xc6;" u2="&#xd5;" k="512" />
+<hkern u1="&#xc6;" u2="&#xd4;" k="192" />
+<hkern u1="&#xc6;" u2="&#xd3;" k="152" />
+<hkern u1="&#xc6;" u2="&#xd2;" k="132" />
+<hkern u1="&#xc6;" u2="&#xc7;" k="152" />
+<hkern u1="&#xc6;" u2="&#xb9;" k="236" />
+<hkern u1="&#xc6;" u2="&#xb8;" k="-148" />
+<hkern u1="&#xc6;" u2="&#xb7;" k="156" />
+<hkern u1="&#xc6;" u2="&#xb6;" k="64" />
+<hkern u1="&#xc6;" u2="&#xb4;" k="312" />
+<hkern u1="&#xc6;" u2="&#xb3;" k="356" />
+<hkern u1="&#xc6;" u2="&#xb2;" k="236" />
+<hkern u1="&#xc6;" u2="&#xb0;" k="356" />
+<hkern u1="&#xc6;" u2="&#xaf;" k="296" />
+<hkern u1="&#xc6;" u2="&#xae;" k="152" />
+<hkern u1="&#xc6;" u2="&#xac;" k="224" />
+<hkern u1="&#xc6;" u2="&#xab;" k="204" />
+<hkern u1="&#xc6;" u2="&#xa9;" k="192" />
+<hkern u1="&#xc6;" u2="&#xa7;" k="132" />
+<hkern u1="&#xc6;" u2="&#xa5;" k="224" />
+<hkern u1="&#xc6;" u2="&#x7e;" k="224" />
+<hkern u1="&#xc6;" u2="&#x7d;" k="76" />
+<hkern u1="&#xc6;" u2="&#x7b;" k="156" />
+<hkern u1="&#xc6;" u2="y" k="280" />
+<hkern u1="&#xc6;" u2="w" k="220" />
+<hkern u1="&#xc6;" u2="v" k="280" />
+<hkern u1="&#xc6;" u2="t" k="196" />
+<hkern u1="&#xc6;" u2="f" k="214" />
+<hkern u1="&#xc6;" u2="`" k="276" />
+<hkern u1="&#xc6;" u2="^" k="356" />
+<hkern u1="&#xc6;" u2="\" k="436" />
+<hkern u1="&#xc6;" u2="Y" k="336" />
+<hkern u1="&#xc6;" u2="W" k="284" />
+<hkern u1="&#xc6;" u2="V" k="252" />
+<hkern u1="&#xc6;" u2="T" k="256" />
+<hkern u1="&#xc6;" u2="Q" k="192" />
+<hkern u1="&#xc6;" u2="O" k="212" />
+<hkern u1="&#xc6;" u2="G" k="212" />
+<hkern u1="&#xc6;" u2="C" k="172" />
+<hkern u1="&#xc6;" u2="&#x3f;" k="324" />
+<hkern u1="&#xc6;" u2="&#x3c;" k="184" />
+<hkern u1="&#xc6;" u2="&#x37;" k="184" />
+<hkern u1="&#xc6;" u2="&#x36;" k="-48" />
+<hkern u1="&#xc6;" u2="&#x34;" k="84" />
+<hkern u1="&#xc6;" u2="&#x32;" k="-88" />
+<hkern u1="&#xc6;" u2="&#x31;" k="100" />
+<hkern u1="&#xc6;" u2="&#x30;" k="-28" />
+<hkern u1="&#xc6;" u2="&#x2d;" k="704" />
+<hkern u1="&#xc6;" u2="&#x2b;" k="244" />
+<hkern u1="&#xc6;" u2="&#x2a;" k="396" />
+<hkern u1="&#xc6;" u2="&#x28;" k="-48" />
+<hkern u1="&#xc6;" u2="&#x27;" k="296" />
+<hkern u1="&#xc6;" u2="&#x22;" k="336" />
+<hkern u1="&#xc7;" u2="&#x2014;" k="88" />
+<hkern u1="&#xc7;" u2="&#xb4;" k="36" />
+<hkern u1="&#xc7;" u2="&#xac;" k="-12" />
+<hkern u1="&#xcd;" u2="&#xb4;" k="-64" />
+<hkern u1="&#xce;" u2="&#xb8;" k="52" />
+<hkern u1="&#xcf;" u2="&#xb4;" k="36" />
+<hkern u1="&#xd0;" u2="&#xb4;" k="12" />
+<hkern u1="&#xd2;" u2="&#xb8;" k="-108" />
+<hkern u1="&#xd2;" u2="&#xb4;" k="36" />
+<hkern u1="&#xd2;" u2="&#xa8;" k="304" />
+<hkern u1="&#xd3;" u2="&#xb8;" k="-68" />
+<hkern u1="&#xd3;" u2="&#xb4;" k="-4" />
+<hkern u1="&#xd3;" u2="&#xa8;" k="136" />
+<hkern u1="&#xd4;" u2="&#xb8;" k="-128" />
+<hkern u1="&#xd4;" u2="&#xb4;" k="36" />
+<hkern u1="&#xd5;" u2="&#xb8;" k="-168" />
+<hkern u1="&#xd5;" u2="&#xb4;" k="-84" />
+<hkern u1="&#xd6;" u2="&#xb8;" k="-188" />
+<hkern u1="&#xd6;" u2="&#xb4;" k="-104" />
+<hkern u1="&#xd6;" u2="&#xa8;" k="152" />
+<hkern u1="&#xd7;" u2="T" k="180" />
+<hkern u1="&#xd8;" u2="&#xb8;" k="-44" />
+<hkern u1="&#xd8;" u2="_" k="252" />
+<hkern u1="&#xd9;" u2="&#xa8;" k="136" />
+<hkern u1="&#xdd;" u2="&#x2026;" k="240" />
+<hkern u1="&#xdd;" u2="&#x201e;" k="200" />
+<hkern u1="&#xdd;" u2="&#x201a;" k="280" />
+<hkern u1="&#xdd;" u2="&#xf7;" k="172" />
+<hkern u1="&#xdd;" u2="&#xc6;" k="320" />
+<hkern u1="&#xdd;" u2="&#xc5;" k="240" />
+<hkern u1="&#xdd;" u2="&#xc4;" k="180" />
+<hkern u1="&#xdd;" u2="&#xc3;" k="180" />
+<hkern u1="&#xdd;" u2="&#xc1;" k="240" />
+<hkern u1="&#xdd;" u2="&#xc0;" k="200" />
+<hkern u1="&#xdd;" u2="&#xbf;" k="192" />
+<hkern u1="&#xdd;" u2="&#xb8;" k="124" />
+<hkern u1="&#xdd;" u2="&#xa8;" k="92" />
+<hkern u1="&#xdd;" u2="_" k="260" />
+<hkern u1="&#xdd;" u2="J" k="256" />
+<hkern u1="&#xdd;" u2="A" k="300" />
+<hkern u1="&#xdd;" u2="&#x2f;" k="200" />
+<hkern u1="&#xdd;" u2="&#x2e;" k="260" />
+<hkern u1="&#xdd;" u2="&#x2c;" k="260" />
+<hkern u1="&#xde;" u2="&#xb8;" k="200" />
+<hkern u1="&#xde;" u2="&#xb4;" k="-8" />
+<hkern u1="&#xde;" u2="&#xaf;" k="396" />
+<hkern u1="&#xde;" u2="`" k="76" />
+<hkern u1="&#xde;" u2="_" k="356" />
+<hkern u1="&#xde;" u2="T" k="200" />
+<hkern u1="&#xde;" u2="&#x37;" k="112" />
+<hkern u1="&#xdf;" u2="&#x2122;" k="52" />
+<hkern u1="&#xdf;" u2="T" k="200" />
+<hkern u1="&#xe0;" u2="&#xb4;" k="-52" />
+<hkern u1="&#xe0;" u2="&#xaf;" k="252" />
+<hkern u1="&#xe0;" u2="`" k="-8" />
+<hkern u1="&#xe0;" u2="T" k="92" />
+<hkern u1="&#xe1;" u2="&#xb4;" k="-220" />
+<hkern u1="&#xe2;" u2="&#xb4;" k="-128" />
+<hkern u1="&#xe3;" u2="&#xb4;" k="-148" />
+<hkern u1="&#xe3;" u2="&#xa8;" k="-20" />
+<hkern u1="&#xe4;" u2="&#xb4;" k="-164" />
+<hkern u1="&#xe5;" u2="&#xb4;" k="-136" />
+<hkern u1="&#xe6;" u2="T" k="220" />
+<hkern u1="&#xe7;" u2="T" k="220" />
+<hkern u1="&#xe8;" u2="&#xb4;" k="-96" />
+<hkern u1="&#xe9;" u2="&#xb4;" k="-82" />
+<hkern u1="&#xea;" u2="&#xb4;" k="-28" />
+<hkern u1="&#xeb;" u2="&#xb4;" k="-96" />
+<hkern u1="&#xf0;" u2="&#xb4;" k="-88" />
+<hkern u1="&#xf1;" u2="&#xb4;" k="-208" />
+<hkern u1="&#xf1;" u2="&#xa8;" k="160" />
+<hkern u1="&#xf2;" u2="&#xb4;" k="-36" />
+<hkern u1="&#xf3;" u2="&#xb4;" k="-224" />
+<hkern u1="&#xf4;" u2="&#xb4;" k="-68" />
+<hkern u1="&#xf5;" u2="&#xa8;" k="156" />
+<hkern u1="&#xf6;" u2="&#xb4;" k="-24" />
+<hkern u1="&#xf7;" u2="&#xb9;" k="16" />
+<hkern u1="&#xf7;" u2="&#xb0;" k="96" />
+<hkern u1="&#xf7;" u2="T" k="196" />
+<hkern u1="&#xf7;" u2="&#x2a;" k="112" />
+<hkern u1="&#xf8;" u2="&#xb8;" k="32" />
+<hkern u1="&#xf8;" u2="T" k="180" />
+<hkern u1="&#xf8;" u2="&#x37;" k="136" />
+<hkern u1="&#xf9;" u2="&#xb4;" k="-36" />
+<hkern u1="&#xfa;" u2="&#xb4;" k="-100" />
+<hkern u1="&#xfb;" u2="&#xb4;" k="-128" />
+<hkern u1="&#xfc;" u2="&#xb4;" k="-164" />
+<hkern u1="&#xfd;" u2="&#xb8;" k="-28" />
+<hkern u1="&#xfd;" u2="&#xb4;" k="-300" />
+<hkern u1="&#xfe;" u2="&#x201d;" k="264" />
+<hkern u1="&#xfe;" u2="&#x201c;" k="24" />
+<hkern u1="&#xfe;" u2="&#x2019;" k="4" />
+<hkern u1="&#xfe;" u2="&#x2018;" k="144" />
+<hkern u1="&#xfe;" u2="&#xb9;" k="32" />
+<hkern u1="&#xfe;" u2="&#xb8;" k="48" />
+<hkern u1="&#xfe;" u2="&#xb7;" k="-16" />
+<hkern u1="&#xfe;" u2="&#xb3;" k="124" />
+<hkern u1="&#xfe;" u2="&#xb2;" k="84" />
+<hkern u1="&#xfe;" u2="&#xb0;" k="268" />
+<hkern u1="&#xfe;" u2="_" k="204" />
+<hkern u1="&#xfe;" u2="^" k="244" />
+<hkern u1="&#xfe;" u2="T" k="156" />
+<hkern u1="&#xfe;" u2="&#x3f;" k="152" />
+<hkern u1="&#xfe;" u2="&#x2a;" k="188" />
+<hkern u1="&#xfe;" u2="&#x27;" k="324" />
+<hkern u1="&#xfe;" u2="&#x22;" k="84" />
+<hkern u1="&#xff;" u2="&#xb8;" k="12" />
+<hkern u1="&#xff;" u2="&#xb4;" k="-204" />
+<hkern u1="&#x153;" u2="T" k="196" />
+<hkern u1="&#x178;" u2="&#x2026;" k="240" />
+<hkern u1="&#x178;" u2="&#x201e;" k="200" />
+<hkern u1="&#x178;" u2="&#x201a;" k="200" />
+<hkern u1="&#x178;" u2="&#xf7;" k="232" />
+<hkern u1="&#x178;" u2="&#xc6;" k="280" />
+<hkern u1="&#x178;" u2="&#xc5;" k="220" />
+<hkern u1="&#x178;" u2="&#xc4;" k="180" />
+<hkern u1="&#x178;" u2="&#xc3;" k="240" />
+<hkern u1="&#x178;" u2="&#xc1;" k="280" />
+<hkern u1="&#x178;" u2="&#xc0;" k="260" />
+<hkern u1="&#x178;" u2="&#xbf;" k="212" />
+<hkern u1="&#x178;" u2="&#xb8;" k="124" />
+<hkern u1="&#x178;" u2="_" k="240" />
+<hkern u1="&#x178;" u2="J" k="236" />
+<hkern u1="&#x178;" u2="A" k="280" />
+<hkern u1="&#x178;" u2="&#x2f;" k="300" />
+<hkern u1="&#x178;" u2="&#x2e;" k="260" />
+<hkern u1="&#x178;" u2="&#x2c;" k="260" />
+<hkern u1="&#x2014;" u2="&#x203a;" k="200" />
+<hkern u1="&#x2014;" u2="Z" k="52" />
+<hkern u1="&#x2014;" u2="T" k="240" />
+<hkern u1="&#x2014;" u2="J" k="204" />
+<hkern u1="&#x2014;" u2="&#x37;" k="56" />
+<hkern u1="&#x2014;" u2="&#x33;" k="-88" />
+<hkern u1="&#x2014;" u2="&#x2f;" k="32" />
+<hkern u1="&#x2018;" u2="&#xb1;" k="-8" />
+<hkern u1="&#x2018;" u2="&#xa2;" k="100" />
+<hkern u1="&#x2018;" u2="J" k="260" />
+<hkern u1="&#x2018;" u2="&#x2f;" k="176" />
+<hkern u1="&#x2018;" u2="&#x2b;" k="32" />
+<hkern u1="&#x2019;" u2="&#xf7;" k="-8" />
+<hkern u1="&#x2019;" u2="&#xc6;" k="192" />
+<hkern u1="&#x2019;" u2="&#xc5;" k="192" />
+<hkern u1="&#x2019;" u2="&#xc4;" k="132" />
+<hkern u1="&#x2019;" u2="&#xc3;" k="132" />
+<hkern u1="&#x2019;" u2="&#xc1;" k="232" />
+<hkern u1="&#x2019;" u2="&#xc0;" k="132" />
+<hkern u1="&#x2019;" u2="&#xb1;" k="-68" />
+<hkern u1="&#x2019;" u2="&#xa2;" k="164" />
+<hkern u1="&#x2019;" u2="J" k="260" />
+<hkern u1="&#x2019;" u2="A" k="212" />
+<hkern u1="&#x2019;" u2="&#x2f;" k="180" />
+<hkern u1="&#x2019;" u2="&#x2b;" k="92" />
+<hkern u1="&#x201a;" u2="&#x2039;" k="156" />
+<hkern u1="&#x201a;" u2="&#x178;" k="240" />
+<hkern u1="&#x201a;" u2="&#xf7;" k="12" />
+<hkern u1="&#x201a;" u2="&#xdd;" k="240" />
+<hkern u1="&#x201a;" u2="&#xb6;" k="136" />
+<hkern u1="&#x201a;" u2="&#xac;" k="-128" />
+<hkern u1="&#x201a;" u2="&#xab;" k="92" />
+<hkern u1="&#x201a;" u2="&#xa5;" k="280" />
+<hkern u1="&#x201a;" u2="\" k="324" />
+<hkern u1="&#x201a;" u2="Y" k="280" />
+<hkern u1="&#x201a;" u2="V" k="216" />
+<hkern u1="&#x201a;" u2="T" k="240" />
+<hkern u1="&#x201a;" u2="&#x3f;" k="216" />
+<hkern u1="&#x201a;" u2="&#x3c;" k="12" />
+<hkern u1="&#x201a;" u2="&#x34;" k="-72" />
+<hkern u1="&#x201a;" u2="&#x2b;" k="36" />
+<hkern u1="&#x201c;" u2="&#xb1;" k="92" />
+<hkern u1="&#x201c;" u2="&#xa2;" k="80" />
+<hkern u1="&#x201c;" u2="J" k="280" />
+<hkern u1="&#x201c;" u2="&#x2f;" k="276" />
+<hkern u1="&#x201c;" u2="&#x2b;" k="132" />
+<hkern u1="&#x201d;" u2="&#xf7;" k="-28" />
+<hkern u1="&#x201d;" u2="&#xc6;" k="332" />
+<hkern u1="&#x201d;" u2="&#xc5;" k="192" />
+<hkern u1="&#x201d;" u2="&#xc4;" k="172" />
+<hkern u1="&#x201d;" u2="&#xc3;" k="92" />
+<hkern u1="&#x201d;" u2="&#xc1;" k="192" />
+<hkern u1="&#x201d;" u2="&#xc0;" k="192" />
+<hkern u1="&#x201d;" u2="&#xb1;" k="192" />
+<hkern u1="&#x201d;" u2="&#xa2;" k="224" />
+<hkern u1="&#x201d;" u2="J" k="280" />
+<hkern u1="&#x201d;" u2="A" k="272" />
+<hkern u1="&#x201d;" u2="&#x2f;" k="360" />
+<hkern u1="&#x201d;" u2="&#x2b;" k="132" />
+<hkern u1="&#x201e;" u2="&#x2039;" k="276" />
+<hkern u1="&#x201e;" u2="&#x178;" k="280" />
+<hkern u1="&#x201e;" u2="&#xf7;" k="112" />
+<hkern u1="&#x201e;" u2="&#xdd;" k="340" />
+<hkern u1="&#x201e;" u2="&#xb6;" k="156" />
+<hkern u1="&#x201e;" u2="&#xac;" k="112" />
+<hkern u1="&#x201e;" u2="&#xab;" k="132" />
+<hkern u1="&#x201e;" u2="&#xa5;" k="240" />
+<hkern u1="&#x201e;" u2="\" k="284" />
+<hkern u1="&#x201e;" u2="Y" k="220" />
+<hkern u1="&#x201e;" u2="V" k="216" />
+<hkern u1="&#x201e;" u2="T" k="220" />
+<hkern u1="&#x201e;" u2="&#x3f;" k="116" />
+<hkern u1="&#x201e;" u2="&#x3c;" k="92" />
+<hkern u1="&#x201e;" u2="&#x34;" k="8" />
+<hkern u1="&#x201e;" u2="&#x2b;" k="36" />
+<hkern u1="&#x2022;" u2="&#x2122;" k="-144" />
+<hkern u1="&#x2022;" u2="&#x203a;" k="-36" />
+<hkern u1="&#x2022;" u2="&#x178;" k="-148" />
+<hkern u1="&#x2022;" u2="&#xdd;" k="12" />
+<hkern u1="&#x2022;" u2="&#xc6;" k="12" />
+<hkern u1="&#x2022;" u2="&#xc5;" k="12" />
+<hkern u1="&#x2022;" u2="&#xc4;" k="12" />
+<hkern u1="&#x2022;" u2="&#xc3;" k="-68" />
+<hkern u1="&#x2022;" u2="&#xc2;" k="-88" />
+<hkern u1="&#x2022;" u2="&#xc1;" k="-28" />
+<hkern u1="&#x2022;" u2="&#xc0;" k="92" />
+<hkern u1="&#x2022;" u2="&#xb9;" k="-128" />
+<hkern u1="&#x2022;" u2="&#xb4;" k="-206" />
+<hkern u1="&#x2022;" u2="&#xb0;" k="-208" />
+<hkern u1="&#x2022;" u2="&#x7d;" k="512" />
+<hkern u1="&#x2022;" u2="]" k="16" />
+<hkern u1="&#x2022;" u2="\" k="-68" />
+<hkern u1="&#x2022;" u2="Z" k="100" />
+<hkern u1="&#x2022;" u2="Y" k="-128" />
+<hkern u1="&#x2022;" u2="X" k="-4" />
+<hkern u1="&#x2022;" u2="T" k="108" />
+<hkern u1="&#x2022;" u2="J" k="-128" />
+<hkern u1="&#x2022;" u2="A" k="52" />
+<hkern u1="&#x2022;" u2="&#x37;" k="-96" />
+<hkern u1="&#x2022;" u2="&#x2f;" k="40" />
+<hkern u1="&#x2022;" u2="&#x29;" k="-128" />
+<hkern u1="&#x2026;" u2="&#x2039;" k="236" />
+<hkern u1="&#x2026;" u2="&#x178;" k="240" />
+<hkern u1="&#x2026;" u2="&#xf7;" k="112" />
+<hkern u1="&#x2026;" u2="&#xdd;" k="280" />
+<hkern u1="&#x2026;" u2="&#xb6;" k="216" />
+<hkern u1="&#x2026;" u2="&#xac;" k="132" />
+<hkern u1="&#x2026;" u2="&#xab;" k="172" />
+<hkern u1="&#x2026;" u2="&#xa5;" k="240" />
+<hkern u1="&#x2026;" u2="\" k="324" />
+<hkern u1="&#x2026;" u2="Y" k="220" />
+<hkern u1="&#x2026;" u2="V" k="216" />
+<hkern u1="&#x2026;" u2="T" k="80" />
+<hkern u1="&#x2026;" u2="&#x3f;" k="296" />
+<hkern u1="&#x2026;" u2="&#x3c;" k="112" />
+<hkern u1="&#x2026;" u2="&#x34;" k="68" />
+<hkern u1="&#x2026;" u2="&#x2b;" k="96" />
+<hkern u1="&#x2039;" u2="&#x2039;" k="640" />
+<hkern u1="&#x2039;" u2="&#x2022;" k="116" />
+<hkern u1="&#x2039;" u2="&#x2014;" k="220" />
+<hkern u1="&#x2039;" u2="&#xac;" k="56" />
+<hkern u1="&#x2039;" u2="&#xab;" k="214" />
+<hkern u1="&#x2039;" u2="&#x7e;" k="232" />
+<hkern u1="&#x2039;" u2="&#x3c;" k="156" />
+<hkern u1="&#x203a;" u2="&#x203a;" k="160" />
+<hkern u1="&#x203a;" u2="&#x2026;" k="196" />
+<hkern u1="&#x203a;" u2="&#x201e;" k="36" />
+<hkern u1="&#x203a;" u2="&#x201a;" k="136" />
+<hkern u1="&#x203a;" u2="&#xb8;" k="92" />
+<hkern u1="&#x203a;" u2="&#xb4;" k="-112" />
+<hkern u1="&#x203a;" u2="&#xaf;" k="136" />
+<hkern u1="&#x203a;" u2="&#xa8;" k="288" />
+<hkern u1="&#x203a;" u2="`" k="-44" />
+<hkern u1="&#x203a;" u2="_" k="348" />
+<hkern u1="&#x203a;" u2="&#x2f;" k="12" />
+<hkern u1="&#x203a;" u2="&#x2e;" k="176" />
+<hkern u1="&#x203a;" u2="&#x2c;" k="176" />
+<hkern u1="&#x20ac;" u2="&#x2014;" k="56" />
+<hkern u1="&#x20ac;" u2="&#xb4;" k="-124" />
+<hkern u1="&#x20ac;" u2="&#xac;" k="76" />
+<hkern g1="t" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="82" />
+<hkern g1="t" 	g2="m,n,r,u" 	k="54" />
+<hkern g1="t" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="t" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="28" />
+<hkern g1="t" 	g2="V" 	k="54" />
+<hkern g1="t" 	g2="x" 	k="54" />
+<hkern g1="t" 	g2="T" 	k="110" />
+<hkern g1="f" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="164" />
+<hkern g1="f" 	g2="b,h,i,j,k,l" 	k="110" />
+<hkern g1="f" 	g2="m,n,r,u" 	k="136" />
+<hkern g1="f" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="82" />
+<hkern g1="f" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="138" />
+<hkern g1="f" 	g2="V" 	k="54" />
+<hkern g1="f" 	g2="x" 	k="164" />
+<hkern g1="f" 	g2="T" 	k="54" />
+<hkern g1="f" 	g2="f,uniFB01,uniFB02" 	k="164" />
+<hkern g1="f" 	g2="g" 	k="218" />
+<hkern g1="d" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="54" />
+<hkern g1="d" 	g2="b,h,i,j,k,l" 	k="28" />
+<hkern g1="d" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="d" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="28" />
+<hkern g1="d" 	g2="V" 	k="28" />
+<hkern g1="d" 	g2="x" 	k="28" />
+<hkern g1="k" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="164" />
+<hkern g1="k" 	g2="m,n,r,u" 	k="54" />
+<hkern g1="k" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="k" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="54" />
+<hkern g1="k" 	g2="V" 	k="54" />
+<hkern g1="k" 	g2="x" 	k="82" />
+<hkern g1="k" 	g2="T" 	k="136" />
+<hkern g1="A" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="136" />
+<hkern g1="A" 	g2="b,h,i,j,k,l" 	k="82" />
+<hkern g1="A" 	g2="m,n,r,u" 	k="82" />
+<hkern g1="A" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="54" />
+<hkern g1="A" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="138" />
+<hkern g1="A" 	g2="V" 	k="274" />
+<hkern g1="A" 	g2="x" 	k="54" />
+<hkern g1="A" 	g2="T" 	k="328" />
+<hkern g1="A" 	g2="f,uniFB01,uniFB02" 	k="136" />
+<hkern g1="C" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="54" />
+<hkern g1="C" 	g2="b,h,i,j,k,l" 	k="82" />
+<hkern g1="C" 	g2="m,n,r,u" 	k="54" />
+<hkern g1="C" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="C" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="28" />
+<hkern g1="C" 	g2="V" 	k="28" />
+<hkern g1="C" 	g2="x" 	k="56" />
+<hkern g1="C" 	g2="T" 	k="54" />
+<hkern g1="C" 	g2="f,uniFB01,uniFB02" 	k="54" />
+<hkern g1="r" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="54" />
+<hkern g1="r" 	g2="b,h,i,j,k,l" 	k="82" />
+<hkern g1="r" 	g2="m,n,r,u" 	k="28" />
+<hkern g1="r" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="82" />
+<hkern g1="r" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="28" />
+<hkern g1="r" 	g2="V" 	k="82" />
+<hkern g1="r" 	g2="x" 	k="28" />
+<hkern g1="r" 	g2="T" 	k="110" />
+<hkern g1="r" 	g2="f,uniFB01,uniFB02" 	k="28" />
+<hkern g1="L" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="82" />
+<hkern g1="L" 	g2="b,h,i,j,k,l" 	k="54" />
+<hkern g1="L" 	g2="m,n,r,u" 	k="54" />
+<hkern g1="L" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="L" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="136" />
+<hkern g1="L" 	g2="V" 	k="246" />
+<hkern g1="L" 	g2="x" 	k="54" />
+<hkern g1="L" 	g2="T" 	k="300" />
+<hkern g1="L" 	g2="f,uniFB01,uniFB02" 	k="82" />
+<hkern g1="V" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="246" />
+<hkern g1="V" 	g2="b,h,i,j,k,l" 	k="82" />
+<hkern g1="V" 	g2="m,n,r,u" 	k="136" />
+<hkern g1="V" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="82" />
+<hkern g1="V" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="164" />
+<hkern g1="V" 	g2="x" 	k="136" />
+<hkern g1="V" 	g2="f,uniFB01,uniFB02" 	k="136" />
+<hkern g1="W" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="174" />
+<hkern g1="W" 	g2="b,h,i,j,k,l" 	k="82" />
+<hkern g1="W" 	g2="m,n,r,u" 	k="136" />
+<hkern g1="W" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="56" />
+<hkern g1="W" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="136" />
+<hkern g1="W" 	g2="x" 	k="110" />
+<hkern g1="W" 	g2="f,uniFB01,uniFB02" 	k="54" />
+<hkern g1="P" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="136" />
+<hkern g1="P" 	g2="b,h,i,j,k,l" 	k="108" />
+<hkern g1="P" 	g2="m,n,r,u" 	k="82" />
+<hkern g1="P" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="54" />
+<hkern g1="P" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="54" />
+<hkern g1="P" 	g2="V" 	k="28" />
+<hkern g1="P" 	g2="x" 	k="82" />
+<hkern g1="P" 	g2="T" 	k="28" />
+<hkern g1="P" 	g2="f,uniFB01,uniFB02" 	k="28" />
+<hkern g1="X" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="136" />
+<hkern g1="X" 	g2="b,h,i,j,k,l" 	k="54" />
+<hkern g1="X" 	g2="m,n,r,u" 	k="54" />
+<hkern g1="X" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="56" />
+<hkern g1="X" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="192" />
+<hkern g1="X" 	g2="V" 	k="28" />
+<hkern g1="X" 	g2="x" 	k="82" />
+<hkern g1="X" 	g2="f,uniFB01,uniFB02" 	k="54" />
+<hkern g1="F" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="54" />
+<hkern g1="F" 	g2="b,h,i,j,k,l" 	k="54" />
+<hkern g1="F" 	g2="m,n,r,u" 	k="28" />
+<hkern g1="F" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="54" />
+<hkern g1="F" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="54" />
+<hkern g1="F" 	g2="V" 	k="28" />
+<hkern g1="F" 	g2="x" 	k="82" />
+<hkern g1="F" 	g2="f,uniFB01,uniFB02" 	k="28" />
+<hkern g1="K" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="192" />
+<hkern g1="K" 	g2="b,h,i,j,k,l" 	k="136" />
+<hkern g1="K" 	g2="m,n,r,u" 	k="110" />
+<hkern g1="K" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="110" />
+<hkern g1="K" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="274" />
+<hkern g1="K" 	g2="V" 	k="164" />
+<hkern g1="K" 	g2="x" 	k="82" />
+<hkern g1="K" 	g2="T" 	k="136" />
+<hkern g1="K" 	g2="f,uniFB01,uniFB02" 	k="136" />
+<hkern g1="R" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="164" />
+<hkern g1="R" 	g2="b,h,i,j,k,l" 	k="54" />
+<hkern g1="R" 	g2="m,n,r,u" 	k="28" />
+<hkern g1="R" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="R" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="168" />
+<hkern g1="R" 	g2="V" 	k="136" />
+<hkern g1="R" 	g2="x" 	k="54" />
+<hkern g1="R" 	g2="T" 	k="110" />
+<hkern g1="R" 	g2="f,uniFB01,uniFB02" 	k="110" />
+<hkern g1="O" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="28" />
+<hkern g1="O" 	g2="b,h,i,j,k,l" 	k="28" />
+<hkern g1="O" 	g2="m,n,r,u" 	k="28" />
+<hkern g1="O" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="28" />
+<hkern g1="O" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="28" />
+<hkern g1="O" 	g2="V" 	k="54" />
+<hkern g1="O" 	g2="x" 	k="82" />
+<hkern g1="O" 	g2="T" 	k="82" />
+<hkern g1="slash" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="246" />
+<hkern g1="slash" 	g2="b,h,i,j,k,l" 	k="28" />
+<hkern g1="slash" 	g2="m,n,r,u" 	k="136" />
+<hkern g1="slash" 	g2="B,D,E,F,H,I,K,L,M,N,P,R,U,bracketleft,Egrave,Eacute,Ecircumflex,Edieresis,Igrave,Iacute,Ntilde,Ugrave,Uacute,Ucircumflex,Udieresis" 	k="54" />
+<hkern g1="slash" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="192" />
+<hkern g1="slash" 	g2="x" 	k="218" />
+<hkern g1="slash" 	g2="f,uniFB01,uniFB02" 	k="54" />
+<hkern g1="T" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="302" />
+<hkern g1="T" 	g2="m,n,r,u" 	k="164" />
+<hkern g1="T" 	g2="C,G,O,Q,cedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis" 	k="82" />
+<hkern g1="T" 	g2="V" 	k="-54" />
+<hkern g1="T" 	g2="x" 	k="136" />
+<hkern g1="T" 	g2="T" 	k="-110" />
+<hkern g1="T" 	g2="f,uniFB01,uniFB02" 	k="28" />
+<hkern g1="Y" 	g2="a,e,o,acute,acircumflex,atilde,adieresis,aring,ae,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis" 	k="310" />
+<hkern g1="Y" 	g2="f,uniFB01,uniFB02" 	k="136" />
+<hkern g1="e,o,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex" 	g2="V" 	k="136" />
+<hkern g1="e,o,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex" 	g2="x" 	k="82" />
+<hkern g1="e,o,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex" 	g2="T" 	k="218" />
+<hkern g1="e,o,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex" 	g2="f,uniFB01,uniFB02" 	k="82" />
+</font>
+</defs></svg> 
\ No newline at end of file
diff --git a/public/fonts/terminal-grotesque-webfont.ttf b/public/fonts/terminal-grotesque-webfont.ttf
new file mode 100644
index 0000000..0d916c3
Binary files /dev/null and b/public/fonts/terminal-grotesque-webfont.ttf differ
diff --git a/public/fonts/terminal-grotesque-webfont.woff b/public/fonts/terminal-grotesque-webfont.woff
new file mode 100644
index 0000000..d721311
Binary files /dev/null and b/public/fonts/terminal-grotesque-webfont.woff differ
diff --git a/public/fonts/terminal-grotesque-webfont.woff2 b/public/fonts/terminal-grotesque-webfont.woff2
new file mode 100644
index 0000000..1240fa3
Binary files /dev/null and b/public/fonts/terminal-grotesque-webfont.woff2 differ
diff --git a/public/index.html b/public/index.html
index 3e44050..509e4ef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
-	<meta name="generator" content="Hugo 0.100.1" />
+	<meta name="generator" content="Hugo 0.115.4">
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="WIP portal for hydra video synth. This will be a home for news and updates regarding hydra, as well as a hub for community resources and documentaiton.
@@ -11,16 +11,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="hydra video synth portal" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/" />
 <title>hydra video synth portal | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/ja/" title="hydra video synth portal">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="ja" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/" title="hydra video synth portal">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -67,7 +66,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -78,7 +77,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -108,7 +107,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -116,7 +115,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -149,7 +148,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -164,7 +176,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -178,7 +190,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -191,7 +203,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -204,7 +216,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -217,7 +229,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -230,7 +242,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -245,7 +257,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -259,7 +271,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -272,7 +284,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -299,7 +311,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -326,7 +338,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -343,12 +355,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -373,14 +379,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>hydra video synth portal</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -409,7 +415,7 @@ <h2 class="book-brand">
         
         <article class="markdown book-post">
             <h2>
-              <a href="/hydra-blog/posts/hello-world/">Brand new hydra blog and documentation portal</a>
+              <a href="/hydra-docs-v2/posts/hello-world/">Brand new hydra blog and documentation portal</a>
             </h2>
             <h5>
   April 5, 2023 
@@ -446,8 +452,8 @@ <h5>
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -455,8 +461,8 @@ <h5>
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -466,7 +472,7 @@ <h5>
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/index.xml b/public/index.xml
index 23e1798..8de0575 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -2,37 +2,46 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>hydra video synth portal on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/</link>
     <description>Recent content in hydra video synth portal on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>about</title>
-      <link>https://ojack.xyz/hydra-blog/docs/what-is-hydra/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/what-is-hydra/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/</guid>
       <description>What is Hydra? # Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike. You can simply open the hydra web editor on a laptop or mobile device to get started.
 Hydra is written in JavaScript and compiles to WebGL under the hood. The syntax is inspired by analog modular synthesis, in which chaining or patching a set of transformations together generates a visual result.</description>
     </item>
     
     <item>
       <title>getting started</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/getting-started-short/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/getting-started-short/</guid>
       <description>Getting started # Play with gallery examples # The simplest way to get started with hydra is to play around with the example sketches in the web editor.
 To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.
 You will see some colorful visuals in the background with text on top. The text is code that generates the visuals behind it.</description>
     </item>
     
+    <item>
+      <title>community</title>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/community/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/community/</guid>
+      <description> community projects, libraries, and resources # </description>
+    </item>
+    
     <item>
       <title>video synth basics</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/video-synth-basics/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/video-synth-basics/</guid>
       <description>Modular Video Synth Basics # Hydra is inspired by modular synthesis. Instead of connecting cables you connect different kinds of javascript functions.
 source Sandin Image Processor # Press the run button to run this code and update the visuals on the screen. You should see some scrolling stripes appear in the background.
 This creates a visual oscillator. Try modifying the parameters of the oscillator by putting a number inside the parentheses of osc(), for example osc(10).</description>
@@ -40,10 +49,10 @@ This creates a visual oscillator. Try modifying the parameters of the oscillator
     
     <item>
       <title>Brand new hydra blog and documentation portal</title>
-      <link>https://ojack.xyz/hydra-blog/posts/hello-world/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/</link>
       <pubDate>Wed, 05 Apr 2023 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/posts/hello-world/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/</guid>
       <description>WIP portal for hydra video synth. This will be a home for news and updates regarding hydra, as well as a hub for community resources and documentaiton.
 For the main hydra website, see the web editor.
 We welcome contributions!</description>
@@ -51,29 +60,29 @@ We welcome contributions!</description>
     
     <item>
       <title>external sources: cameras, videos, streams</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/external-sources/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/external-sources/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/external-sources/</guid>
       <description>External Sources # Using the webcam # In addition to using sources from within hydra (such as osc() and shape()), you can use hydra to process external video sources such as a webcam. To initialize the webcam, run the following code:
 s0.initCam() This activates the webcam source inside a variable called s0, and you should see the light on your webcam light up. However, you will still not see the webcam image on the screen.</description>
     </item>
     
     <item>
       <title>sequencing &amp; interactivity</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/interactivity/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/interactivity/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/interactivity/</guid>
       <description>Sequencing and Interactivity # If you&amp;rsquo;re coding in Hydra, you&amp;rsquo;re constantly trying many values to input to the sources and transforms, and it&amp;rsquo;s just a matter of time until you like how more than one looks, and you want to somehow switch between them. We&amp;rsquo;ll be referring to this idea of arguments whose value change over time as dynamic arguments. And there are two main ways to achieve this in Hydra: Arrays and functions.</description>
     </item>
     
     <item>
       <title>Textures</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/textures/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/textures/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/textures/</guid>
       <description>Textures # by Naoto Hieda
 In this chapter, we discuss textures or patterns, separately from colors or movements. Most of the snippets have low saturation in order to separate textures from other effects.
 Oscillator # osc(freq,sync,offset) is one of the basic sources to create a texture. The first argument determines the frequency (i.e., how packed the stripes are), the second for the sync (i.e., the scroll speed), and the third for the offset, which adds color to the pattern.</description>
@@ -81,10 +90,10 @@ Oscillator # osc(freq,sync,offset) is one of the basic sources to create a textu
     
     <item>
       <title>using the web editor</title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/web-editor/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/</link>
       <pubDate>Tue, 04 Apr 2023 15:10:36 +0200</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/web-editor/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/web-editor/</guid>
       <description>Get to know the browser editor # To get started, open the the hydra web editor in a separate window. Close the top window by clicking the [x] in the top right.
 You will see some colorful visuals in the background with text on top in the top left of the screen. The text is code that generates the visuals behind it.
 At the right up corner you will find a toolbar with these buttons: run all code Runs all code on the page (same as typing *ctrl+shift+enter) upload to gallery upload a sketch to Hydra&amp;rsquo;s gallery and create a shorter URL clear all resets the environment and clears text from the editor show random sketch.</description>
@@ -92,28 +101,28 @@ At the right up corner you will find a toolbar with these buttons: run all code
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/audio/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/audio/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/audio/</guid>
       <description>Audio Guide # Reacting to audio # In order to achieve audio reactivity, Hydra makes use of a JavaScript library called Meyda and has a pre-defined object called a to access many of its features. Audio reactivity in Hydra is mainly achieved using an algorithm called Fast Fourier transform. You definitely don&amp;rsquo;t need to know what it is or how it achieves what it does to use it, but you need to understand the following:</description>
     </item>
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/color/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/color/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/color/</guid>
       <description></description>
     </item>
     
     <item>
       <title></title>
-      <link>https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/docs/learning/guides/feedback/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/docs/learning/guides/feedback/</guid>
       <description></description>
     </item>
     
diff --git a/public/ja.search-data.min.576a4967a4c74101eb5f1a679342e6c71c3d92602defd748835a1ffa9cfab4fa.json b/public/ja.search-data.min.576a4967a4c74101eb5f1a679342e6c71c3d92602defd748835a1ffa9cfab4fa.json
new file mode 100644
index 0000000..2abf2f2
--- /dev/null
+++ b/public/ja.search-data.min.576a4967a4c74101eb5f1a679342e6c71c3d92602defd748835a1ffa9cfab4fa.json
@@ -0,0 +1 @@
+[{"id":0,"href":"/hydra-docs-v2/ja/docs/what-is-hydra/","title":"about","section":"Docs","content":" Hydra - ハイドラ # ―それはネットワークド・ライブコーディング・ビジュアルのためのツールセット。アナログ・モジュラーシンセにインスピレーションを受け、ビジュアルをネット上でストリーミング、ルーティングしてリアルタイムに出力するためのツールです。\nHydra は複数のフレームバッファによりダイナミックにブラウザ間のビジュアルをミキシング、コンポジション、そしてコラボレーションすることができます。座標や色の変換はそれぞれの出力に関数をチェーンして重ねられます。\n注：実験的かつ開発中です。現在、 Chrome か Chromium かつ WebGL がサポートされた環境が必要です。 プル・リクエストは大歓迎です。またコメント、アイディア、バグなどは Issue にどうぞ =]\n詳細は使い方、使い方(PDF、スペイン語)、チュートリアルとサンプル、全ての関数のリスト、コミュニティ・メンバーによるスケッチ集、Hydra を開発するにあたった経緯（英語）をご覧ください。\n注：このレポジトリは Hydra のオンライン・エディタ用です。 Hydra の他の要素はそれぞれモジュールとして公開しています：\nhydra-synth: Hydra のシンセ・エンジン（npm モジュール atom-hydra: Atom 用 Hydra rtc-patch-bay: Hydra のネットワーキング・システム（npm モジュール） "},{"id":1,"href":"/hydra-docs-v2/ja/docs/learning/getting-started/","title":"使い方","section":"Docs","content":" 使い方 # https://hydra.ojack.xyz を開いて、\nCTRL-Enter: 現在の行を実行 CTRL-Shift-Enter: スクリーン上のすべてのコードを実行 ALT-Enter: （空行にはさまれた）ブロックを実行 CTRL-Shift-H: コードを非表示・表示 CTRL-Shift-F: Prettier によりフォーマット CTRL-Shift-S: スクリーンショットを取って画像ファイルとしてダウンロード CTRL-Shift-G: twitter の @hydra_patterns に保存（現在は動作していません） コードはブラウザ上のエディタからでもコンソールからでも実行できます。\n使い始める前に、 @hydra_patterns からコミュニティ・メンバーのシェアしたパターンをご覧いただければイメージがつかめると思います。\n基本の関数 # オシレーターを周波数、シンク、 RGB オフセットのパラメータでレンダー：\nosc(20, 0.1, 0.8).out() オシレーターを 0.8 ラジアンだけ回転：\nosc(20, 0.1, 0.8).rotate(0.8).out() 上の関数の出力をピクセル化：\nosc(20, 0.1, 0.8).rotate(0.8).pixelate(20, 30).out() ウェブカメラの画像を表示：\ns0.initCam() // ソース・バッファ s0 をウェブカメラに初期化 src(s0).out() // ソース・バッファ s0 をレンダー カメラが複数接続されている場合は、インデックスを用いてカメラを指定できます：\ns0.initCam(1) // ソース・バッファ s0 をウェブカメラ(1)に初期化 ウェブカメラ・カレイドスコープ（万華鏡）：\ns0.initCam() // ソース・バッファ s0 をウェブカメラに初期化 src(s0).kaleid(4).out() // ウェブカメラをカレイドとして表示 複数のソースをかけ合わせることもできます：\nosc(10) .rotate(0.5) .diff(osc(200)) .out() デフォルトの環境では4つの出力バッファがあり、それぞれに別のビジュアルをレンダ―することができます。出力は変数 o0, o1, o2, o3 によりアクセスできます。\nバッファ o1 にレンダ―するには：\nosc().out(o1) render(o1) // o1 のコンテンツを表示 out() の引数として出力バッファが指定されていない場合、 o0 に結果がレンダーされます。 全てのレンダー・バッファを表示するには：\nrender() 出力バッファはそれからミキシングやコンポジションにより画面に表示するグラフィックを生成することができます。\ns0.initCam() // ソース・バッファ s0 をウェブカメラに初期化 src(s0).out(o0) // o0 のソースをウェブカメラのバッファに指定 osc(10, 0.2, 0.8).diff(o0).out(o1) // グラデーションを o0 の内容とコンポジションにして、出力バッファ o1 につなぐ render(o1) // o1 を画面に描画 コンポジション関数は blend(), diff(), mult(), add() 等で、四則演算により入力されたテクスチャとベース・テクスチャの色をかけ合わせることができます。フォトショップのブレンドモード（描画モード）のイメージです。\nmodulate(texture, amount) （texture: 入力テクスチャ、amount：度合) は入力テクスチャの赤、緑チャンネルに応じてベース・テクスチャの x, y 座標を変化させます。詳しくはこちら（英語）： https://lumen-app.com/guide/modulation/\nosc(21, 0).modulate(o1).out(o0) osc(40).rotate(1.57).out(o1) 動画をソースとして用いる：\ns0.initVideo(\u0026#34;https://media.giphy.com/media/AS9LIFttYzkc0/giphy.mp4\u0026#34;) src(s0).out() 画像をソースとして用いる：\ns0.initImage(\u0026#34;https://upload.wikimedia.org/wikipedia/commons/2/25/Hydra-Foto.jpg\u0026#34;) src(s0).out() 関数を引数として使う # Hydra の関数の引数は、固定した値ではなく関数として定義することもできます。例えば：\nosc(function(){return 100 * Math.sin(time * 0.1)}).out() この例ではオシレータの周波数を時間の関数として定義しています（time はグローバル変数で、ページがロードされてから経過した秒数を表します）。 ES6 文法を使えばさらに短く書けます：\nosc(() =\u0026gt; (100 * Math.sin(time * 0.1))).out() デスクトップのキャプチャ # ダイアログを表示してスクリーンやウインドウを入力テクスチャに指定することができます：\ns0.initScreen() src(s0).out() Connecting to remote streams # Any hydra instance can use other instances/windows containing hydra as input sources, as long as they are connected to the internet and not blocked by a firewall. Hydra uses webrtc (real time webstreaming) under the hood to share video streams between open windows. The included module rtc-patch-bay manages connections between connected windows, and can also be used as a standalone module to convert any website into a source within hydra. (See standalone camera source below for example.)\nTo begin, open hydra simultaneously in two separate windows. In one of the windows, set a name for the given patch-bay source:\npb.setName(\u0026#34;myGraphics\u0026#34;) The title of the window should change to the name entered in setName().\nFrom the other window, initiate \u0026ldquo;myGraphics\u0026rdquo; as a source stream.\ns0.initStream(\u0026#34;myGraphics\u0026#34;) render to screen:\ns0.initStream(\u0026#34;myGraphics\u0026#34;) src(s0).out() The connections sometimes take a few seconds to be established; open the browser console to see progress. To list available sources, type the following in the console:\npb.list() Using p5.js with hydra # // Initialize a new p5 instance It is only necessary to call this once p5 = new P5() // {width: window.innerWidth, height:window.innerHeight, mode: \u0026#39;P2D\u0026#39;} // draw a rectangle at point 300, 100 p5.rect(300, 100, 100, 100) // Note that P5 runs in instance mode, so all functions need to start with the variable where P5 was initialized (in this case p5) // reference for P5: https://P5js.org/reference/ // explanation of instance mode: https://github.com/processing/P5.js/wiki/Global-and-instance-mode // When live coding, the \u0026#34;setup()\u0026#34; function of P5.js has basically no use; anything that you would have called in setup you can just call outside of any function. p5.clear() for(var i = 0; i \u0026lt; 100; i++){ p5.fill(i*10, i%30, 255) p5.rect(i*20, 200, 10,200) } // To live code animations, you can redefine the draw function of P5 as follows: // (a rectangle that follows the mouse) p5.draw = () =\u0026gt; { p5.fill(p5.mouseX/5, p5.mouseY/5, 255, 100) p5.rect(p5.mouseX, p5.mouseY, 30, 150) } // To use P5 as an input to hydra, simply use the canvas as a source: s0.init({src: p5.canvas}) // Then render the canvas src(s0).repeat().out() Loading external scripts # The await loadScript() function lets you load other packaged javascript libraries within the hydra editor. Any javascript code can run in the hydra editor.\nHere is an example using Three.js from the web editor:\nawait loadScript(\u0026#34;https://threejs.org/build/three.js\u0026#34;) scene = new THREE.Scene() camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000) renderer = new THREE.WebGLRenderer() renderer.setSize(width, height) geometry = new THREE.BoxGeometry() material = new THREE.MeshBasicMaterial({color: 0x00ff00}) cube = new THREE.Mesh(geometry, material); scene.add(cube) camera.position.z = 1.5 // \u0026#39;update\u0026#39; is a reserved function that will be run every time the main hydra rendering context is updated update = () =\u0026gt; { cube.rotation.x += 0.01; cube.rotation.y += 0.01; renderer.render( scene, camera ); } s0.init({ src: renderer.domElement }) src(s0).repeat().out() And here is an example loading the Tone.js library:\nawait loadScript(\u0026#34;https://unpkg.com/tone\u0026#34;) synth = new Tone.Synth().toDestination(); synth.triggerAttackRelease(\u0026#34;C4\u0026#34;, \u0026#34;8n\u0026#34;); Running locally # To run locally, you must have nodejs, yarn and npm installed. Install node and npm from: https://nodejs.org/en/\nInstall yarn from the command line\nnpm install --global yarn open terminal and enter directory\ncd hydra install dependencies:\nyarn install run server\nyarn serve go to https://localhost:8000 in the browser\nTo develop # Edit frontend/public/index.html to load \u0026lsquo;bundle.js\u0026rsquo; rather than \u0026lsquo;bundle.min.js\u0026rsquo;\nRun development server\nyarn dev Audio Responsiveness # FFT functionality is available via an audio object accessed via \u0026ldquo;a\u0026rdquo;. The editor uses https://github.com/meyda/meyda for audio analysis. To show the fft bins,\na.show() Set number of fft bins:\na.setBins(6) Access the value of the leftmost (lowest frequency) bin:\na.fft[0] Use the value to control a variable:\nosc(10, 0, () =\u0026gt; (a.fft[0]*4)) .out() It is possible to calibrate the responsiveness by changing the minimum and maximum value detected. (Represented by blur lines over the fft). To set minimum value detected:\na.setCutoff(4) Setting the scale changes the range that is detected.\na.setScale(2) The fft[] will return a value between 0 and 1, where 0 represents the cutoff and 1 corresponds to the maximum.\nYou can set smoothing between audio level readings (values between 0 and 1). 0 corresponds to no smoothing (more jumpy, faster reaction time), while 1 means that the value will never change.\na.setSmooth(0.8) To hide the audio waveform:\na.hide() MIDI (experimental) # MIDI controllers can work with Hydra via WebMIDI an example workflow is at /docs/midi.md .\nAPI # There is an updated list of functions at /docs/funcs.md.\nAs well as in the source code for hydra-synth.\nCHANGELOG # See CHANGELOG.md for recent changes.\nLibraries and tools used: # Regl: functional webgl glitch.io: hosting for sandbox signalling server codemirror: browser-based text editor simple-peer Inspiration: # Space-Time Dynamics in Video Feedback (1984). video and paper by Jim Crutchfield about using analog video feedback to model complex systems. Satellite Arts Project (1977) - Kit Galloway and Sherrie Rabinowitz Sandin Image Processor kynd - reactive buffers experiment Related projects: # Lumen app (osx application) Vsynth (package for MaxMSP) VEDA (VJ system within atom) The Force "}]
\ No newline at end of file
diff --git a/public/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js b/public/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js
new file mode 100644
index 0000000..8d958b2
--- /dev/null
+++ b/public/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js
@@ -0,0 +1 @@
+"use strict";(function(){const o="/hydra-docs-v2/ja.search-data.min.576a4967a4c74101eb5f1a679342e6c71c3d92602defd748835a1ffa9cfab4fa.json",i=Object.assign({encode:!1,tokenize:function(e){return e.replace(/[\x00-\x7F]/g,"").split("")}},{doc:{id:"id",field:["title","content"],store:["title","href","section"]}}),e=document.querySelector("#book-search-input"),t=document.querySelector("#book-search-results");if(!e)return;e.addEventListener("focus",n),e.addEventListener("keyup",s),document.addEventListener("keypress",a);function a(t){if(t.target.value!==void 0)return;if(e===document.activeElement)return;const n=String.fromCharCode(t.charCode);if(!r(n))return;e.focus(),t.preventDefault()}function r(t){const n=e.getAttribute("data-hotkeys")||"";return n.indexOf(t)>=0}function n(){e.removeEventListener("focus",n),e.required=!0,fetch(o).then(e=>e.json()).then(e=>{window.bookSearchIndex=FlexSearch.create("balance",i),window.bookSearchIndex.add(e)}).then(()=>e.required=!1).then(s)}function s(){for(;t.firstChild;)t.removeChild(t.firstChild);if(!e.value)return;const n=window.bookSearchIndex.search(e.value,10);n.forEach(function(e){const n=c("<li><a href></a><small></small></li>"),s=n.querySelector("a"),o=n.querySelector("small");s.href=e.href,s.textContent=e.title,o.textContent=e.section,t.appendChild(n)})}function c(e){const t=document.createElement("div");return t.innerHTML=e,t.firstChild}})()
\ No newline at end of file
diff --git a/public/ja/404.html b/public/ja/404.html
index 9ba4ccc..8a8dcd1 100644
--- a/public/ja/404.html
+++ b/public/ja/404.html
@@ -9,14 +9,13 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="404 Page not found" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/404.html" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/404.html" />
 <title>404 Page not found | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -63,7 +62,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 
     <style>
       .not-found {
@@ -83,7 +82,7 @@
         <h1>404</h1>
         <h2>Page Not Found</h2>
         <h3>
-          <a href="/hydra-blog/ja/">hydra video synth</a>
+          <a href="/hydra-docs-v2/ja/">hydra video synth</a>
         </h3>
       </div>
     </main>
diff --git a/public/ja/categories/index.html b/public/ja/categories/index.html
index 27adba9..c9bd815 100644
--- a/public/ja/categories/index.html
+++ b/public/ja/categories/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Categories" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/categories/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/" />
 <title>Categories | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/categories/" title="Categories">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/ja/categories/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="en" href="https://hydra.ojack.xyz/hydra-docs-v2/categories/" title="Categories">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/categories/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/categories/">
           English
         </a>
       </li>
@@ -146,7 +145,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="">about</a>
   
 
         </li>
@@ -159,7 +158,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="">使い方</a>
   
 
         </li>
@@ -192,12 +191,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -222,14 +215,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Categories</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -288,7 +281,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/categories/index.xml b/public/ja/categories/index.xml
index 9a97f9e..f74e018 100644
--- a/public/ja/categories/index.xml
+++ b/public/ja/categories/index.xml
@@ -2,9 +2,9 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Categories on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/ja/categories/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/</link>
     <description>Recent content in Categories on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/ja/categories/index.xml" rel="self" type="application/rss+xml" />
+    <language>ja</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/ja/categories/page/1/index.html b/public/ja/categories/page/1/index.html
index c70bb88..dfc0e68 100644
--- a/public/ja/categories/page/1/index.html
+++ b/public/ja/categories/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="ja">
   <head>
-    <title>https://ojack.xyz/hydra-blog/ja/categories/</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog/ja/categories/">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog/ja/categories/">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/">
   </head>
 </html>
diff --git a/public/ja/docs/index.html b/public/ja/docs/index.html
index 225b7cc..fff0b9e 100644
--- a/public/ja/docs/index.html
+++ b/public/ja/docs/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Docs" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/docs/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/" />
 <title>Docs | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/docs/" title="Docs">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/ja/docs/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="en" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/" title="Docs">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/docs/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/docs/">
           English
         </a>
       </li>
@@ -146,7 +145,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="">about</a>
   
 
         </li>
@@ -159,7 +158,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="">使い方</a>
   
 
         </li>
@@ -192,12 +191,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -222,14 +215,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Docs</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -266,7 +259,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/docs/index.xml b/public/ja/docs/index.xml
index 3dcb8b9..026d8c3 100644
--- a/public/ja/docs/index.xml
+++ b/public/ja/docs/index.xml
@@ -2,16 +2,16 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Docs on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/ja/docs/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/</link>
     <description>Recent content in Docs on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/ja/docs/index.xml" rel="self" type="application/rss+xml" />
+    <language>ja</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>about</title>
-      <link>https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/</guid>
       <description> Hydra - ハイドラ # ―それはネットワークド・ライブコーディング・ビジュアルのためのツールセット。アナログ・モジュラーシンセにインスピレーションを受け、ビジュアルをネット上でストリーミング、ルーティングしてリアルタイムに出力するためのツールです。
 Hydra は複数のフレームバッファによりダイナミックにブラウザ間のビジュアルをミキシング、コンポジション、そしてコラボレーションすることができます。座標や色の変換はそれぞれの出力に関数をチェーンして重ねられます。
 注：実験的かつ開発中です。現在、 Chrome か Chromium かつ WebGL がサポートされた環境が必要です。 プル・リクエストは大歓迎です。またコメント、アイディア、バグなどは Issue にどうぞ =]
@@ -22,10 +22,10 @@ hydra-synth: Hydra のシンセ・エンジン（npm モジュール atom-hydra:
     
     <item>
       <title>使い方</title>
-      <link>https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/</guid>
       <description>使い方 # https://hydra.ojack.xyz を開いて、
 CTRL-Enter: 現在の行を実行 CTRL-Shift-Enter: スクリーン上のすべてのコードを実行 ALT-Enter: （空行にはさまれた）ブロックを実行 CTRL-Shift-H: コードを非表示・表示 CTRL-Shift-F: Prettier によりフォーマット CTRL-Shift-S: スクリーンショットを取って画像ファイルとしてダウンロード CTRL-Shift-G: twitter の @hydra_patterns に保存（現在は動作していません） コードはブラウザ上のエディタからでもコンソールからでも実行できます。
 使い始める前に、 @hydra_patterns からコミュニティ・メンバーのシェアしたパターンをご覧いただければイメージがつかめると思います。
diff --git a/public/ja/docs/learning/getting-started/index.html b/public/ja/docs/learning/getting-started/index.html
index 0d20e61..eea8e8b 100644
--- a/public/ja/docs/learning/getting-started/index.html
+++ b/public/ja/docs/learning/getting-started/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -26,16 +26,15 @@
 s0.initCam(1) // ソース・バッファ s0 をウェブカメラ(1)に初期化 ウェブカメラ・カレイドスコープ（万華鏡）：
 s0.initCam() // ソース・バッファ s0 をウェブカメラに初期化 src(s0).kaleid(4).out() // ウェブカメラをカレイドとして表示 複数のソースをかけ合わせることもできます：" />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-06T13:57:36+02:00" />
-
 <title>使い方 | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -82,7 +81,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -93,7 +92,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -121,7 +120,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -129,7 +128,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/">
           English
         </a>
       </li>
@@ -162,7 +161,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="">about</a>
   
 
         </li>
@@ -175,7 +174,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="active">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="active">使い方</a>
   
 
         </li>
@@ -208,12 +207,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -238,14 +231,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>使い方</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -553,8 +546,8 @@ <h4 id="related-projects">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -562,8 +555,8 @@ <h4 id="related-projects">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content.ja/docs/learning/getting-started.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/learning/getting-started.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>このページを編集する</span>
     </a>
   </div>
@@ -573,7 +566,7 @@ <h4 id="related-projects">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/docs/what-is-hydra/index.html b/public/ja/docs/what-is-hydra/index.html
index 5590cf4..f42065c 100644
--- a/public/ja/docs/what-is-hydra/index.html
+++ b/public/ja/docs/what-is-hydra/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -18,17 +18,16 @@
 注：このレポジトリは Hydra のオンライン・エディタ用です。 Hydra の他の要素はそれぞれモジュールとして公開しています：
 hydra-synth: Hydra のシンセ・エンジン（npm モジュール atom-hydra: Atom 用 Hydra rtc-patch-bay: Hydra のネットワーキング・システム（npm モジュール） " />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/" /><meta property="article:section" content="docs" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/" /><meta property="article:section" content="docs" />
 
 <meta property="article:modified_time" content="2023-04-06T13:57:36+02:00" />
-
 <title>about | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/docs/what-is-hydra/" title="about">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="en" href="https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/" title="about">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -75,7 +74,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -86,7 +85,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -116,7 +115,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -124,7 +123,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/docs/what-is-hydra/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/">
           English
         </a>
       </li>
@@ -157,7 +156,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="active">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="active">about</a>
   
 
         </li>
@@ -170,7 +169,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="">使い方</a>
   
 
         </li>
@@ -203,12 +202,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -233,14 +226,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>about</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -286,8 +279,8 @@ <h2 class="book-brand">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -295,8 +288,8 @@ <h2 class="book-brand">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content.ja/docs/what-is-hydra.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/docs/what-is-hydra.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>このページを編集する</span>
     </a>
   </div>
@@ -306,7 +299,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/index.html b/public/ja/index.html
index 0d83048..053dc31 100644
--- a/public/ja/index.html
+++ b/public/ja/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
-	<meta name="generator" content="Hugo 0.100.1" />
+	<meta name="generator" content="Hugo 0.115.4">
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="WIP portal for hydra video synth. This will be a home for news and updates regarding hydra, as well as a hub for community resources and documentaiton.
@@ -11,16 +11,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="hydra video synth portal" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/" />
 <title>hydra video synth portal | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/" title="hydra video synth portal">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/ja/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="en" href="https://hydra.ojack.xyz/hydra-docs-v2/" title="hydra video synth portal">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -67,7 +66,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -78,7 +77,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -108,7 +107,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -116,7 +115,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/">
           English
         </a>
       </li>
@@ -149,7 +148,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="">about</a>
   
 
         </li>
@@ -162,7 +161,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="">使い方</a>
   
 
         </li>
@@ -195,12 +194,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -225,14 +218,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>hydra video synth portal</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -270,8 +263,8 @@ <h2 class="book-brand">
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='最終更新者 ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -279,8 +272,8 @@ <h2 class="book-brand">
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content.ja/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>このページを編集する</span>
     </a>
   </div>
@@ -290,7 +283,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/index.xml b/public/ja/index.xml
index 1be77e9..703499d 100644
--- a/public/ja/index.xml
+++ b/public/ja/index.xml
@@ -2,16 +2,16 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>hydra video synth portal on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/ja/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/</link>
     <description>Recent content in hydra video synth portal on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/ja/index.xml" rel="self" type="application/rss+xml" />
+    <language>ja</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/ja/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>about</title>
-      <link>https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/</guid>
       <description> Hydra - ハイドラ # ―それはネットワークド・ライブコーディング・ビジュアルのためのツールセット。アナログ・モジュラーシンセにインスピレーションを受け、ビジュアルをネット上でストリーミング、ルーティングしてリアルタイムに出力するためのツールです。
 Hydra は複数のフレームバッファによりダイナミックにブラウザ間のビジュアルをミキシング、コンポジション、そしてコラボレーションすることができます。座標や色の変換はそれぞれの出力に関数をチェーンして重ねられます。
 注：実験的かつ開発中です。現在、 Chrome か Chromium かつ WebGL がサポートされた環境が必要です。 プル・リクエストは大歓迎です。またコメント、アイディア、バグなどは Issue にどうぞ =]
@@ -22,10 +22,10 @@ hydra-synth: Hydra のシンセ・エンジン（npm モジュール atom-hydra:
     
     <item>
       <title>使い方</title>
-      <link>https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/</guid>
       <description>使い方 # https://hydra.ojack.xyz を開いて、
 CTRL-Enter: 現在の行を実行 CTRL-Shift-Enter: スクリーン上のすべてのコードを実行 ALT-Enter: （空行にはさまれた）ブロックを実行 CTRL-Shift-H: コードを非表示・表示 CTRL-Shift-F: Prettier によりフォーマット CTRL-Shift-S: スクリーンショットを取って画像ファイルとしてダウンロード CTRL-Shift-G: twitter の @hydra_patterns に保存（現在は動作していません） コードはブラウザ上のエディタからでもコンソールからでも実行できます。
 使い始める前に、 @hydra_patterns からコミュニティ・メンバーのシェアしたパターンをご覧いただければイメージがつかめると思います。
diff --git a/public/ja/sitemap.xml b/public/ja/sitemap.xml
index 2630d88..83de794 100644
--- a/public/ja/sitemap.xml
+++ b/public/ja/sitemap.xml
@@ -2,70 +2,70 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/docs/what-is-hydra/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/docs/what-is-hydra/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/docs/what-is-hydra/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/what-is-hydra/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/ja/docs/learning/getting-started/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/learning/getting-started/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/ja/categories/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/</loc>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/categories/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/categories/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/categories/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/categories/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/ja/docs/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/docs/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/docs/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/docs/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/docs/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/ja/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/</loc>
     <lastmod>2023-04-06T13:57:36+02:00</lastmod>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/"
                 />
   </url><url>
-    <loc>https://ojack.xyz/hydra-blog/ja/tags/</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/</loc>
     <xhtml:link
                 rel="alternate"
                 hreflang="en"
-                href="https://ojack.xyz/hydra-blog/tags/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/tags/"
                 />
     <xhtml:link
                 rel="alternate"
                 hreflang="ja"
-                href="https://ojack.xyz/hydra-blog/ja/tags/"
+                href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/"
                 />
   </url>
 </urlset>
diff --git a/public/ja/tags/index.html b/public/ja/tags/index.html
index 462555e..86280ef 100644
--- a/public/ja/tags/index.html
+++ b/public/ja/tags/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="ja" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Tags" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/ja/tags/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/" />
 <title>Tags | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/tags/" title="Tags">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/ja.search.min.0a7b89c030009f2125c02d63776adc65b7c523ba2200cc5c3cc74139c0b55a7b.js" integrity="sha256-CnuJwDAAnyElwC1jd2rcZbfFI7oiAMxcPMdBOcC1Wns=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/ja/tags/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="en" href="https://hydra.ojack.xyz/hydra-docs-v2/tags/" title="Tags">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/ja.search.min.8ded372f8bf410a407acc2cc9b794571a2c42057af8d265d25360b939ce8e0e6.js" integrity="sha256-je03L4v0EKQHrMLMm3lFcaLEIFevjSZdJTYLk5zo4OY=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/ja/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/ja/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         日本語
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/tags/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/tags/">
           English
         </a>
       </li>
@@ -146,7 +145,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/ja/docs/what-is-hydra/" class="">about</a>
   
 
         </li>
@@ -159,7 +158,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/ja/docs/learning/getting-started/" class="">使い方</a>
+    <a href="/hydra-docs-v2/ja/docs/learning/getting-started/" class="">使い方</a>
   
 
         </li>
@@ -192,12 +191,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -222,14 +215,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Tags</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -288,7 +281,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/ja/tags/index.xml b/public/ja/tags/index.xml
index c70407f..4e068ea 100644
--- a/public/ja/tags/index.xml
+++ b/public/ja/tags/index.xml
@@ -2,9 +2,9 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Tags on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/ja/tags/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/</link>
     <description>Recent content in Tags on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/ja/tags/index.xml" rel="self" type="application/rss+xml" />
+    <language>ja</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/ja/tags/page/1/index.html b/public/ja/tags/page/1/index.html
index 2718403..5cc5861 100644
--- a/public/ja/tags/page/1/index.html
+++ b/public/ja/tags/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="ja">
   <head>
-    <title>https://ojack.xyz/hydra-blog/ja/tags/</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog/ja/tags/">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog/ja/tags/">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/">
   </head>
 </html>
diff --git a/public/manifest.json b/public/manifest.json
index 067d79d..421cd2c 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,14 +1,14 @@
 {
   "name": "hydra video synth",
   "short_name": "hydra video synth",
-  "start_url": "/hydra-blog/",
-  "scope": "/hydra-blog/",
+  "start_url": "/",
+  "scope": "/",
   "display": "standalone",
   "background_color": "#000000",
   "theme_color": "#000000",
   "icons": [
     {
-      "src": "/hydra-blog/favicon.svg",
+      "src": "/favicon.svg",
       "sizes": "512x512"
     }
   ]
diff --git a/public/posts/hello-world/index.html b/public/posts/hello-world/index.html
index 8e7bbeb..97707e4 100644
--- a/public/posts/hello-world/index.html
+++ b/public/posts/hello-world/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,16 +12,15 @@
 For the main hydra website, see the web editor.
 We welcome contributions!" />
 <meta property="og:type" content="article" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/posts/hello-world/" /><meta property="article:section" content="posts" />
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/" /><meta property="article:section" content="posts" />
 <meta property="article:published_time" content="2023-04-05T00:00:00+00:00" />
 <meta property="article:modified_time" content="2023-04-06T13:57:36+02:00" />
-
 <title>Brand new hydra blog and documentation portal | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -68,7 +67,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -79,7 +78,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -107,7 +106,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -115,7 +114,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -148,7 +147,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -163,7 +175,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -177,7 +189,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -190,7 +202,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -203,7 +215,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -216,7 +228,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -229,7 +241,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -244,7 +256,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -258,7 +270,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -271,7 +283,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -298,7 +310,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -325,7 +337,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -342,12 +354,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -372,14 +378,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Brand new hydra blog and documentation portal</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -402,7 +408,7 @@ <h2 class="book-brand">
       
 <article class="markdown">
   <h1>
-    <a href="/hydra-blog/posts/hello-world/">Brand new hydra blog and documentation portal</a>
+    <a href="/hydra-docs-v2/posts/hello-world/">Brand new hydra blog and documentation portal</a>
   </h1>
   <h5>
   April 5, 2023 
@@ -431,8 +437,8 @@ <h5>
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/784b8779aeccec703c4d18b3b133a2e8700e158b" title='Last modified by ojack | April 6, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 6, 2023</span>
     </a>
   </div>
@@ -440,8 +446,8 @@ <h5>
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/posts/hello-world.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/posts/hello-world.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -451,7 +457,7 @@ <h5>
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/posts/index.html b/public/posts/index.html
index 0ebdf3c..1c41f20 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,15 +8,14 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="blog" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/posts/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/posts/" />
 <title>blog | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/posts/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/posts/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -63,7 +62,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -74,7 +73,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -102,7 +101,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -110,7 +109,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/">
           日本語
         </a>
       </li>
@@ -143,7 +142,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -158,7 +170,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -172,7 +184,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -185,7 +197,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -198,7 +210,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -211,7 +223,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -224,7 +236,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -239,7 +251,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -253,7 +265,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -266,7 +278,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -293,7 +305,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -320,7 +332,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -337,12 +349,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -367,14 +373,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>blog</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -418,7 +424,7 @@ <h2 class="book-brand">
   
   <article class="markdown book-post">
     <h2>
-      <a href="/hydra-blog/posts/hello-world/">Brand new hydra blog and documentation portal</a>
+      <a href="/hydra-docs-v2/posts/hello-world/">Brand new hydra blog and documentation portal</a>
     </h2>
     <h5>
   April 5, 2023 
@@ -452,8 +458,8 @@ <h5>
   <div class="flex flex-wrap justify-between">
 
 
-  <div><a class="flex align-center" href="https://github.com/ojack/hydra-blog/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/calendar.svg" class="book-icon" alt="Calendar" />
+  <div><a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/commit/288fbb2fae36c3bf355b3d7d0a098792c494a017" title='Last modified by ojack | April 5, 2023' target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/calendar.svg" class="book-icon" alt="Calendar" />
       <span>April 5, 2023</span>
     </a>
   </div>
@@ -461,8 +467,8 @@ <h5>
 
 
   <div>
-    <a class="flex align-center" href="https://github.com/ojack/hydra-blog/edit/main/exampleSite/content/posts/_index.md" target="_blank" rel="noopener">
-      <img src="/hydra-blog/svg/edit.svg" class="book-icon" alt="Edit" />
+    <a class="flex align-center" href="https://github.com/hydra-synth/hydra-docs-v2/edit/main/content/posts/_index.md" target="_blank" rel="noopener">
+      <img src="/hydra-docs-v2/svg/edit.svg" class="book-icon" alt="Edit" />
       <span>Edit this page</span>
     </a>
   </div>
@@ -472,7 +478,7 @@ <h5>
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/posts/index.xml b/public/posts/index.xml
index 4712087..8eedf1f 100644
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
@@ -2,16 +2,16 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>blog on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/posts/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/posts/</link>
     <description>Recent content in blog on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/posts/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/posts/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>Brand new hydra blog and documentation portal</title>
-      <link>https://ojack.xyz/hydra-blog/posts/hello-world/</link>
+      <link>https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/</link>
       <pubDate>Wed, 05 Apr 2023 00:00:00 +0000</pubDate>
       
-      <guid>https://ojack.xyz/hydra-blog/posts/hello-world/</guid>
+      <guid>https://hydra.ojack.xyz/hydra-docs-v2/posts/hello-world/</guid>
       <description>WIP portal for hydra video synth. This will be a home for news and updates regarding hydra, as well as a hub for community resources and documentaiton.
 For the main hydra website, see the web editor.
 We welcome contributions!</description>
diff --git a/public/posts/page/1/index.html b/public/posts/page/1/index.html
index 43a5053..3a6ab24 100644
--- a/public/posts/page/1/index.html
+++ b/public/posts/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="en">
   <head>
-    <title>https://ojack.xyz/hydra-blog/posts/</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog/posts/">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2/posts/</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2/posts/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog/posts/">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2/posts/">
   </head>
 </html>
diff --git a/public/sitemap.xml b/public/sitemap.xml
index a718c25..909bbb3 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,14 +2,14 @@
 <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   
   <sitemap>
-    <loc>https://ojack.xyz/hydra-blog/en/sitemap.xml</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/en/sitemap.xml</loc>
     
-      <lastmod>2023-04-06T13:57:36+02:00</lastmod>
+      <lastmod>2023-04-14T16:44:48-06:00</lastmod>
     
   </sitemap>
   
   <sitemap>
-    <loc>https://ojack.xyz/hydra-blog/ja/sitemap.xml</loc>
+    <loc>https://hydra.ojack.xyz/hydra-docs-v2/ja/sitemap.xml</loc>
     
       <lastmod>2023-04-06T13:57:36+02:00</lastmod>
     
diff --git a/public/tags/index.html b/public/tags/index.html
index 3242200..fd883e6 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en-us" dir="ltr">
+<html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,16 +8,15 @@
 <meta name="color-scheme" content="light dark"><meta property="og:title" content="Tags" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="https://ojack.xyz/hydra-blog/tags/" />
-
+<meta property="og:url" content="https://hydra.ojack.xyz/hydra-docs-v2/tags/" />
 <title>Tags | hydra video synth</title>
-<link rel="manifest" href="/hydra-blog/manifest.json">
-<link rel="icon" href="/hydra-blog/favicon.png" type="image/x-icon">
-  <link rel="alternate" hreflang="en-us" href="https://ojack.xyz/hydra-blog/ja/tags/" title="Tags">
-<link rel="stylesheet" href="/hydra-blog/book.min.c58292d36b18b675680ab9baea2029204537b839ea72f258746ec0f32ce8d6c8.css" integrity="sha256-xYKS02sYtnVoCrm66iApIEU3uDnqcvJYdG7A8yzo1sg=" crossorigin="anonymous">
-  <script defer src="/hydra-blog/flexsearch.min.js"></script>
-  <script defer src="/hydra-blog/en.search.min.8e2526d475f7fe270f267420e5996d6bb6f3828945d1faab21d41a28442979a6.js" integrity="sha256-jiUm1HX3/icPJnQg5Zlta7bzgolF0fqrIdQaKEQpeaY=" crossorigin="anonymous"></script>
-<link rel="alternate" type="application/rss+xml" href="https://ojack.xyz/hydra-blog/tags/index.xml" title="hydra video synth" />
+<link rel="manifest" href="/hydra-docs-v2/manifest.json">
+<link rel="icon" href="/hydra-docs-v2/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="ja" href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/" title="Tags">
+<link rel="stylesheet" href="/hydra-docs-v2/book.min.764ef57890cd736c914487dc52ca7072395ab26399f50b08c0a94deb0a94baa9.css" integrity="sha256-dk71eJDNc2yRRIfcUspwcjlasmOZ9QsIwKlN6wqUuqk=" crossorigin="anonymous">
+  <script defer src="/hydra-docs-v2/flexsearch.min.js"></script>
+  <script defer src="/hydra-docs-v2/en.search.min.5e8f58789f8e0297e66f1869251204ed8758e00f2be780462a0643ceb9b6b1ae.js" integrity="sha256-Xo9YeJ&#43;OApfmbxhpJRIE7YdY4A8r54BGKgZDzrm2sa4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://hydra.ojack.xyz/hydra-docs-v2/tags/index.xml" title="hydra video synth" />
 <!--
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
@@ -64,7 +63,7 @@
 crossorigin="anonymous"
 ></script>
 <script src="https://unpkg.com/hydra-synth"></script>
-<script src="https://ojack.xyz/hydra-blog/js/hydra-torus-editor.js"></script>
+<script src="https://hydra.ojack.xyz/hydra-docs-v2js/hydra-torus-editor.js"></script>
 </head>
 <body dir="ltr">
   <input type="checkbox" class="hidden toggle" id="menu-control" />
@@ -75,7 +74,7 @@
         
   <nav>
 <h2 class="book-brand">
-  <a class="flex align-center" href="/hydra-blog/"><span>hydra video synth</span>
+  <a class="flex align-center" href="/hydra-docs-v2/"><span>hydra video synth</span>
   </a>
 </h2>
 
@@ -105,7 +104,7 @@ <h2 class="book-brand">
     <input type="checkbox" id="languages" class="toggle" />
     <label for="languages" class="flex justify-between">
       <a role="button" class="flex align-center">
-        <img src="/hydra-blog/svg/translate.svg" class="book-icon" alt="Languages" />
+        <img src="/hydra-docs-v2/svg/translate.svg" class="book-icon" alt="Languages" />
         English
       </a>
     </label>
@@ -113,7 +112,7 @@ <h2 class="book-brand">
     <ul>
       
       <li>
-        <a href="https://ojack.xyz/hydra-blog/ja/tags/">
+        <a href="https://hydra.ojack.xyz/hydra-docs-v2/ja/tags/">
           日本語
         </a>
       </li>
@@ -146,7 +145,20 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/what-is-hydra/" class="">about</a>
+    <a href="/hydra-docs-v2/docs/what-is-hydra/" class="">about</a>
+  
+
+        </li>
+      
+    
+      
+        <li>
+          
+  
+  
+
+  
+    <a href="/hydra-docs-v2/docs/community/" class="">community</a>
   
 
         </li>
@@ -161,7 +173,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="toggle"  />
     <label for="section-7cd66bd2d565ae5bb3c71a81f3ddbfa3" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/" class="">learning</a>
+      <a href="/hydra-docs-v2/docs/learning/" class="">learning</a>
     </label>
   
 
@@ -175,7 +187,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/getting-started-short/" class="">getting started</a>
+    <a href="/hydra-docs-v2/docs/learning/getting-started-short/" class="">getting started</a>
   
 
         </li>
@@ -188,7 +200,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/video-synth-basics/" class="">video synth basics</a>
+    <a href="/hydra-docs-v2/docs/learning/video-synth-basics/" class="">video synth basics</a>
   
 
         </li>
@@ -201,7 +213,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
+    <a href="/hydra-docs-v2/docs/learning/external-sources/" class="">external sources: cameras, videos, streams</a>
   
 
         </li>
@@ -214,7 +226,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
+    <a href="/hydra-docs-v2/docs/learning/interactivity/" class="">sequencing &amp; interactivity</a>
   
 
         </li>
@@ -227,7 +239,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/web-editor/" class="">using the web editor</a>
+    <a href="/hydra-docs-v2/docs/learning/web-editor/" class="">using the web editor</a>
   
 
         </li>
@@ -242,7 +254,7 @@ <h2 class="book-brand">
   
     <input type="checkbox" id="section-98f737d6280aa80f0960850113126c26" class="toggle"  />
     <label for="section-98f737d6280aa80f0960850113126c26" class="flex justify-between">
-      <a href="/hydra-blog/docs/learning/guides/" class="">guides</a>
+      <a href="/hydra-docs-v2/docs/learning/guides/" class="">guides</a>
     </label>
   
 
@@ -256,7 +268,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/textures/" class="">Textures</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/textures/" class="">Textures</a>
   
 
         </li>
@@ -269,7 +281,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/learning/guides/audio/" class="">Audio</a>
+    <a href="/hydra-docs-v2/docs/learning/guides/audio/" class="">Audio</a>
   
 
         </li>
@@ -296,7 +308,7 @@ <h2 class="book-brand">
   
 
   
-    <a href="/hydra-blog/docs/reference/" class="">reference</a>
+    <a href="/hydra-docs-v2/docs/reference/" class="">reference</a>
   
 
           
@@ -323,7 +335,7 @@ <h2 class="book-brand">
 <ul>
   
   <li>
-    <a href="/hydra-blog/posts/"  >
+    <a href="/hydra-docs-v2/posts/"  >
         blog
       </a>
   </li>
@@ -340,12 +352,6 @@ <h2 class="book-brand">
       </a>
   </li>
   
-  <li>
-    <a href="https://hydra.ojack.xyz/garden"  target="_blank" rel="noopener">
-        showcase
-      </a>
-  </li>
-  
 </ul>
 
 
@@ -370,14 +376,14 @@ <h2 class="book-brand">
         
   <div class="flex align-center justify-between">
   <label for="menu-control">
-    <img src="/hydra-blog/svg/menu.svg" class="book-icon" alt="Menu" />
+    <img src="/hydra-docs-v2/svg/menu.svg" class="book-icon" alt="Menu" />
   </label>
 
   <strong>Tags</strong>
 
   <label for="toc-control">
     
-    <img src="/hydra-blog/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    <img src="/hydra-docs-v2/svg/toc.svg" class="book-icon" alt="Table of Contents" />
     
   </label>
 </div>
@@ -436,7 +442,7 @@ <h2 class="book-brand">
 
 
 
-  <script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
 
 
  
diff --git a/public/tags/index.xml b/public/tags/index.xml
index ea3ee4d..2480629 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -2,9 +2,9 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
     <title>Tags on hydra video synth</title>
-    <link>https://ojack.xyz/hydra-blog/tags/</link>
+    <link>https://hydra.ojack.xyz/hydra-docs-v2/tags/</link>
     <description>Recent content in Tags on hydra video synth</description>
     <generator>Hugo -- gohugo.io</generator>
-    <language>en-us</language><atom:link href="https://ojack.xyz/hydra-blog/tags/index.xml" rel="self" type="application/rss+xml" />
+    <language>en</language><atom:link href="https://hydra.ojack.xyz/hydra-docs-v2/tags/index.xml" rel="self" type="application/rss+xml" />
   </channel>
 </rss>
diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html
index 28e24c1..0465ba8 100644
--- a/public/tags/page/1/index.html
+++ b/public/tags/page/1/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en-us">
+<html lang="en">
   <head>
-    <title>https://ojack.xyz/hydra-blog/tags/</title>
-    <link rel="canonical" href="https://ojack.xyz/hydra-blog/tags/">
+    <title>https://hydra.ojack.xyz/hydra-docs-v2/tags/</title>
+    <link rel="canonical" href="https://hydra.ojack.xyz/hydra-docs-v2/tags/">
     <meta name="robots" content="noindex">
     <meta charset="utf-8">
-    <meta http-equiv="refresh" content="0; url=https://ojack.xyz/hydra-blog/tags/">
+    <meta http-equiv="refresh" content="0; url=https://hydra.ojack.xyz/hydra-docs-v2/tags/">
   </head>
 </html>