rawfeed 0.3.0 → 1.0.0

data/_layouts/contact.html

@@ -2,91 +2,110 @@
 layout: default
 ---
 
-{%- include layout/data.liquid -%}
-
-{%- if head_.google.recaptcha.pubkey and head_.google.apps_script.url -%}
-
-<script src="https://www.google.com/recaptcha/api.js" async defer></script>
-
-<div id="contact" class="contact{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}">
-
-  <div class="modal fade"
-    id="contactMessageModal"
-    tabindex="-1"
-    aria-labelledby="contactMessageModalLabel"
-    aria-hidden="true"
-    data-bs-backdrop="static"
-    data-bs-keyboard="false">
-    <div class="modal-dialog">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="contactMessageModalLabel"></h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+{%- include assigned -%}
+
+{%- if head.google.recaptcha.pubkey and head.google.apps_script.url -%}
+
+  <script
+    src="https://www.google.com/recaptcha/api.js"
+    async
+    defer></script>
+
+  <div id="contact" class="contact{% if default.background_focus %} background_focus{% endif %} {% if default.rounding %} rounding{% endif %}">
+
+    <div
+      class="modal fade"
+      id="contactMessageModal"
+      tabindex="-1"
+      aria-labelledby="contactMessageModalLabel"
+      aria-hidden="true"
+      data-bs-backdrop="static"
+      data-bs-keyboard="false">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="contactMessageModalLabel"></h5>
+            <button
+              type="button"
+              class="btn-close"
+              data-bs-dismiss="modal"
+              aria-label="Close"></button>
+          </div>
+          <div class="modal-body"></div>
         </div>
-        <div class="modal-body"></div>
       </div>
     </div>
-  </div>
 
-  <div class="row">
-    <span class="contact-title"><strong>[&nbsp;{{ page.title | downcase }}&nbsp;]</strong></span>
-    <form id="contactForm" class="mt-4 contact-form">
-      <div class="mb-3">
-        <input id="inputName"
-        name="name"
-        type="text"
-        placeholder="{{ contact_.name.placeholder | default: 'First and last name' }}"
-        class="form-control contact-form__name"
-        required>
-      </div>
-      <div class="mb-3">
-        <input id="inputEmail"
-        name="email"
-        type="email"
-        placeholder="{{ 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">
-          {{ contact_.email.help | default: "We'll never share your email with anyone else." }}
+    <div class="row">
+      <span class="contact-title">
+        <strong>[&nbsp;{{ page.title | downcase }}&nbsp;]</strong>
+      </span>
+      <form id="contactForm" class="mt-4 contact-form">
+        <div class="mb-3">
+          <input
+            id="inputName"
+            name="name"
+            type="text"
+            placeholder="{{ contact.name.placeholder | default: 'First and last name' }}"
+            class="form-control contact-form__name"
+            required>
         </div>
-      </div>
-      <textarea id="textMessage"
-      name="message"
-      class="form-control contact-form__message"
-      placeholder="{{ contact_.message.placeholder | default: 'Write your message here' }}"
-      style="min-height: 150px"
-      required></textarea>
-      <small style="display: block; font-size: 8pt; opacity: .6">{{ contact_.message.caracters.warning.content }}</small>
-      <!-- TODO: version: 0.3.0 Make reCaptcha change themes instantly -->
-      <div id="g-recaptcha" class="g-recaptcha mt-2" data-sitekey="{{ head_.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">
-        {{ contact_.button.text | default: 'Send!' }}
-        </button>
-      </div>
-    </form>
-  </div>
-  <div class="row">
-    <div class="contact-content">{{ content }}</div>
+        <div class="mb-3">
+          <input
+            id="inputEmail"
+            name="email"
+            type="email"
+            placeholder="{{ 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">
+            {{ 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="{{ contact.message.placeholder | default: 'Write your message here' }}"
+          style="min-height: 150px"
+          required></textarea>
+        <small style="display: block; font-size: 8pt; opacity: .6">{{ contact.message.characters.warning.content }}</small>
+        <!-- TODO: version: 0.3.0 Make reCaptcha change themes instantly -->
+        <div
+          id="g-recaptcha"
+          class="g-recaptcha mt-2"
+          data-sitekey="{{ head.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">
+            {{ contact.button.text | default: 'Send!' }}
+          </button>
+        </div>
+      </form>
+    </div>
+    <div class="row">
+      <div class="contact-content">{{ content }}</div>
+    </div>
   </div>
-</div>
 
 {%- else -%}
 
-<div class="contact-disabled{% if default_.background_focus %} background_focus{% endif %} {% if default_.rounding %} rounding{% endif %}">
-  <h1 style="background-color: yellow;color: black;padding: 10px">Warning: Email form disabled</h1>
-  <p>To use the email submission form, you need to:</p>
-  <p>1 - Copy the script below and implement it in <a href="https://script.google.com" target="_blank">Google Apps Script</a>:</p>
-  <blockquote>
-    <p>Note1: Don't forget to change the constants: TO_ADDRESS, SITE, LOGO_URL, MINIMUM_MESSAGE.</p>
-    <p>Note2: Without editing the script in Google Apps Script, you will need to redeploy it.</p>
-  </blockquote>
-
-  {% highlight javascript linenos %}
-  /**
+  <div class="contact-disabled{% if default.background_focus %} background_focus{% endif %} {% if default.rounding %} rounding{% endif %}">
+    <h1 style="background-color: yellow;color: black;padding: 10px">Warning: Email form disabled</h1>
+    <p>To use the email submission form, you need to:</p>
+    <p>1 - Copy the script below and implement it in
+      <a href="https://script.google.com" target="_blank">Google Apps Script</a>:</p>
+    <blockquote>
+      <p>Note1: Don't forget to change the constants: TO_ADDRESS, SITE, LOGO_URL, MINIMUM_MESSAGE.</p>
+      <p>Note2: Without editing the script in Google Apps Script, you will need to redeploy it.</p>
+    </blockquote>
+
+    {% highlight javascript linenos %}
+      /** 
   * GOOGLE APPS SCRIPT - HYBRID VERSION (RECAPTCHA & TURNSTYLE)
   * by William C. Canin
   */
@@ -106,8 +125,8 @@ layout: default
     if (!str) return "";
     let clean = str.trim();
     if (isHeader) clean = clean.replace(/[\r\n]/g, "");
-    return clean.replace(/[&<>"']/g, function(m) {
-      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' }[m];
+    return clean.replace(/[&<>"']/g, function(m) { 
+      return { '&': '&amp;', '<':'&lt;','>': '&gt;', '"': '&quot;', "'": '&#039;' }[m]; 
     });
   }
 
@@ -194,42 +213,54 @@ layout: default
       let cleanMessage = escapedContent.replace(/```([\s\S]+?)```/g, function(match, code) {
         const id = codeBlocks.length;
 
-        const codeHtml = `<pre style="background: #f6f8fa; color: #24292e; padding: 15px; border-radius: 6px; overflow-x: auto; font-family: 'Fira Code','Consolas',SFMono-Regular, SF Mono, Menlo, monospace; font-size: 15px; line-height: 1.85; border: 1px solid #d1d5da; border-bottom: 3px solid #a1a2a7; border-right: 1px solid #a1a2a7; border-top: 1px solid #a1a2a7; border-left: 1px solid #a1a2a7;">${code.trim()}</pre>`;
+        const codeHtml = `<pre style="background: #f6f8fa; color: #24292e; padding: 15px; border-radius: 6px; overflow-x: auto; font-family: 'Fira Code','Consolas',SFMono-Regular, SF Mono, Menlo, monospace; font-size: 15px; line-height: 1.85; border: 1px solid #d1d5da; border-bottom: 3px solid #a1a2a7; border-right: 1px solid #a1a2a7; border-top: 1px solid #a1a2a7; border-left: 1px solid #a1a2a7;">${code.trim()}</pre>
+`; 
 
         codeBlocks.push(codeHtml);
         return placeholder + id + "___";
       });
 
-      cleanMessage = cleanMessage.replace(/\n/g, '<br>');
+      cleanMessage = cleanMessage.replace(/\n/g, '<br>'); 
       codeBlocks.forEach((block, index) => {
         cleanMessage = cleanMessage.replace(placeholder + index + "___", block);
       });
 
       const subject = `Message from: ${name} (${SITE})`;
       const htmlBody = `
-      <div style="font-family: sans-serif; color: #333; max-width: 820px; border: 1px solid #eee; padding: 20px;">
-        ${LOGO_URL ? `
-          <div style="text-align: center; margin-bottom: 20px;">
-            <img src="${LOGO_URL}" alt="Logo" style="width: 150px; padding: 10px; border-radius: 50%; border: 1px solid #ddd;">
-          </div>
-        ` : ''}
-
-        <h2 style="color: #333; border-bottom: 2px solid #333; padding-bottom: 10px;"></h2>
-
-        <div style="margin-top: 20px;">
-          <p><b>Name:</b> ${name}</p>
-          <p><b>From:</b> <a href="mailto:${email}">${email}</a></p>
-          <p><b>Message:</b></p>
-          <div style="background: #fff; font-size: 15px; color: black; border: 1px solid transparent; padding: 15px; border-radius: 5px;">
-            ${cleanMessage}
-          </div>
-        </div>
-
-        <footer style="margin-top: 30px; font-size: 12px; color: #888; border-top: 1px solid #eee; padding-top: 10px;">
-          This is an automated email sent by your form ${pageUrl} using ${antiRobot}/Google Script.<br>
-          &copy; ${new Date().getFullYear()} ${SITE.replace('https://', '')} - ${new Date().toLocaleString('pt-BR')} - <b>${locationInfo}</b>
-        </footer>
-      </div>`;
+          <div style="font-family: sans-serif; color: #333; max-width: 820px; border: 1px solid #eee; padding: 20px;">
+            ${LOGO_URL ? `
+            <div style="text-align: center; margin-bottom: 20px;">
+              <img
+                src="${LOGO_URL}"
+                alt="Logo"
+                style="width: 150px; padding: 10px; border-radius: 50%; border: 1px solid #ddd;">
+            </div>
+            ` : ''}
+
+            <h2 style="color: #333; border-bottom: 2px solid #333; padding-bottom: 10px;"></h2>
+
+            <div style="margin-top: 20px;">
+              <p>
+                <b>Name:</b>
+                ${name}</p>
+              <p>
+                <b>From:</b>
+                <a href="mailto:${email}">${email}</a>
+              </p>
+              <p>
+                <b>Message:</b>
+              </p>
+              <div style="background: #fff; font-size: 15px; color: black; border: 1px solid transparent; padding: 15px; border-radius: 5px;">
+                ${cleanMessage}
+              </div>
+            </div>
+
+            <footer style="margin-top: 30px; font-size: 12px; color: #888; border-top: 1px solid #eee; padding-top: 10px;">
+              This is an automated email sent by your form ${pageUrl} using ${antiRobot}/Google Script.<br>
+              &copy; ${new Date().getFullYear()} ${SITE.replace('https://', '')} - ${new Date().toLocaleString('pt-BR')} -
+              <b>${locationInfo}</b>
+            </footer>
+          </div>`; 
 
       MailApp.sendEmail({ to: TO_ADDRESS, subject: subject, htmlBody: htmlBody, replyTo: email });
 
@@ -239,21 +270,32 @@ layout: default
       return ContentService.createTextOutput(JSON.stringify({ 'result': 'error', 'debug': err.message })).setMimeType(ContentService.MimeType.JSON);
     }
   }
-  {% endhighlight %}
-
-  <p>2 - Create a <a href="https://console.cloud.google.com/security/recaptcha" target="_blank">reCaptcha</a>
-  on Google and add the reCaptcha <strong>PRIVATE</strong> key to the <strong>Google Apps Script</strong> script property.</p>
-  <p>3 - Copy the reCaptcha <strong>PUBLIC</strong> key and the <strong>Google Apps Script</strong> URL and place them in <strong>_config.yml:</strong></p>
-
-  {% highlight yml linenos %}
-  google:
+        {% endhighlight %}
+
+        <p>2 - Create a
+          <a href="https://console.cloud.google.com/security/recaptcha" target="_blank">reCaptcha</a>
+          on Google and add the reCaptcha
+          <strong>PRIVATE</strong>
+          key to the
+          <strong>Google Apps Script</strong>
+          script property.</p>
+        <p>3 - Copy the reCaptcha
+          <strong>PUBLIC</strong>
+          key and the
+          <strong>Google Apps Script</strong>
+          URL and place them in
+          <strong>_config.yml:</strong>
+        </p>
+
+        {% highlight yml linenos %}
+          google: 
     ###
     ###
     apps_script:
       url: "https://script.google.com/macros/s/BuD..."
     recaptcha:
       pubkey: "8Lci194rAAAAA70Sv..."
-  {% endhighlight %}
+        {% endhighlight %}
 
-</div>
-{%- endif -%}
+      </div>
+    {%- endif -%}

data/_layouts/default.html

@@ -1,62 +1,67 @@
 <!-- Theme for Jekyll.rb by: © rawfeed <https://rawfeed.github.io> -->
-{%- include layout/data.liquid -%}
+{%- include assigned -%}
 
-{%- if maintenance_.enable != true -%}
+{%- if maintenance.enable != true -%}
+  {%- assign index = site.pages | where: 'path', 'index.md' | first -%}
 
-{%- assign index = site.pages | where: "path", "index.md" | first -%}
+  {%- if home.terminal.enable and page.url == '/' and index.layout == 'home' -%}
+    {%- assign default_term = ' default-terminal' -%}
+    {%- assign default_style = '' -%}
+  {%- else -%}
+    {%- assign default_term = '' -%}
+    {%- assign width = default.width | default: '860' -%}
+    {%- assign default_style = 'max-width: ' | append: width | append: 'px !important;' -%}
+  {%- endif -%}
 
-{%- if home_.terminal.enable and page.url == "/" and index.layout == "home" -%}
-  {%- assign default_term = " default-terminal" -%}
-  {%- assign default_style = "" -%}
-{%- else -%}
-  {%- assign default_term = "" -%}
-  {%- assign width = default_.width | default: '860' -%}
-  {%- assign default_style = "max-width: " | append: width | append: "px !important;" -%}
-{%- endif -%}
+  <!doctype html>
+  <html
+    id="top"
+    lang="{{ default.lang | default: 'en-US' }}"
+    data-theme="light">
+    <!-- head -->
+    {%- include layout/head.html -%}
+    <!-- head -->
 
-<!DOCTYPE html>
-<html id="top" lang="{{ default_.lang | default: 'en-US' }}" data-theme="light">
+    <!-- body -->
+    <body
+      data-layout="{{ page.layout | default: '' }}"
+      data-terminal-enabled="{{ home.terminal.enable | default: false }}"
+      style="
+        font-family: {{ default.font.style }} !important;
+        font-size: {{ default.font.size }} !important;
+        letter-spacing: {{ default.font.spacing }} !important;
+        user-select: {{ default.user_select | default: 'none' }};
+      ">
+      <!-- container -->
+      <div class="container-fluid">
+        {%- include layout/navbar.html -%}
 
-  <!-- head -->
-  {%- include layout/head.html -%}
-  <!-- head -->
+        <div class="default{{default_term}}" style="{{default_style}}">
+          <main class="content">{{ content }}</main>
+        </div>
 
-  <!-- body -->
-  <body data-layout="{{ page.layout | default: '' }}"
-  data-terminal-enabled="{{ home_.terminal.enable | default: false }}"
-  style="
-  font-family: {{ default_.font.style }} !important;
-  font-size: {{ default_.font.size }} !important;
-  letter-spacing: {{ default_.font.spacing }} !important;
-  user-select: {{ default_.user_select | default: 'none' }};">
-
-    <!-- container -->
-    <div class="container-fluid">
-      {%- include layout/header.html -%}
-
-      <div class="default{{default_term}}" style="{{default_style}}">
-        <main class="content">{{ content }}</main>
+        {%- include layout/footer.html -%}
       </div>
+      <!-- container -->
 
-      {%- include layout/footer.html -%}
-    </div>
-    <!-- container -->
-
-    <!-- scripts -->
-    <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/default.js' | relative_url }}"></script>
-    {%- if page.url contains '/blog/' -%}
-      <script src="{{ '/assets/vendor/simple-jekyll-search.min.js' | relative_url }}"></script>
-    {%- endif -%}
-    <script src="{{ '/assets/js/blog.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/home.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/page.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/contact.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/donation.js' | relative_url }}"></script>
+      <!-- scripts -->
+      <script src="{{ '/assets/vendors/bootstrap-5.2.3/js/bootstrap.bundle.min.js' | relative_url }}"></script>
+      <script src="{{ '/assets/js/default.js' | relative_url }}"></script>
+      {%- if page.url contains '/blog/' -%}
+        <script src="{{ '/assets/vendors/fuse.min.js' | relative_url }}" defer></script>
+      {%- endif -%}
+      <script src="{{ '/assets/js/blog.js' | relative_url }}"></script>
+      <script src="{{ '/assets/js/home.js' | relative_url }}"></script>
+      <script src="{{ '/assets/js/page.js' | relative_url }}"></script>
+      <script src="{{ '/assets/js/contact.js' | relative_url }}"></script>
+      <script src="{{ '/assets/js/donate.js' | relative_url }}"></script>
+      {%- if page.toc.enable -%}
+        <script src="{{ '/assets/js/toc.js' | relative_url }}"></script>
+      {%- endif -%}
     <!-- scripts -->
-  </body>
+    </body>
   <!-- body -->
-</html>
+  </html>
 
 {%- else -%}
   {%- include layout/maintenance.html -%}

data/_layouts/donate.html

@@ -0,0 +1,112 @@
+---
+layout: default
+---
+{%- include assigned -%}
+
+<div id="donation" class="donation py-5{% if default.background_focus %} background_focus{% endif %}{% if default.rounding %} rounding{% endif %}">
+  <div class="container">
+    {%- if donate.title or donate.description -%}
+      <div class="row justify-content-center mb-5">
+        <div class="col-lg-8 text-center">
+          <h1 class="display-5 fw-bold mb-3 donation__title">{{ donate.title }}</h1>
+          <p class="mb-0 donation__description">
+            {{ donate.description }}
+          </p>
+        </div>
+      </div>
+    {%- endif -%}
+
+    <div class="row mt-5">
+      <div class="col donation__content">
+        {{ content }}
+      </div>
+    </div>
+
+    <div class="donation-list d-flex flex-column gap-4">
+      {%- for service in donate.services -%}
+        <div class="donation__box">
+          <div class="row align-items-center g-4">
+            <!-- LOGO -->
+            <div class="col-md-2 col-12 text-center">
+              <img
+                src="{{ service.logo | relative_url }}"
+                class="img-fluid donation__logo"
+                alt="{{ service.name }}">
+            </div>
+
+            <!-- INFO -->
+            <div class="col-md-7 col-12">
+              <h1 class="mb-2 text-capitalize donation__service__name">{{ service.name }}</h1>
+              <p class="mb-4 donation__service__description">
+                {{ service.description | markdownify }}
+              </p>
+
+              {%- unless service.name contains 'bitcoin' or service.name == 'pix' -%}
+                <div class="row">
+                  <div class="col">
+                    <a
+                      class="fw-bold donation__btn"
+                      href="{{ service.address }}"
+                      target="_blank"
+                      rel="noopener">
+                      Open
+                    </a>
+                  </div>
+                </div>
+              {%- endunless -%}
+            </div>
+
+            <!-- QR CODE -->
+            <div class="col-md-3 col-12 text-center">
+              {%- if service.qrcode -%}
+                <img
+                  src="{{ service.qrcode | relative_url }}"
+                  class="img-fluid clickable-qr donation__qr"
+                  alt="QR {{ service.name }}"
+                  data-bs-toggle="modal"
+                  data-bs-target="#qrModal"
+                  data-qr="{{ service.qrcode | relative_url }}">
+              {%- endif -%}
+            </div>
+          </div>
+
+          <div class="row">
+            <div class="col-12 mt-4 donation__offset_input">
+              {%- if service.name == 'pix' or service.name contains 'bitcoin' -%}
+                <div class="row">
+                  <div class="input-group">
+                    {%- if service.name contains 'pix' -%}
+                      <span class="input-group-text donation__input__label">{{ donate.input.label.key }}</span>
+                    {%- else -%}
+                      <span class="input-group-text donation__input__label">{{ donate.input.label.address }}</span>
+                    {%- endif -%}
+                    <input
+                      type="text"
+                      class="form-control donation__address"
+                      value="{{ service.address }}"
+                      readonly>
+                    <button class="fw-bold donation__btn donation__btn--copy" data-copy="{{ service.address }}">
+                      {{ donate.copy_button.text }}
+                    </button>
+                  </div>
+                </div>
+              {%- endif -%}
+            </div>
+          </div>
+        </div>
+      {%- endfor -%}
+    </div>
+  </div>
+</div>
+
+<!-- QR Modal -->
+<div
+  class="modal fade"
+  id="qrModal"
+  tabindex="-1">
+  <div class="modal-dialog modal-dialog-centered modal-lg">
+    <div class="modal-content bg-transparent border-0 text-center">
+      <img id="qrModalImg" class="img-fluid rounded shadow">
+    </div>
+  </div>
+</div>

data/_layouts/error.html

@@ -1,17 +1,19 @@
 ---
 layout: default
 ---
-
-{%- include layout/data.liquid -%}
+{%- include assigned -%}
 
 <div class="container error">
   <div class="row">
     <div class="col-sm text-center">
-       {%- if page_.error.image -%}
-          <img class="error-image" src="{{ page_.error.image }}" alt="error 404">
-       {%- endif -%}
-      <h1 class="error-title">{{ page_.error.title | escape }}</h1>
-      <h2 class="error-description">{{ page_.error.message | markdownify }}</h2>
+      {%- if page_data.error.image -%}
+        <img
+          class="error-image"
+          src="{{ page_data.error.image }}"
+          alt="error 404">
+      {%- endif -%}
+      <h1 class="error-title">{{ page_data.error.title | escape }}</h1>
+      <h2 class="error-description">{{ page_data.error.message | markdownify }}</h2>
     </div>
   </div>
 </div>