$Add new audio file

wesleyhenriques33 · Aug 1, 2024 · 7a4473e · 7a4473e
1 parent 651f62b
commit 7a4473e
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 13 deletions.
diff --git a/docs/Nordest-Sampler/Como-usar/01-conhecendo-a-interface.md b/docs/Nordest-Sampler/Como-usar/01-conhecendo-a-interface.md
@@ -1,12 +1,18 @@
 ---
 description: Todos os recursos disponíveis na interface gráfica do Nordest Sampler.
 icon: fontawesome/solid/display
+comments: true
 ---
 
 # Conhecendo a interface
 
 O [Nordest Sampler](https://www.youtube.com/watch?v=_G5LDz5CN1I) possui uma estrutura muito fácil e simples de ser utilizada e programada ao seu gosto, conforme a sua necessidade. Todas as configurações disponíveis para o plugin estão sendo mostradas em sua totalidade na interface gráfica de abertura do mesmo, sendo possível assim acessar qualquer um dos seus recursos de maneira muito rápida.
 
+<figure>
+  <figcaption>Acompanhe a leitura em áudio:</figcaption>
+  <audio controls src="../../assets/audio/Nordest Sampler (Tutorial).m4a"></audio>
+</figure>
+
 Nesta imagem, listado em seções numéricas, temos todas as funcionalidades disponíveis para uso no Nordest Sampler:
 
 ![Nordest Sampler - Presentation](../../assets/images/nordest-sampler-presentation.svg)
@@ -177,3 +183,18 @@ Como podemos ver, há diversas opções disponíveis para seleção dos grupos d
 
     Por conta de algumas DAW's terem certos bugs quanto ao funcionamento via MIDI de comandos como estes, os modos mais recomendados para se utilizar são apenas os modos de Controller, Always, Channel e Manual.
 
+<script src="https://giscus.app/client.js"
+        data-repo="wesleyhenriques33/suporte"
+        data-repo-id="R_kgDOMYo55w"
+        data-category="General"
+        data-category-id="DIC_kwDOMYo5584ChNMG"
+        data-mapping="title"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="1"
+        data-input-position="top"
+        data-theme="preferred_color_scheme"
+        data-lang="pt"
+        crossorigin="anonymous"
+        async>
+</script>
diff --git a/docs/Nordest-Sampler/Index.md b/docs/Nordest-Sampler/Index.md
@@ -1,4 +1,5 @@
 ---
+title: Nordest Sampler (Documentation)
 description: Documentação de apoio e Manual de uso
 icon: simple/rocket
 ---

diff --git a/docs/assets/audio/Nordest Sampler (Tutorial).m4a b/docs/assets/audio/Nordest Sampler (Tutorial).m4a
diff --git a/docs/overrides/main.html b/docs/overrides/main.html
diff --git a/hooks/socialmedia.py b/hooks/socialmedia.py
@@ -0,0 +1,21 @@
+from textwrap import dedent
+import urllib.parse
+import re
+
+x_intent = "https://twitter.com/intent/tweet"
+fb_sharer = "https://www.facebook.com/sharer/sharer.php"
+include = re.compile(r"blog/[1-9].*")
+
+def on_page_markdown(markdown, **kwargs):
+    page = kwargs['page']
+    config = kwargs['config']
+    if not include.match(page.url):
+        return markdown
+
+    page_url = config.site_url+page.url
+    page_title = urllib.parse.quote(page.title+'\n')
+
+    return markdown + dedent(f"""
+    [Share on :simple-x:]({x_intent}?text={page_title}&url={page_url}){{ .md-button }}
+    [Share on :simple-facebook:]({fb_sharer}?u={page_url}){{ .md-button }}
+    """)
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -4,6 +4,7 @@ repo_url: https://suporte.wesleyhenriques.com/
 repo_name: Wesley Henriques - Suporte
 theme:
   name: material
+  custom_dir: overrides
   logo: assets/images/logo.svg
   icon: assets/images/logo.svg
   features:
@@ -26,6 +27,8 @@ theme:
     - content.tabs.link
     - content.code.annotation
     - content.code.copy
+  hooks:
+  - hooks/socialmedia.py
   language: pt-BR
   palette:
     - scheme: default
@@ -106,11 +109,11 @@ extra:
       link: https://linktr.ee/wesleyhenriques.oficial
   status:
     <identifier>: <description>
-  extra:
   consent:
     title: Consentimento de Cookies
     description: >- 
       Este site faz uso de coockies para melhor gerenciar sua performance e dados.
+  generator: false
 
 extra_javascript:
   - javascripts/extra.js

diff --git a/overrides/partials/comments.html b/overrides/partials/comments.html
@@ -0,0 +1,54 @@
+{% if page.meta.comments %}
+  <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
+  <!-- Insert generated snippet here -->
+  <script src="https://giscus.app/client.js"
+        data-repo="wesleyhenriques33/suporte"
+        data-repo-id="R_kgDOMYo55w"
+        data-category="General"
+        data-category-id="DIC_kwDOMYo5584ChNMG"
+        data-mapping="title"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="1"
+        data-input-position="top"
+        data-theme="preferred_color_scheme"
+        data-lang="pt"
+        crossorigin="anonymous"
+        async>
+</script>
+  <!-- Synchronize Giscus theme with palette -->
+  <script>
+    var giscus = document.querySelector("script[src*=giscus]")
+
+    // Set palette on initial load
+    var palette = __md_get("__palette")
+    if (palette && typeof palette.color === "object") {
+      var theme = palette.color.scheme === "slate"
+        ? "transparent_dark"
+        : "light"
+
+      // Instruct Giscus to set theme
+      giscus.setAttribute("data-theme", theme) 
+    }
+
+    // Register event handlers after documented loaded
+    document.addEventListener("DOMContentLoaded", function() {
+      var ref = document.querySelector("[data-md-component=palette]")
+      ref.addEventListener("change", function() {
+        var palette = __md_get("__palette")
+        if (palette && typeof palette.color === "object") {
+          var theme = palette.color.scheme === "slate"
+            ? "transparent_dark"
+            : "light"
+
+          // Instruct Giscus to change theme
+          var frame = document.querySelector(".giscus-frame")
+          frame.contentWindow.postMessage(
+            { giscus: { setConfig: { theme } } },
+            "https://giscus.app"
+          )
+        }
+      })
+    })
+  </script>
+{% endif %}