rawfeed 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6d2e5d358c0cc03e54b9046792970b8bd3991a45dae8e8623d8ab1a6891e021d
-  data.tar.gz: 8193da0a776b071864677c47fec44e9b447257e9827bd37f5b9adeab72e37006
+  metadata.gz: fffc0bf2ccbe95651efc1a83be2240bf6466265d4395aa4bd52517888f914228
+  data.tar.gz: f4f5052baa4748d050e3414ffc381e2cdc2d584e532f4d11401fda43e1acba3d
 SHA512:
-  metadata.gz: 80529a3258120a6b3e9f80b44e07636c0c3ebf40935c78d701dc9b4824ac4eb07ace9b63c66e55b2e84781365c4805902195703578aa1135e31aad54f6e7dcef
-  data.tar.gz: 9f9e911ffe04f196527754427d25fce3576f288c5470d02fd753b6ee26dff528f7be5b190493a07193a417ea4cf95cd0c2eed6cd5fbc883a9aee484bbebb96d2
+  metadata.gz: 1e564f7e571f243ffbfcf6ade235b85a2fcb2a17c1813c81aa4c16b741fb8444f12025ae0adf3e874ac7feb4d9558beb5241ddfe186eb05ac1656cb3432f0ce6
+  data.tar.gz: 3f45e9f451ea0d0a3e2bb77bfd16572d6f6ee06f5006ed580cd0fd0936a4a9f7d82192dd0f68e7506d2dab6b4227e9e8a6afcbbc39012d4e3157ea79abe3c2a0

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 William C. Canin <william.costa.canin@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -1,2 +1,154 @@
-# rawfeed
+<p align="center">
+  <img src=".github/logo.png" alt="Rawfeed" width="150">
+  <br>
+  <small>Rawfeed — A raw Jekyll theme for minimalists</small>
+  <br>
+  <a href="https://williamcanin.github.io/rawfeed" target="_blank">Theme Preview</a>
+</p>
 
+# Requirements
+
+| Required | Version | How to verify | How to install                    |
+| -------- | ------- | ------------- | --------------------------------- |
+| Git      | >= 2    | `git -v`      | [Git](http://git-scm.com/)        |
+| Ruby     | >= 3.0  | `ruby -v`     | [Ruby](https://www.ruby-lang.org) |
+| Gem      | >= 3.0  | `gem -v`      | **Ruby** contains **Gem**         |
+| Bundler  | >= 2.0  | `bundler -v`  | `gem install bundler`             |
+| NodeJs   | >= 20   | `node -v`     | [NodeJS](https://nodejs.org)      |
+| Npm      | >= 9    | `npm -v`      | **NodeJS** contains **Npm**       |
+
+# Features
+
+- [x] One-command installation (via Unix|PowerShell);
+- [x] A terminal emulator on the home page with commands;
+- [x] Commands for manipulating page headers, posts and drafts in markdown;
+- [x] Smart floating TOC in posts;
+- [x] Theme change: light/dark;
+- [x] Chart in posts;
+- [x] Stylized Markdown;
+- [x] Avatar opens in modal with inversion animation for each different theme (light/dark);
+- [x] Enables and Disables weblog;
+- [x] Home page with about or blog, you decide with one command;
+- [x] A quick search field on the weblog using keyword and date;
+- [x] Weblog pagination;
+- [x] YouTube video in weblog posts;
+- [x] Social network link on the home page or by command in the terminal;
+- [x] Feed in weblog;
+- [x] SEO-rich website;
+- [x] Entire site minified in build: html, images, css and javascript.
+- [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]);
+
+# Installation
+
+In the terminal/Command Prompt, run the commands below according to the OS.
+
+**Unix:**
+
+```shell
+curl -fsSL https://williamcanin.github.io/install/rawfeed | sh
+```
+
+**Windows:**
+
+```shell
+iwr -useb https://williamcanin.github.io/install/rawfeed | iex
+```
+
+# Usage
+
+**(1)** - Install dependencies:
+
+```shell
+npm install
+```
+
+**(2)** - For **rawfeed** manipulation commands, use:
+
+```shell
+npm run help
+```
+
+# Settings
+
+## Avatar
+
+**(1)** - Create the folder directory: `assets/images`.
+
+**(2)** - Place your website's images (.jpg|.png) inside this `assets/images` directory.
+
+> Recommendation: Use a 4x4 image.
+
+**(3)** - In the `_config.yml` file, in the `section: [avatar]`, change the value of "`avatar.image`"
+to the name of your images. For example:
+
+```yml
+avatar:
+  open: true
+  flip: true
+  # note: the image (.jpg|.png) will be searched in the directory: assets/images/
+  image:
+    front:
+      light: your_image_light.png
+      dark: your_image_dark.png
+    back: your_image_back.png
+```
+
+## Posts
+
+Creating a blog post is very easy, first you create a draft (`npm run draft`) and after you finish
+the draft, you move it to the post with the command `npm run posts`.
+
+> Note: If you start the server (`npm run serve`), drafts will appear in posts, but they will not
+go into production mode (`npm run build`).
+
+**Comments:**
+
+Post comments use [Giscus](https://giscus.app) or [Disqus](https://disqus.com),
+configurable in the `_config.yml` file under `section: [blog]`. Whichever one you choose,
+you must set the appropriate settings in the `_config.yml` file under `section: [blog]`, and
+each post must have `comments: true` set.
+
+To learn more about both, such as how to set them up, visit [Giscus](https://giscus.app) or
+[Disqus](https://disqus.com).
+
+# For developer
+
+**Clone and install:**
+
+```shell
+git clone https://github.com/williamcanin/rawfeed.git; cd rawfeed; npm install
+```
+
+**Manage gem:**
+
+**(1)** - Compile the gem:
+
+```shell
+npm run gem
+```
+
+**(2)** - Publish the gem:
+
+```shell
+npm run publish
+```
+
+For more tasks, see: `bundle exec rake --tasks`
+
+## Donation
+
+Click on the image below to be redirected the donation forms:
+
+<div class="donate">
+  <a href="https://github.com/williamcanin/donations/blob/main/README.md">
+    <img width="160" height="100" src="https://raw.githubusercontent.com/williamcanin/donations/main/svg/donate/donate-hand.svg" alt="Donations"/>
+  </a>
+</div>
+
+See the list of our [CONTRIBUTORS](CONTRIBUTING.md).
+
+# License
+
+The theme is available as open source under the terms of [this License](https://github.com/williamcanin/rawfeed/blob/dev/LICENSE.txt).

data/_data/resume.yml

@@ -0,0 +1,184 @@
+# --------------------------------------------------------------------------------------------------
+# Note: Two pages is acceptable for experienced professionals. Stick to the one-page rule if you
+# have less than 10 years of experience, or two pages if you're senior/academic.
+# Do not put exaggerated information.
+# --------------------------------------------------------------------------------------------------
+
+# section: [Full name]
+full_name: John A. Doe
+
+# section: [Photo]
+photo:
+  space: false
+
+# section: [Buttons]
+buttons:
+  print:
+    enable: true
+    text: print
+
+# ---------------------------------------- SIDEBAR -------------------------------------------------
+sidebar:
+  # section: [Contact]
+  contact:
+    enable: true
+    caption: Contact
+    items:
+      - key: Email
+        value: contact@johndoe.com
+        link: #
+      - key: Site
+        value: johndoe.com
+        link: https://github.com/williamcanin/rawfeed
+      - key: Phone
+        value: +1 9 99999-9999
+        link: #
+      - key: GitHub
+        value: "@rawfeed"
+        link: https://github.com/williamcanin/rawfeed
+
+  # section: [Personal Details]
+  # IMPORTANT!!!: "Personal details" are sensitive data. For security reasons, enable it ONLY if
+  #                you're printing it; never leave it exposed online.
+  personal_details:
+    enable: false
+    caption: Personal Details
+    items:
+      - title: DOB
+        value: 1901/01/01
+      - title: City
+        value: Boston
+      - title: State
+        value: Massachusetts
+      - title: Nationality
+        value: American
+      - title:
+        value: Valid Driver's License
+
+  # section: [Languages]
+  languages:
+    enable: true
+    caption: Languages
+    names:
+      - value: English
+      - value: Portuguese
+      - value: Spanish
+
+  # section: [Education]
+  education:
+    enable: true
+    caption: Education
+    section:
+      - degree: MSc in Informatics
+        time: 2014-2016
+        university: Ionian University
+        link: https://github.com/williamcanin/rawfeed
+
+      - degree: BSc in Computer Science
+        time: 2010-2014
+        university: XYZ University
+        link: #
+
+  # section: [Skills]
+  skills:
+    enable: true
+    caption: Skills
+    section:
+      - group: OS
+        tools: [Linux, Windows]
+      - group: Programming
+        tools: [C, Rust, Python, Javascript]
+      - group: Frameworks
+        tools: [React, Node.js]
+      - group: DevOps
+        tools: [Docker, Kubernetes]
+      - group: Others
+        tools: [Git, AWS]
+
+# ---------------------------------------- BODY ----------------------------------------------------
+body:
+  # section: [Sumary]
+  # Note: The "Sumary" should be a concise paragraph (3-4 lines) that presents your profile,
+  # your main expertise, and your greatest impact. It is your initial "advertisement."
+  sumary:
+    enable: true
+    caption: Sumary
+    content: |
+      Senior Software Engineer and Researcher with **8 years of experience** in the full systems
+      development lifecycle. Proficient in high-performance languages (**Rust**, **C++**, **Python**) and
+      front-end frameworks (**React**). Focused on systems optimization, having **reduced latency by
+      20%** in new modules and worked in applied research at Microsoft.
+
+  # section: [Experience]
+  # Always start the bullet point with a past tense verb.
+  experience:
+    enable: true
+    caption: Experience
+    section:
+      - role: Software Engineer
+        description: Backend Optimization & Infrastructure
+        company: Google
+        link: https://about.google
+        time: 2020-Present
+        details: |
+          - I developed and launched **Module X**, reducing **latency by 20%** on the backend and
+          increasing **user satisfaction (KPIs)**.
+          - I improved the **CI/CD pipeline** for **Go** and **C++** by integrating **Kubernetes**
+          and **Docker**, speeding up deployments by **15%**.
+          - I led the migration of **legacy microservices** to **TypeScript** and **Angular**,
+          resulting in a more scalable and maintainable architecture.
+
+      - role: Researcher
+        description:
+        company: Microsoft
+        link: https://microsoft.com
+        time: 2016-2020
+        details: |
+          - I conducted research and development of **algorithm Y** (using **Python** and **TensorFlow**),
+          reducing the error **rate by 10%** compared to the previous solution.
+          - I have published two conference papers on **Machine Learning** models, contributing to the
+          advancement of the field of Natural Language Processing (NLP).
+          - I collaborated with engineering teams to deploy **Keras** and **Matlab** models in production
+          environments, impacting **millions of platform** users.
+
+  # section: [Publications]
+  # Full links will only appear in print mode. Online and PDF modes are clickable.
+  publications:
+    enable: true
+    caption: Publications
+    section:
+      - title: Presentation of the functionality of F47X1 chip
+        link: https://github.com/williamcanin/rawfeed
+        authors: John A. Doe, Jane Doe
+        conference: Conference Tech Central Park, 2016
+
+  # section: [Projects]
+  # Full links will only appear in print mode. Online and PDF modes are clickable.
+  projects:
+    enable: true
+    caption: Projects
+    section:
+      - title: Support for the F47X1 chip in the Linux kernel
+        link: https://github.com/williamcanin/rawfeed
+        details: |
+          - I implemented the F47X1 chip to recognize macOS applications with plug-play on USB 3.1
+
+      - title: Facial Functionality Tool in Gemini
+        link: #
+        details: |
+          - Together with a group of 4 people, **I conducted** research on the new version of **Gemini** in
+          Gemini's facial recognition on mobile.
+
+  # section: [Volunteering]
+  # Full links will only appear in print mode. Online and PDF modes are clickable.
+  volunteering:
+    enable: true
+    caption: Volunteering
+    section:
+      - role: AI Professor
+        company: Seeds of Tomorrow Engineering School
+        link: https://github.com/williamcanin/rawfeed
+        time: 2020-2022
+        details: |
+          - I led a class of **Computer Engineering** students in the modern **AI course**.
+          It was over **170 hours** of classes.

data/_includes/alert

@@ -0,0 +1,3 @@
+<div class="alert alert-{{ include.type | default: 'info' }}">
+  {{ include.content | markdownify }}
+</div>

data/_includes/chart

@@ -0,0 +1,34 @@
+<canvas class="chart" id="chart-{{ include.label | slugify }}"> </canvas>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    const ctx = document.getElementById("chart-{{ include.label | slugify }}");
+    if (!ctx) return;
+    new Chart(ctx, {
+      type: "{{ include.type | default: 'line' }}",
+      data: {
+        labels: "{{ include.labels }}".split(","),
+        datasets: [{
+          label: "{{ include.label | default: 'Dataset' }}",
+          data: "{{ include.data }}".split(",").map(Number),
+          borderColor: "{{ include.color | default: '#00bfff' }}",
+          backgroundColor: "{{ include.color | default: '#00bfff' }}33",
+          fill: true,
+          tension: 0.3,
+          borderWidth: 2,
+          pointRadius: 4,
+          pointHoverRadius: 6
+        }]
+      },
+      options: {
+        responsive: true,
+        plugins: { legend: { display: true, labels: { color: '#444444' } } },
+        scales: {
+          x: { ticks: { color: '#131313' }, grid: { color: '#111111' } },
+          y: { ticks: { color: '#131313' }, grid: { color: '#111111' } }
+        }
+      }
+    });
+  });
+</script>

data/_includes/details

@@ -0,0 +1,57 @@
+<div class="details-start" data-summary="{{ include.summary | escape }}"></div>
+
+<script>
+(function(){
+  if (window.__jekyll_details_setup) return;
+  window.__jekyll_details_setup = true;
+
+  function initDetails(){
+    const starts = document.querySelectorAll('.details-start');
+    starts.forEach(start => {
+      const summary = start.getAttribute('data-summary') || 'Detalhes';
+
+      let end = start.nextSibling;
+      while(end && !(end.nodeType === 1 && end.classList.contains('details-end'))){
+        end = end.nextSibling;
+      }
+      if(!end) return;
+
+      let node = start.nextSibling;
+      const content = [];
+      while(node && node !== end){
+        const next = node.nextSibling;
+        if(node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent.trim())){
+          content.push(node.cloneNode(true));
+        }
+        node = next;
+      }
+
+      const details = document.createElement('details');
+      const sum = document.createElement('summary');
+      sum.textContent = summary;
+      details.appendChild(sum);
+
+      const wrapper = document.createElement('div');
+      wrapper.className = 'details-content-wrapper';
+
+      content.forEach(el => wrapper.appendChild(el));
+
+      details.appendChild(wrapper);
+
+      start.parentNode.insertBefore(details, start);
+      let cur = start;
+      while(cur){
+        const next = cur.nextSibling;
+        cur.remove();
+        if(cur === end) break;
+        cur = next;
+      }
+    });
+  }
+
+  if(document.readyState === 'loading')
+    document.addEventListener('DOMContentLoaded', initDetails);
+  else
+    initDetails();
+})();
+</script>

data/_includes/enddetails

@@ -0,0 +1,2 @@
+<!-- enddetails -->
+<div class="details-end"></div>

data/_includes/endtabs

@@ -0,0 +1,2 @@
+<!-- endtabs -->
+<div class="tabs-end" aria-hidden="true"></div>

data/_includes/image

@@ -0,0 +1,61 @@
+{%- assign right_style = "float: right; margin-left: 10px;" -%}
+{%- assign left_style  = "float: left; margin-right: 10px;" -%}
+{%- assign bottom_style = "margin-bottom: 15px;" -%}
+
+{%- assign w = include.width | default: "" -%}
+{%- if w != "" -%}
+  {%- if w contains '%' -%}
+    {%- assign wrapper_width = w -%}
+  {%- elsif w contains 'px' -%}
+    {%- assign wrapper_width = w -%}
+  {%- else -%}
+    {%- assign wrapper_width = w | append: 'px' -%}
+  {%- endif -%}
+{%- else -%}
+  {%- assign wrapper_width = 'auto' -%}
+{%- endif -%}
+
+{%- if include.align == "center" -%}
+  <figure class="img-include-wrapper img-include-align-center" style="width: {{ wrapper_width }};">
+    <img
+      src="{{ include.src }}"
+      alt="{{ include.title | default: include.caption | escape }}"
+      style="display:block; width:100%; height: {{ include.height | default: 'auto' }}; border-radius: {{ include.border-radius | default: 0 }}px; border: 2px solid {{ include.border-color | default: '#ddd' }};" />
+    {%- if include.caption -%}
+      <figcaption class="img-include-caption">{{ include.caption }}</figcaption>
+    {%- endif -%}
+  </figure>
+
+{%- elsif include.align == "right" -%}
+  <figure class="img-include-wrapper img-include-align-right" style="{{ right_style }} width: {{ wrapper_width }};">
+    <img
+      src="{{ include.src }}"
+      alt="{{ include.title | default: include.caption | escape }}"
+      style="display:block; width:100%; height: {{ include.height | default: 'auto' }}; border-radius: {{ include.border-radius | default: 0 }}px; border: 2px solid {{ include.border-color | default: '#ddd' }};" />
+    {%- if include.caption -%}
+      <figcaption class="img-include-caption">{{ include.caption }}</figcaption>
+    {%- endif -%}
+  </figure>
+
+{%- elsif include.align == "left" -%}
+  <figure class="img-include-wrapper img-include-align-left" style="{{ left_style }} width: {{ wrapper_width }};">
+    <img
+      src="{{ include.src }}"
+      alt="{{ include.title | default: include.caption | escape }}"
+      style="display:block; width:100%; height: {{ include.height | default: 'auto' }}; border-radius: {{ include.border-radius | default: 0 }}px; border: 2px solid {{ include.border-color | default: '#ddd' }};" />
+    {%- if include.caption -%}
+      <figcaption class="img-include-caption">{{ include.caption }}</figcaption>
+    {%- endif -%}
+  </figure>
+
+{%- else -%}
+  <figure class="img-include-wrapper" style="width: {{ wrapper_width }};">
+    <img
+      src="{{ include.src }}"
+      alt="{{ include.title | default: include.caption | escape }}"
+      style="display:block; width:100%; height: {{ include.height | default: 'auto' }}; border-radius: {{ include.border-radius | default: 0 }}px; border: 2px solid {{ include.border-color | default: '#ddd' }};" />
+    {%- if include.caption -%}
+      <figcaption class="img-include-caption">{{ include.caption }}</figcaption>
+    {%- endif -%}
+  </figure>
+{%- endif -%}

data/_includes/layout/blog_search.html

@@ -0,0 +1,18 @@
+{%- if site.blog.search.enable -%}
+<div class="row blog-search" aria-hidden="true">
+  <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 }}">
+      <button id="blog-search__btn-clean" class="blog-search__btn-clean" type="button">
+        {{ site.text.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>
+    <ul id="blog-search__results" class="row blog-list"></ul>
+  </div>
+
+</div>
+{%- endif -%}

data/_includes/layout/data.liquid

@@ -0,0 +1,3 @@
+{%- assign project_url = "https://github.com/williamcanin/rawfeed" -%}
+{%- assign theme_name = "rawfeed" -%}
+{% assign data_cv = site.data.cv %}

data/_includes/layout/disqus.html

@@ -0,0 +1,30 @@
+{% if site.blog.post.comments.disqus.shortname != "" %}
+<div class="row comments">
+  <h1 class="comments-title">[&nbsp;{{ site.text.post.comments | default: "comments" }}&nbsp;]</h1>
+  <div class="comments-content">
+    <div id="disqus_thread"></div>
+    <script>
+        /**
+         * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES
+         */
+        var disqus_shortname = '{{ site.blog.post.comments.disqus.shortname }}';
+
+        // The unique URL for the discussion, usually the post's permalink.
+        var disqus_config = function () {
+            this.page.url = '{{ page.url | absolute_url }}'; // Replace with your full permalink
+            this.page.identifier = '{{ page.id }}'; // Unique ID for the discussion, use page.id or page.url
+            this.page.disable_ads = true; // disabled ads
+            this.page.recommendations = false; // disabled recommendations
+        };
+
+        (function() {
+            var d = document, s = d.createElement('script');
+            s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+  </div>
+</div>
+{% endif %}

data/_includes/layout/footer.html

@@ -0,0 +1,34 @@
+{%- include layout/data.liquid -%}
+
+<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">
+      <!-- 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>
+  </div>
+  {%- endif -%}
+
+  <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>
+    </div>
+    {%- endif -%}
+
+    {%- if site.text.footer.message -%}
+    <div class="col-sm">
+        <div class="footer-message">{{ site.text.footer.message }}</div>
+    </div>
+    {%- endif -%}
+
+    <div class="col-sm">
+      <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>
+    </div>
+
+  </div>
+</footer>

data/_includes/layout/giscus.html

@@ -0,0 +1,21 @@
+{%- 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>
+  <div class="row comments-content">
+    <script src="https://giscus.app/client.js"
+      data-repo="{{ site.blog.post.comments.giscus.repo }}"
+      data-repo-id="{{ site.blog.post.comments.giscus.repo_id }}"
+      data-category-id="{{ site.blog.post.comments.giscus.category_id }}"
+      data-mapping="{{ site.blog.post.comments.giscus.mapping | default: 'pathname' }}"
+      data-strict="0"
+      data-reactions-enabled="{{ site.blog.post.comments.giscus.reactions_enabled | default: 1 }}"
+      data-emit-metadata="0"
+      data-input-position="bottom"
+      data-theme="{{ site.blog.post.comments.giscus.theme_light | default: 'light' }}"
+      data-lang="{{ site.blog.post.comments.giscus.lang | default: 'en' }}"
+      crossorigin="anonymous"
+      async>
+    </script>
+  </div>
+</div>
+{%- endif -%}

data/_includes/layout/google_analytics.html

@@ -0,0 +1,11 @@
+<script>
+if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google.analytics.id }}', 'auto');
+  ga('send', 'pageview');
+}
+</script>