rawfeed 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5c77c26cafbcdaddf6d5297d5ec37d0e6912e305b31055c412d5f3fb595e6011
-  data.tar.gz: ee87b78c301ed6862181631c4b71938c8fbeb67133262f915218dc63943e9706
+  metadata.gz: be86e28f3f858c931e6cb9874b17eb04d07c99314d6c8bc00a914037962b2bcd
+  data.tar.gz: 7aaa22c4f212a10039e4a8a5494f0c97c1771f0885ded4a6da3483d0eedd96a2
 SHA512:
-  metadata.gz: fb7020880c461a817305c26e2a5076cd7418b2509aaf0207e5b3352e071f4ea86595a24bb9a9791043e23d122686131066b3fb33f062fc0a5c2f16f9e676dd6e
-  data.tar.gz: 99d68cc1a6ea32e42c900f8e3bf2d6bc4561bad407ee50bd83449586e562ba6aba4bcfcf4b8023acc30260f98e893e2fe8ae52ba0ff46e157128c08fcf0c9a9e
+  metadata.gz: dc9c0beeb4ac4c2f6c9082c366f29e59ef0a440bda5cebc9084e9b8b373b998d3fa652004e51b2b78f3c560c2851d3497aea10e4ba46f387c86fb56c880b47e4
+  data.tar.gz: 1bd79e2a2b544541e0e324499cb1845f00dfc64182c9a07001b2cdc7cd5f2a29831432697ca3b4f807bfae331233e52f66d01871f5443c8c47d55e3a16643d49

data/README.md

@@ -3,7 +3,7 @@
   <br>
   <small>Rawfeed — A raw Jekyll theme for minimalists</small>
   <br>
-  <a href="https://badge.fury.io/rb/rawfeed"><img src="https://badge.fury.io/rb/rawfeed.svg" alt="Gem Version" height="18"></a>
+  <a href="https://badge.fury.io/rb/rawfeed"><img src="https://badge.fury.io/rb/rawfeed.svg?icon=si%3Arubygems" alt="Gem Version" height="18"></a>
   <br>
   <a href="https://williamcanin.github.io/rawfeed" target="_blank">Theme Preview</a>
 </p>
@@ -41,6 +41,7 @@
 - [x] Maintenance page;
 - [x] Comments on blog posts with Giscus or Disqus (only in production [jekyll build]);
 - [x] Google Analytics (only in production [jekyll build]);
+- and more [here](#vendors)
 
 # Installation
 
@@ -133,6 +134,24 @@ npm run publish
 
 For more tasks, see: `bundle exec rake --tasks`
 
+# Vendors
+
+[ Technologies and Services Used ]
+
+This [Jekyll](https://jekyllrb.com) theme was developed using the following services and
+technologies, to whom we would like to thank for their work and availability:
+
+| Vendor | Link | Use in Theme |
+| -------- | ------- | ------- |
+| **Bootstrap 5** | [https://getbootstrap.com](https://getbootstrap.com/) | Framework for responsive design and base components |
+| **Font Awesome** | [https://fontawesome.com](https://fontawesome.com/) | Providing vector icons |
+| **Google Fonts** | [https://fonts.google.com](https://fonts.google.com/) | Styling and appearance of texts (custom fonts) |
+| **Google Apps Script** | [https://developers.google.com/apps-script](https://developers.google.com/apps-script) | Email sending and form processing functionality (Contact page). |
+| **Google reCAPTCHA** | [https://www.google.com/recaptcha/about/](https://www.google.com/recaptcha/about/) | Form spam protection (if implemented). |
+| **Giscus** | [https://giscus.app](https://giscus.app/) | *GitHub Discussions-based commenting system option* |
+| **Disqus** | [https://disqus.com](https://disqus.com/) | *Comment system option* |
+| **Gulp** | [https://gulpjs.com](https://gulpjs.com/) | Minification and cleaning |
+
 ## Donation
 
 Click on the image below to be redirected the donation forms:

data/_data/resume.yml

@@ -143,7 +143,6 @@ body:
 
   # section: [Certificates]
   # Full links will only appear in print mode. Online and PDF modes are clickable.
-  # TODO: Bugfix: Quando tem muitos certificados, existe uma quebra de espaço absurda na impressão
   certificates:
     enable: true
     caption: Certificates

data/_includes/layout/blog_search.html

@@ -1,16 +1,16 @@
 {%- if site.blog.search.enable -%}
-<div class="row blog-search" aria-hidden="true">
+<div class="row blog-search" inert>
   <div class="col-sm">
     <div class="blog-search__wapper">
-      <strong>»</strong><input id="blog-search__input" type="text" class="blog-search__input" placeholder="{{ site.text.blog.search.placeholder }}" aria-label="{{ site.blog.search.placeholder }}">
+      <strong>»</strong><input id="blog-search__input" type="text" class="blog-search__input" placeholder="{{ site.strings.blog.search.placeholder }}" aria-label="{{ site.blog.search.placeholder }}">
       <button id="blog-search__btn-clean" class="blog-search__btn-clean" type="button">
-        {{ site.text.blog.search.button_clean.text }}
+        {{ site.strings.blog.search.button_clean.text }}
       </button>
     </div>
   </div>
 
   <div id="blog-search__results-wrapper" class="row disabled">
-    <h2 class="blog-subtitle">[&nbsp;{{ site.text.blog.search.results | default: "results" }}&nbsp;]</h2>
+    <h2 class="blog-subtitle">[&nbsp;{{ site.strings.blog.search.results | default: "results" }}&nbsp;]</h2>
     <ul id="blog-search__results" class="row blog-list"></ul>
   </div>
 

data/_includes/layout/capture_scripts.liquid

@@ -0,0 +1,6 @@
+{%- capture theme_script -%}
+(function() {
+  const savedTheme = localStorage.getItem('theme') || 'light';
+  document.documentElement.setAttribute('data-theme', savedTheme);
+})();
+{%- endcapture -%}

data/_includes/layout/disqus.html

@@ -1,6 +1,6 @@
 {% if site.blog.post.comments.disqus.shortname != "" %}
 <div class="row comments">
-  <h1 class="comments-title">[&nbsp;{{ site.text.post.comments | default: "comments" }}&nbsp;]</h1>
+  <h1 class="comments-title">[&nbsp;{{ site.strings.post.comments | default: "comments" }}&nbsp;]</h1>
   <div class="comments-content">
     <div id="disqus_thread"></div>
     <script>

data/_includes/layout/footer.html

@@ -3,7 +3,7 @@
 <footer class="container-fluid fixed-bottom footer">
   {%- if site.footer.top_button.enable -%}
   <div class="row top">
-    <div class="col-sm d-flex justify-content-end">
+    <div class="col-md d-flex justify-content-end">
       <!-- old: <a id="top-link" class="top-link" href="#top"><i class="fa-regular fa-square-caret-up"></i></a> -->
        <a id="top-link" class="top-link" href="#top">^</a>
     </div>
@@ -12,19 +12,21 @@
 
   <div class="row footer-wrapper">
 
-    {%- if site.text.footer.copyright -%}
-    <div class="col-sm">
-      <div class="footer-copyright">{{ site.title | default: theme_name }}&nbsp;{{ site.text.footer.copyright }}</div>
+    {%- if site.strings.footer.copyright -%}
+    <div class="col-md footer-copyright-wrap">
+      {%- assign year = site.time | date: "%Y" -%}
+      {%- assign since = site.strings.footer.copyright.since -%}
+    <div class="footer-copyright">©&nbsp;{{ site.title | default: theme_name }}&nbsp;{{ since }}{%- if since -%}-{%- endif -%}{{year}}&nbsp;-&nbsp;{{ site.strings.footer.copyright.message }}</div>
     </div>
     {%- endif -%}
 
-    {%- if site.text.footer.message -%}
-    <div class="col-sm">
-        <div class="footer-message">{{ site.text.footer.message }}</div>
+    {%- if site.strings.footer.message -%}
+    <div class="col-md footer-message-wrap">
+        <div class="footer-message">{{ site.strings.footer.message }}</div>
     </div>
     {%- endif -%}
 
-    <div class="col-sm">
+    <div class="col-md footer-made-by-wrap">
       <div class="footer-made-by">
         Using the <a href="{{ project_url }}" target="_blank" rel="noopener noreferrer">{{ theme_name }}</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener noreferrer">Jekyll</a>.
       </div>

data/_includes/layout/giscus.html

@@ -1,6 +1,6 @@
 {%- if site.blog.post.comments.giscus.repo != "" and site.blog.post.comments.giscus.category_id != "" -%}
 <div class="row comments">
-  <h1 class="comments-title">[&nbsp;{{ site.text.post.comments | default: "comments" }}&nbsp;]</h1>
+  <h1 class="comments-title">[&nbsp;{{ site.strings.post.comments | default: "comments" }}&nbsp;]</h1>
   <div class="row comments-content">
     <script src="https://giscus.app/client.js"
       data-repo="{{ site.blog.post.comments.giscus.repo }}"

data/_includes/layout/head.html

@@ -9,6 +9,46 @@
     <title>{{ page.title }} | {{ site.title | default: theme_name }}</title>
   {%- endif -%}
 
+  {% comment %} Security {% endcomment %}
+  {%- if jekyll.environment == 'production' %}
+    {% comment %} { %- include layout/capture_scripts.liquid -% } {% endcomment %}
+
+    <script>
+      if (window.top !== window.self) {
+        // Prevents the site from being displayed inside an <iframe>
+        window.top.location = window.self.location;
+      }
+    </script>
+    <!-- TODO: Colocar os script inline <script> todos em .js para evistar o uso de 'unsafe-inline' em script-src -->
+    <meta http-equiv="Content-Security-Policy"
+      content="
+        default-src 'self';
+        img-src 'self' data: {{ site.csp.img-src | join: ' ' }};
+        script-src 'self' 'unsafe-inline'
+          https://cdn.jsdelivr.net
+          https://cdnjs.cloudflare.com
+          https://giscus.app
+        https://disqus.com;
+        style-src 'self' 'unsafe-inline'
+        https://cdnjs.cloudflare.com
+        https://fonts.googleapis.com
+        https://cdn.jsdelivr.net
+        https://giscus.app
+        https://disqus.com;
+        font-src 'self' https://fonts.gstatic.com https://cdnjs.cloudflare.com data:;
+        connect-src 'self' {{ site.csp.connect-src | join: ' ' }};
+        frame-src {{ site.csp.frame-src | join: ' ' }};
+        object-src 'none';
+        base-uri 'self';
+        form-action 'self';
+    ">
+    <!-- ⚠️ CSP,HSTS,COOP and enabled in the theme, remember to also configure it in Cloudflare or your server -->
+    <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload">
+    <meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin">
+    <meta http-equiv="Cross-Origin-Embedder-Policy" content="require-corp">
+    <!-- ⚠️ CSP,HSTS,COOP enabled in the theme, remember to also configure it in Cloudflare or your server -->
+  {%- endif -%}
+
   {% comment %} favicon {% endcomment %}
   <link rel="icon" type="image/png" href="{{ '/assets/images/favicon.png' | relative_url }}">
   <link rel="apple-touch-icon" href="{{ '/assets/images/favicon.png' | relative_url }}">
@@ -31,7 +71,6 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=SUSE+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700&amp;display=swap">
-  <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
 
   {% comment %} bootstrap {% endcomment %}

data/_includes/layout/header.html

@@ -25,9 +25,9 @@
         <div class="container">
           <div class="row">
             {%- if index.layout == "blog" -%}
-              <span>[&nbsp;<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.text.menu.blog | default: "blog" | downcase }}</a>&nbsp;]</span>
+              <span>[&nbsp;<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.strings.menu.blog.title | default: "blog" | downcase }}</a>&nbsp;]</span>
             {%- else -%}
-              <span>[&nbsp;<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.text.menu.home | default: "home" | downcase }}</a>&nbsp;]</span>
+              <span>[&nbsp;{{site.strings.menu.home.emoji}}<a class="{% if page.url == "/" or page.url == "/index.html" %}menu-active{% endif %}" href="{{home_url}}">{{ site.strings.menu.home.title | default: "home" | downcase }}</a>&nbsp;]</span>
             {%- endif -%}
           </div>
         </div>
@@ -56,10 +56,10 @@
             <div class="avatar-flipper light-theme {% if site.avatar.open %}avatar-flipper__open-true{% endif %}{% if site.avatar.flip %} can-flip{% endif %}">
               <div class="avatar-card">
                 <div class="avatar-front">
-                  <img id="avatarImgLight" class="avatar-img" src="{{ avatar_path_light | relative_url }}" alt="{{ site.title }}" width="70">
+                  <img id="avatarImgLight" class="avatar-img" src="{{ avatar_path_light | relative_url }}" alt="{{ site.title }}">
                 </div>
                 <div class="avatar-back">
-                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }} - Verso" width="70">
+                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }}">
                 </div>
               </div>
             </div>
@@ -67,10 +67,10 @@
             <div class="avatar-flipper dark-theme {% if site.avatar.open %} avatar-flipper__open-true{% endif %}{% if site.avatar.flip %} can-flip{% endif %}">
               <div class="avatar-card">
                 <div class="avatar-front">
-                  <img id="avatarImgDark" class="avatar-img" src="{{ avatar_path_dark | relative_url }}" alt="{{ site.title }}" width="70">
+                  <img id="avatarImgDark" class="avatar-img" src="{{ avatar_path_dark | relative_url }}" alt="{{ site.title }}">
                 </div>
                 <div class="avatar-back">
-                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }} - Verso" width="70">
+                  <img class="avatar-img" src="{{ avatar_path_back | relative_url }}" alt="{{ site.title }}">
                 </div>
               </div>
             </div>
@@ -86,7 +86,7 @@
       <div class="col-sm d-flex justify-content-center column-bottom">
       {%- if index.layout == "blog" -%}
         <span class="blog-menu">menu&nbsp;»
-          &nbsp;{%- if site.blog.search.enable -%}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.text.menu.search | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.text.menu.tags | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong>
+          &nbsp;{{site.strings.menu.search.emoji}}{%- if site.blog.search.enable -%}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.strings.menu.search.title | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.strings.menu.tags.title | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong>
         </span>
         {% assign sorted_pages = site.pages | sort: 'order' %}
           {%- for item in sorted_pages -%}
@@ -96,11 +96,11 @@
               {%- endunless -%}
             {%- endif -%}
           {%- endfor -%}
-          <a class="blog-menu__link" href="{{feed_url}}">{{ site.text.menu.feed | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
+          <a class="blog-menu__link" href="{{feed_url}}">{{ site.strings.menu.feed | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
       {%- else index.layout == "home" -%}
         {%- if page.url contains "/blog/" -%}
-          <span class="blog-menu">{{ site.text.menu.blog }}&nbsp;»
-            <a class="blog-menu__link{% if page.url == "/blog/" or page.url == "/blog/index.html" or page.url contains "/blog/page/" %} menu-active{% endif %}" href="{{blog_url}}">posts</a><strong>&nbsp;.&nbsp;</strong>{%- if site.blog.search.enable -%}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.text.menu.search | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.text.menu.tags | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong><a class="blog-menu__link" href="{{feed_url}}">{{ site.text.menu.feed | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
+          <span class="blog-menu">{{ site.strings.menu.blog.title }}&nbsp;»
+            <a class="blog-menu__link{% if page.url == "/blog/" or page.url == "/blog/index.html" or page.url contains "/blog/page/" %} menu-active{% endif %}" href="{{blog_url}}">{{site.strings.menu.blog.emoji}}{{site.strings.menu.blog.subtitle}}</a><strong>&nbsp;.&nbsp;</strong>{%- if site.blog.search.enable -%}{{site.strings.menu.search.emoji}}<a id="blog-search__btn" class="blog-menu__link" href="{{search_url}}">{{ site.strings.menu.search.text | default: "search" }}</a><strong>&nbsp;.&nbsp;</strong>{%- endif -%}{{site.strings.menu.tags.emoji}}<a class="blog-menu__link{% if page.url == "/blog/tags/" or page.url == "/blog/tags/index.html" %} menu-active{% endif %}" href="{{tags_url}}">{{ site.strings.menu.tags.text | default: "tags" }}</a><strong>&nbsp;.&nbsp;</strong>{{site.strings.menu.feed.emoji}}<a class="blog-menu__link" href="{{feed_url}}">{{ site.strings.menu.feed.title | default: "feed" }}</a><strong>&nbsp;.&nbsp;</strong>
           </span>
         {%- else -%}
           {%- assign published_pages = site.pages | where_exp:"p","p.path contains '_pages/' and p.published" -%}
@@ -109,22 +109,22 @@
           {%- endif -%}
           {%- if site.pagination.enabled == true -%}
             {%- if blog_page -%}
-              <a href="{{blog_url}}">{{ site.text.menu.blog }}</a><strong>&nbsp;.&nbsp;</strong>
+              {{ site.strings.menu.blog.emoji }}<a href="{{blog_url}}">{{ site.strings.menu.blog.title }}</a><strong>&nbsp;.&nbsp;</strong>
             {%- endif -%}
             {% assign sorted_pages = site.pages | sort: 'order' %}
             {%- for item in sorted_pages -%}
-              {%- if item.path contains '_pages/' -%}
+              {%- if item.path contains '_pages/' and item.in_menu -%}
                 {%- unless item.url contains "blog" or item.url contains "404.html" -%}
-                  <a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
+                  {{ item.emoji }}<a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
                 {%- endunless -%}
               {%- endif -%}
             {%- endfor -%}
           {%- else -%}
             {% assign sorted_pages = site.pages | sort: 'order' %}
             {%- for item in sorted_pages -%}
-              {%- if item.path contains '_pages/' and item.published != false -%}
+              {%- if item.path contains '_pages/' and item.published != false and item.in_menu -%}
                 {%- unless item.url contains "/tags/" or item.url contains "404.html" -%}
-                  <a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
+                  {{ item.emoji }}<a class="{% if page.url == item.url %}menu-active{% endif %}" href="{{ item.url | relative_url }}">{{ item.title | downcase }}</a><strong>&nbsp;.&nbsp;</strong>
                 {%- endunless -%}
               {%- endif -%}
             {%- endfor -%}

data/_includes/layout/maintenance.html

@@ -1,8 +1,8 @@
 {% include layout/data.liquid %}
 
 <!DOCTYPE html>
-<html lang="{{ site.lang | default: 'en-US' }}">
-  {%- include head.html -%}
+<html lang="{{ site.lang | default: 'en' }}">
+  {%- include layout/head.html -%}
   <body>
     <div class="mt-4 maintenance">
       <div class="container">
@@ -25,6 +25,6 @@
         </div>
       </div>
     </div>
-    {%- include footer.html -%}
+    {%- include layout/footer.html -%}
   </body>
 </html>

data/_includes/layout/paginator.html

@@ -6,7 +6,7 @@
         {%- if paginator.previous_page -%}
         <li class="page-item">
           <a class="page-link blog-pagination__newer" href="{{ paginator.previous_page_path | prepend: site.baseurl | prepend: site.url }}">
-            &larr;&nbsp;{{ site.text.post.pagination.newer_text }}
+            &larr;&nbsp;{{ site.strings.post.pagination.newer_text }}
           </a>
         </li>
         {%- endif -%}
@@ -14,9 +14,9 @@
         {%- if total_page > 1 -%}
           <li class="page-item">
             <span class="page-link blog-pagination__counter">
-              [&nbsp;{{ site.text.post.pagination.counter[0] }}
+              [&nbsp;{{ site.strings.post.pagination.counter[0] }}
               {{ paginator.page }}
-              {{ site.text.post.pagination.counter[1] }}
+              {{ site.strings.post.pagination.counter[1] }}
               {{ total_page }}&nbsp;]
             </span>
           </li>
@@ -25,7 +25,7 @@
         {%- if paginator.next_page -%}
         <li class="page-item">
           <a class="page-link blog-pagination__older" href="{{ paginator.next_page_path | prepend: site.baseurl | prepend: site.url }}">
-            {{ site.text.post.pagination.older_text }}&nbsp;&rarr;
+            {{ site.strings.post.pagination.older_text }}&nbsp;&rarr;
           </a>
         </li>
         {%- endif -%}

data/_includes/toc

@@ -7,12 +7,46 @@
   </div>
   <div class="toc-list-wrapper">
     <ul class="toc-list" role="list"></ul>
-    <p class="toc-empty" style="display:none">No titles found.</p>
+    <p class="toc-empty" style="display:none">No titles found. Remove TOC!</p>
   </div>
 </nav>
 
 <script>
 (function () {
+  const minLayoutWidth = 1830;
+
+  const toc = document.getElementById('toc');
+  if (toc) {
+    const sentinel = document.createElement('div');
+    toc.parentNode.insertBefore(sentinel, toc);
+
+    function shouldApplyFixed() {
+      return window.innerWidth > minLayoutWidth;
+    }
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (shouldApplyFixed()) {
+          if (!entry.isIntersecting) {
+            toc.classList.add('toc-fixed');
+          } else {
+            toc.classList.remove('toc-fixed');
+          }
+        } else {
+          toc.classList.remove('toc-fixed');
+        }
+      },
+      { threshold: 0 }
+    );
+    observer.observe(sentinel);
+
+    window.addEventListener('resize', () => {
+        if (!shouldApplyFixed()) {
+            toc.classList.remove('toc-fixed');
+        }
+    });
+  }
+
   function slugify(text) {
     if (!text) return '';
     return text.toString().toLowerCase().trim()
@@ -126,6 +160,15 @@
       const tocTop = toc.offsetTop;
 
       function handleScrollFix() {
+        if (window.innerWidth <= minLayoutWidth) {
+          toc.classList.remove('fixed');
+          toc.style.position = '';
+          toc.style.top = '';
+          toc.style.zIndex = '';
+          toc.style.width = '';
+          return;
+        }
+
         const scrollTop = window.scrollY || document.documentElement.scrollTop;
 
         // Fixes pinning behavior in Chrome

data/_layouts/blog.html

@@ -17,7 +17,7 @@ layout: default
 
   <div id="posts" class="row">
     {%- if page.title -%}
-      <h2 class="blog-subtitle">[&nbsp;{{ site.text.blog.subtitle | default: "posts" }}:&nbsp;&nbsp;{{ count_posts }}&nbsp;]</h2>
+      <h2 class="blog-subtitle">[&nbsp;{{ site.strings.blog.subtitle | default: "posts" }}:&nbsp;&nbsp;{{ count_posts }}&nbsp;]</h2>
     {%- endif -%}
 
     {%- if site.posts.size > 0 -%}

data/_layouts/contact.html

@@ -29,41 +29,41 @@ layout: default
     <span class="contact-title"><strong>[&nbsp;{{ page.title | downcase }}&nbsp;]</strong></span>
     <form id="contactForm" class="mt-4 contact-form">
       <div class="mb-3">
-        {% comment %} <label for="inputName" class="form-label">{{ site.text.contact.name | default: "Name" | downcase }}</label> {% endcomment %}
+        {% comment %} <label for="inputName" class="form-label">{{ site.strings.contact.name | default: "Name" | downcase }}</label> {% endcomment %}
         <input id="inputName"
         name="name"
         type="text"
-        placeholder="{{ site.text.contact.name.placeholder | default: 'First and last name' }}"
+        placeholder="{{ site.strings.contact.name.placeholder | default: 'First and last name' }}"
         class="form-control contact-form__name"
         required>
       </div>
       <div class="mb-3">
-        {% comment %} <label for="inputEmail" class="form-label">{{ site.text.contact.name | default: "Email address" | downcase }}</label> {% endcomment %}
+        {% comment %} <label for="inputEmail" class="form-label">{{ site.strings.contact.name | default: "Email address" | downcase }}</label> {% endcomment %}
         <input id="inputEmail"
         name="email"
         type="email"
-        placeholder="{{ site.text.contact.email.placeholder | default: 'Your best email address' }}"
+        placeholder="{{ site.strings.contact.email.placeholder | default: 'Your best email address' }}"
         class="form-control contact-form__email"
         aria-describedby="emailHelp"
         required>
         <div id="emailHelp" class="form-text contact-form__help">
-          {{ site.text.contact.email.help | default: "We'll never share your email with anyone else." }}
+          {{ site.strings.contact.email.help | default: "We'll never share your email with anyone else." }}
         </div>
       </div>
       <textarea id="textMessage"
       name="message"
       class="form-control contact-form__message"
-      placeholder="{{ site.text.contact.message.placeholder | default: 'Write your message here' }}"
+      placeholder="{{ site.strings.contact.message.placeholder | default: 'Write your message here' }}"
       style="min-height: 150px"
       required></textarea>
-      <small style="display: block; font-size: 8pt; opacity: .6">{{ site.text.contact.message.caracters.warning.content }}</small>
+      <small style="display: block; font-size: 8pt; opacity: .6">{{ site.strings.contact.message.caracters.warning.content }}</small>
       <!-- TODO: version: 0.2.0 Make reCaptcha change themes instantly -->
       <div id="g-recaptcha" class="g-recaptcha mt-2" data-sitekey="{{ site.google.recaptcha.pubkey }}" style="display: inline-block; margin: 5px 0;"></div>
       <div class="d-flex justify-content-end mb-5">
         <button id="submitButton"
         type="submit"
         class="btn contact-form__submit">
-        {{ site.text.contact.button.text | default: 'Send!' }}
+        {{ site.strings.contact.button.text | default: 'Send!' }}
         </button>
       </div>
     </form>
@@ -110,8 +110,8 @@ layout: default
     const recaptchaResponse = grecaptcha.getResponse();
     if (!recaptchaResponse) {
       showModal(
-        "{{ site.text.contact.recaptcha.warning.title | default: 'Warning' }}",
-        "{{ site.text.contact.recaptcha.warning.content | default: "Please tick the 'I'm not a robot' box." }}",
+        "{{ site.strings.contact.recaptcha.warning.title | default: 'Warning' }}",
+        "{{ site.strings.contact.recaptcha.warning.content | default: "Please tick the 'I'm not a robot' box." }}",
         "warning"
       );
       return;
@@ -119,17 +119,17 @@ layout: default
 
     const textarea = document.getElementById('textMessage');
     const text = textarea.value.trim();
-    if (text.length < {{ site.text.contact.message.caracters.min }}) {
+    if (text.length < {{ site.strings.contact.message.caracters.min }}) {
       showModal(
-        "{{ site.text.contact.message.caracters.warning.title | default: 'Warning' }}",
-        "{{ site.text.contact.message.caracters.warning.content | default: "The message must have at least 50 characters." }}",
+        "{{ site.strings.contact.message.caracters.warning.title | default: 'Warning' }}",
+        "{{ site.strings.contact.message.caracters.warning.content | default: "The message must have at least 50 characters." }}",
         "warning"
       );
       return;
     }
 
     submitButton.disabled = true;
-    submitButton.textContent = "{{ site.text.contact.message.status | default: "Sending...Wait" }}";
+    submitButton.textContent = "{{ site.strings.contact.message.status | default: "Sending...Wait" }}";
 
     const formData = new FormData(form);
     const data = Object.fromEntries(formData.entries());
@@ -147,31 +147,31 @@ layout: default
         form.reset();
         grecaptcha.reset();
         showModal(
-          "{{ site.text.contact.message.success.title | default: 'Message Sent' }}",
-          "{{ site.text.contact.message.success.content | default: 'Your message has been sent successfully!' }}",
+          "{{ site.strings.contact.message.success.title | default: 'Message Sent' }}",
+          "{{ site.strings.contact.message.success.content | default: 'Your message has been sent successfully!' }}",
           "success"
         );
       } else {
         showModal(
-          "{{ site.text.contact.message.error.title | default: 'Error' }}",
-          "{{ site.text.contact.message.error.content | default: 'Something went wrong while sending your message.' }}",
+          "{{ site.strings.contact.message.error.title | default: 'Error' }}",
+          "{{ site.strings.contact.message.error.content | default: 'Something went wrong while sending your message.' }}",
           "error"
         );
-        throw new Error(result.message || "{{ site.text.contact.message.error.content | default: "An unknown error has occurred." }}");
+        throw new Error(result.message || "{{ site.strings.contact.message.error.content | default: "An unknown error has occurred." }}");
       }
 
     } catch (error) {
       console.error("Error sending:", error);
       if (error.message.includes("reCAPTCHA")) {
           showModal(
-            "{{ site.text.contact.message.error.title | default: 'Error' }}",
-            "{{ site.text.contact.recaptcha.fail | default: "Verification failed. Please reload the page and try again." }}",
+            "{{ site.strings.contact.message.error.title | default: 'Error' }}",
+            "{{ site.strings.contact.recaptcha.fail | default: "Verification failed. Please reload the page and try again." }}",
             "error"
           );
       } else {
           showModal(
-            "{{ site.text.contact.message.error.title | default: 'Error' }}",
-            "{{ site.text.contact.recaptcha.error | default: "An error occurred while sending the message. Please try again." }}",
+            "{{ site.strings.contact.message.error.title | default: 'Error' }}",
+            "{{ site.strings.contact.recaptcha.error | default: "An error occurred while sending the message. Please try again." }}",
             "error"
           );
       }
@@ -179,7 +179,7 @@ layout: default
 
     } finally {
       submitButton.disabled = false;
-      submitButton.textContent = "{{ site.text.contact.button.text | default: "Send!" }}";
+      submitButton.textContent = "{{ site.strings.contact.button.text | default: "Send!" }}";
     }
   });
 </script>

data/_layouts/default.html

@@ -8,7 +8,7 @@
 {%- assign index = site.pages | where: "path", "index.md" | first -%}
 
 <!DOCTYPE html>
-<html id="top" lang="{{ site.lang | default: 'en-US' }}" data-theme="light">
+<html id="top" lang="{{ site.lang | default: 'en' }}" data-theme="light">
   {%- include layout/head.html -%}
   <body data-layout="{{ page.layout | default: '' }}" data-terminal-enabled="{{ site.home.terminal.enable | default: false }}">
     {%- if site.home.terminal.enable and page.url == "/" and index.layout == "home" -%}
@@ -28,7 +28,7 @@
   </body>
 
   <!-- Scripts -->
-  <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.js' | relative_url }}"></script>
+  <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
 
   {%- if page.comments != false and site.blog.post.comments.provider == 'giscus' -%}
   <script>
@@ -71,6 +71,7 @@
 
           const openSearch = () => {
             box.classList.add('is-open');
+            box.removeAttribute('inert');
             box.style.maxHeight = box.scrollHeight + 'px';
             box.style.opacity = '1';
             box.addEventListener('transitionend', function onOpened(e) {
@@ -89,6 +90,7 @@
               box.style.maxHeight = '0';
               box.style.opacity = '0';
             });
+            box.setAttribute('inert', '');
             box.classList.remove('is-open');
           };
 
@@ -158,7 +160,7 @@
             searchInput: document.getElementById('blog-search__input'),
             resultsContainer: document.getElementById('blog-search__results'),
             searchResultTemplate: '<li><span class="blog-list__meta"><time datetime="{date}">{date}</time></span>&nbsp;»&nbsp; <a class="blog-list__link" href="{{ site.url }}{url}">{title}</a></li>',
-            noResultsText: '<p>{{ site.text.blog.no_results | default: "No results found" }}</p>',
+            noResultsText: '<p>{{ site.strings.blog.no_results | default: "No results found" }}</p>',
             json: "{{ '/assets/json/blog_search.json' | relative_url }}"
           })
         });
@@ -174,9 +176,9 @@
       const socialsEl = document.getElementById("terminal-screen--socials");
 
       const commands = {
-        help: `{{ site.text.home.terminal.commands }}`,
+        help: `{{ site.strings.home.terminal.commands }}`,
         about: document.getElementById("home-content").innerHTML,
-        socials: socialsEl ? socialsEl.innerHTML : `{{ site.text.home.terminal.no_socials }}`,
+        socials: socialsEl ? socialsEl.innerHTML : `{{ site.strings.home.terminal.no_socials }}`,
       };
 
       function createInputLine() {
@@ -185,7 +187,7 @@
 
         const prompt = document.createElement('span');
         prompt.className = 'prompt';
-        prompt.textContent = `[{{ site.text.home.terminal.user }}@{{ site.text.home.terminal.hostname }}:~]$`;
+        prompt.textContent = `[{{ site.strings.home.terminal.user }}@{{ site.strings.home.terminal.hostname }}:~]$`;
 
         // wrapper para conter input, cursor e measure
         const wrapper = document.createElement('span');
@@ -194,7 +196,7 @@
         const input = document.createElement('input');
         input.type = 'text';
         input.className = 'input';
-        input.placeholder = `{{ site.text.home.terminal.welcome }}`;
+        input.placeholder = `{{ site.strings.home.terminal.welcome }}`;
         input.spellcheck = false;
         input.autocomplete = 'off';
         input.autocorrect = 'off';
@@ -298,7 +300,7 @@
           case cmd === 'about': writeLineHTML(commands.about); break;
           case cmd === 'socials': writeLineHTML(commands.socials); break;
           case cmd === 'clear': screen.innerHTML=''; break;
-          default: if(cmd) commandsPrint(cmd + `{{ site.text.home.terminal.error }}`, mode='text');
+          default: if(cmd) commandsPrint(cmd + `{{ site.strings.home.terminal.error }}`, mode='text');
         }
       }
 

data/_layouts/error.html

@@ -5,11 +5,11 @@ layout: default
 <div class="container error">
   <div class="row">
     <div class="col-sm text-center">
-       {%- if site.text.error.image -%}
-          <img class="error-image" src="{{ site.text.error.image }}" alt="error 404">
+       {%- if site.strings.error.image -%}
+          <img class="error-image" src="{{ site.strings.error.image }}" alt="error 404">
        {%- endif -%}
-      <h1 class="error-title">{{ site.text.error.title | escape }}</h1>
-      <h2 class="error-description">{{ site.text.error.message | markdownify }}</h2>
+      <h1 class="error-title">{{ site.strings.error.title | escape }}</h1>
+      <h2 class="error-description">{{ site.strings.error.message | markdownify }}</h2>
     </div>
   </div>
 </div>

data/_layouts/home.html

@@ -9,7 +9,7 @@ layout: default
       <div class="terminal-header__btn terminal-header__close" title="close"></div>
       <div class="terminal-header__btn terminal-header__min" title="minimize"></div>
       <div class="terminal-header__btn terminal-header__max" title="maximize"></div>
-      <div class="terminal-header__title">{{ site.text.home.terminal.user }}@{{ site.text.home.terminal.hostname }}</div>
+      <div class="terminal-header__title">{{ site.strings.home.terminal.user }}@{{ site.strings.home.terminal.hostname }}</div>
     </div>
 
     <div id="screen" class="terminal-screen">

data/_layouts/page.html

@@ -31,10 +31,8 @@ layout: default
   {%- if page.update_date -%}
     <div class="row page-modified">
       <time class="dt-modified" datetime="{{ page.date | date_to_xmlschema }}" itemprop="dateModified">
-        <strong>{{ site.text.page.updated_on | default: "Page updated on" }}:</strong>&nbsp;{% datelang page.update_date format:date_format %}
+        <strong>{{ site.strings.page.updated_on | default: "Page updated on" }}:</strong>&nbsp;{% datelang page.update_date format:date_format %}
       </time>
     </div>
   {%- endif -%}
 </div>
-
-<script src="{{ '/assets/js/toc.js' | relative_url }}"></script>

data/_layouts/pixels.html

@@ -0,0 +1 @@
+<!-- TODO: Aqui vai ser um layout para uma página de coleção de imagens com post de texto -->

data/_layouts/post.html

@@ -24,7 +24,7 @@ layout: default
           {%- if page.author -%}
           <span itemprop="author" itemscope itemtype="http://schema.org/Person">
             <span class="p-author h-card" itemprop="name">
-              {{ site.text.post.author | default: "author" }}:&nbsp;{{ page.author }}
+              {{ site.strings.post.author | default: "author" }}:&nbsp;{{ page.author }}
             </span>
           </span>
           {%- endif -%}
@@ -45,7 +45,7 @@ layout: default
     {%- if page.update_date -%}
     <div class="row post-modified">
       <time class="dt-modified" datetime="{{ page.date | date_to_xmlschema }}" itemprop="dateModified">
-        <strong>{{ site.text.post.updated_on | default: "Post updated on" }}:</strong>&nbsp;
+        <strong>{{ site.strings.post.updated_on | default: "Post updated on" }}:</strong>&nbsp;
         {%- if site.datelang -%}
           {% datelang page.update_date format:date_format %}
         {%- else -%}
@@ -94,7 +94,7 @@ layout: default
 
     {%- if related_posts.size > 0 -%}
       <div class="row related-posts">
-        <h3 class="related-posts-title">[&nbsp;{{ site.text.post.related_posts | default: "related posts" }}&nbsp;]</h3>
+        <h3 class="related-posts-title">[&nbsp;{{ site.strings.post.related_posts | default: "related posts" }}&nbsp;]</h3>
 
         <ul class="related-posts-list">
           {%- for post in related_posts limit:5 -%}
@@ -116,5 +116,3 @@ layout: default
   {%- endif -%}
 
 </article>
-
-<script src="{{ '/assets/js/toc.js' | relative_url }}"></script>

data/_layouts/resume.html

@@ -151,7 +151,7 @@
                           <small>{{ cert.certificate }}</small>
                         </a>
                       {%- else -%}
-                        <span>{{ cert.course }}</span>
+                        <strong>{{ cert.course }}</strong>
                       {%- endif -%}
                       </div>
                     </div>
@@ -264,7 +264,7 @@
   </body>
 
   <!-- Scripts -->
-  <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.js' | relative_url }}"></script>
+  <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
 
   <script src="{{ '/assets/js/default.js' | relative_url }}"></script>
 

data/_layouts/tag_posts.html

@@ -6,7 +6,7 @@ layout: default
 
 <div class="container tag-posts">
   <div class="row">
-    <h1 class="tag-posts-title"><span>[&nbsp;{{ site.text.tags_posts.title }}:&nbsp;</span>{{ page.title }}<span>&nbsp;]</span></h1>
+    <h1 class="tag-posts-title"><span>[&nbsp;{{ site.strings.tags_posts.title }}:&nbsp;</span>{{ page.title }}<span>&nbsp;]</span></h1>
 
     <ul class="row tag-posts-list">
       {%- for post in page.posts -%}

data/_sass/components/_markdown.scss

@@ -437,22 +437,22 @@
         transition: transform .2s ease;
       }
     }
-  }
 
-  .details-content-wrapper {
-    margin-top: 30px;
-  }
+    &[open] summary::before {
+      transform: rotate(90deg) !important;
+    }
 
-  details details summary details[open] summary::before {
-    transform: rotate(90deg);
-  }
+    &[open] {
+      background: var(--details-bg-color);
+      border-color: var(--border-color);
+    }
 
-  details[open] {
-    background: var(--details-bg-color);
-    border-color: var(--border-color);
+    p:last-child {
+      margin-bottom: 0px;
+    }
   }
 
-  details p:last-child {
-    margin-bottom: 0px;
+  .details-content-wrapper {
+    margin-top: 30px;
   }
 }

data/_sass/includes/_footer.scss

@@ -13,9 +13,11 @@
     background-color: transparent;
     margin-bottom: 5px;
     margin-right: 2px;
+
     @media (max-width: 1040px) {
       display: none;
     }
+
     &-link {
       font-size: 3rem;
       display: none;
@@ -24,21 +26,26 @@
     }
   }
 
-  &-copyright {
+  &-copyright-wrap {
     text-align: left;
-    @media (max-width: 400px) {
+
+    @media (max-width: 798px) {
       text-align: center !important;
     }
   }
-  &-message {
+
+  &-message-wrap {
     text-align: center;
-    @media (max-width: 1040px) {
+
+    @media (max-width: 940px) {
       display: none;
     }
   }
-  &-made-by {
+
+  &-made-by-wrap {
     text-align: right;
-    @media (max-width: 400px) {
+
+    @media (max-width: 800px) {
       display: none;
     }
   }

data/_sass/includes/_header.scss

@@ -107,6 +107,7 @@
     }
 
     &-img {
+      width: 70px !important;
       border: 2px dotted var(--primary-color);
       border-radius: 10%;
       margin-bottom: 5px;

data/_sass/layouts/_resume.scss

@@ -16,7 +16,7 @@
   body,
   .resume,
   .container-fluid {
-    background: #fff !important;
+    background-color: #fff !important;
     box-shadow: none !important;
     border: none !important;
   }
@@ -50,8 +50,6 @@
     }
 
     .section {
-      page-break-inside: avoid;
-
       &-title {
         font-size: 12pt;
         font-weight: 700;
@@ -60,7 +58,6 @@
       &-item {
         font-size: 10.5pt;
         margin-bottom: 0.4em;
-        page-break-inside: avoid;
 
         a {
           color: black;

data/_sass/theme/_dark.scss

@@ -1,14 +1,17 @@
 $theme-colors: (
   bg: #181818,
-  text: #bfbfbf,
+  // default text: #bfbfbf;
+  text: #d5d5d5,
   text-muted: #9b9b9b,
   // default primary: #66c9e2 | #61b8b8
   // primary dark blue: #668be2
   // primary grovbox: #ebdbb2
   // primary oliva: #639e5b
   // primary oliva2: #75a683
-  // primary opaque aqua: #61b8b8
-  primary: #4ce4c8,
+  // primary opaque aqua fosco: #61b8b8
+  // primary opaque aqua 2: #4ce4c8
+  // primary opaque aqua 3: #5ebdac
+  primary: #5ebdac,
   shadow-color: rgba(0, 0, 0, 0.1),
   code-color: #f55ca8,
   code-block-header-color: #141414,
@@ -57,7 +60,7 @@ $theme-colors: (
   resume-border-color: #000000,
   resume-title-text-color: white,
   resume-content-text-color: #d3d3d3,
-  resume-text-muted-color: #707070,
+  resume-text-muted-color: #9d9d9d,
 );
 
 /* matrix */

data/_sass/theme/_light.scss

@@ -2,7 +2,7 @@ $theme-colors: (
   bg: #f3f3f3,
   // bg default: #f3f3f3
   text: #020202,
-  text-muted: #808080,
+  text-muted: #3e3e3e,
   primary: #a00,
   shadow-color: rgba(0, 0, 0, 0.1),
   code-color: #db3688,

data/assets/js/avatar.js

@@ -1,3 +1,12 @@
+/* TODO: Colocar cada script para página ideal, por exemplo:
+  home: home.js [terminal]
+  blog: blog.js
+  tag: tag.js
+  default.js será script que contem em todas páginas. [botão de top]
+  post: post.js [toc]
+  page: page.js
+*/
+
 document.addEventListener("DOMContentLoaded", () => {
   // O alvo do clique agora é o contêiner INTERATIVO
   const flipperAvatars = document.querySelectorAll('.avatar-flipper__open-true');

data/lib/rawfeed/csp_filters.rb

@@ -0,0 +1,16 @@
+require "jekyll"
+require 'digest'
+require 'base64'
+
+module Rawfeed
+  module CspFilters
+    # Generates a SHA256 hash and encodes it in Base64, ready for use in a CSP.
+    def sha256_base64(input)
+      # Calculates the SHA256 hash of the input text.
+      hash = Digest::SHA256.digest(input)
+      # Encodes the result in strict Base64 (no line breaks).
+      Base64.strict_encode64(hash)
+    end
+  end
+end
+Liquid::Template.register_filter(Rawfeed::CspFilters)

data/lib/rawfeed/page.rb

@@ -16,9 +16,11 @@ module Rawfeed
         file.puts("layout: page")
         file.puts("order: #number")
         file.puts("title: \"#{array[0]}\"")
+        file.puts("emoji: 😃  # Add an emoji to the page menu or leave it blank")
         file.puts("author: \"Your Name\"")
         file.puts("date: #{array[2]} -0300")
         file.puts("update_date: ")
+        file.puts("in_menu: true")
         file.puts("reading_time: true")
         file.puts("published: false")
         file.puts("permalink: /#{permalink}/")

data/lib/rawfeed/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Rawfeed
-  VERSION = "0.1.3"
+  VERSION = "0.1.4"
 end

data/lib/rawfeed.rb

@@ -9,3 +9,4 @@ require_relative "rawfeed/resume"
 require_relative "rawfeed/layout"
 require "rawfeed/datelang"
 require "rawfeed/reading_time"
+require "rawfeed/csp_filters"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rawfeed
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - William C. Canin
@@ -143,6 +143,7 @@ files:
 - _includes/endtabs
 - _includes/image
 - _includes/layout/blog_search.html
+- _includes/layout/capture_scripts.liquid
 - _includes/layout/data.liquid
 - _includes/layout/disqus.html
 - _includes/layout/footer.html
@@ -162,6 +163,7 @@ files:
 - _layouts/error.html
 - _layouts/home.html
 - _layouts/page.html
+- _layouts/pixels.html
 - _layouts/post.html
 - _layouts/resume.html
 - _layouts/tag.html
@@ -207,7 +209,6 @@ files:
 - assets/js/avatar.js
 - assets/js/default.js
 - assets/js/terminal.js
-- assets/js/toc.js
 - assets/json/blog_search.json
 - assets/json/datelang.json
 - assets/vendor/bootstrap/css/bootstrap-grid.css
@@ -257,6 +258,7 @@ files:
 - assets/vendor/simple-jekyll-search.js
 - assets/vendor/simple-jekyll-search.min.js
 - lib/rawfeed.rb
+- lib/rawfeed/csp_filters.rb
 - lib/rawfeed/datelang.rb
 - lib/rawfeed/draft.rb
 - lib/rawfeed/installer.rb

data/assets/js/toc.js

@@ -1,22 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
-  /* TOC in top */
-  const toc = document.getElementById('toc');
-
-  if (!toc) return;
-
-  const sentinel = document.createElement('div');
-  toc.parentNode.insertBefore(sentinel, toc);
-
-  const observer = new IntersectionObserver(
-    ([entry]) => {
-      if (!entry.isIntersecting) {
-        toc.classList.add('toc-fixed');
-      } else {
-        toc.classList.remove('toc-fixed');
-      }
-    },
-    { threshold: 0 }
-  );
-
-  observer.observe(sentinel);
-});