update almost everything

github/Badges.html → .github/BADGES.md

@@ -1,19 +1,18 @@
-<!-- Badges for Website repositories -->
-
-<p align="right">
-  <img src="https://img.shields.io/github/languages/code-size/semanticdata/[this-repo]" />
-  <img src="https://img.shields.io/github/repo-size/semanticdata/[this-repo]" />
-  <img src="https://img.shields.io/github/commit-activity/t/semanticdata/[this-repo]" />
-  <img src="https://img.shields.io/github/last-commit/semanticdata/[this-repo]" />
-  <img src="https://img.shields.io/website/https/miguelpimentel.do.svg" />
-</p>
-
-<!-- Badges for Firefox extension repositories -->
-<p align=center>
-  <img alt="Mozilla Add-on"
-    src="https://img.shields.io/amo/v/%7Ba16c3799-d903-44e3-b044-a032197f5ef8%7D?style=for-the-badge">
-  <img src="https://img.shields.io/amo/rating/%7Ba16c3799-d903-44e3-b044-a032197f5ef8%7D?style=for-the-badge" />
-  <img src="https://img.shields.io/amo/dw/%7Ba16c3799-d903-44e3-b044-a032197f5ef8%7D?style=for-the-badge" />
-  <img src="https://img.shields.io/amo/users/%7Ba16c3799-d903-44e3-b044-a032197f5ef8%7D?style=for-the-badge" />
-  <img src="https://img.shields.io/github/license/datastring/firefox-telegram-in-sidebar?style=for-the-badge" />
-</p>
+<!-- Badges for Website repositories -->
+<p align="right">
+  <img src="https://img.shields.io/github/languages/code-size/semanticdata/[this-repo]" />
+  <img src="https://img.shields.io/github/repo-size/semanticdata/[this-repo]" />
+  <img src="https://img.shields.io/github/commit-activity/t/semanticdata/[this-repo]" />
+  <img src="https://img.shields.io/github/last-commit/semanticdata/[this-repo]" />
+  <img src="https://img.shields.io/website/https/miguelpimentel.do.svg" />
+</p>
+
+<!-- Badges for Firefox extension repositories -->
+<p align=center>
+  <img alt="Mozilla Add-on"
+    src="https://img.shields.io/amo/v/{a16c3799-d903-44e3-b044-a032197f5ef8}?style=for-the-badge">
+  <img src="https://img.shields.io/amo/rating/{a16c3799-d903-44e3-b044-a032197f5ef8}?style=for-the-badge" />
+  <img src="https://img.shields.io/amo/dw/{a16c3799-d903-44e3-b044-a032197f5ef8}?style=for-the-badge" />
+  <img src="https://img.shields.io/amo/users/{a16c3799-d903-44e3-b044-a032197f5ef8}?style=for-the-badge" />
+  <img src="https://img.shields.io/github/license/datastring/firefox-telegram-in-sidebar?style=for-the-badge" />
+</p>

github/workflows/build-test-zola.yml → .github/workflows/build-check-zola.yml

@@ -3,7 +3,7 @@ name: Zola only Build
 on:
   # push:
   #   branches:
-  #     - main 
+  #     - main
   pull_request:
   workflow_dispatch:
 

.github/workflows/deploy-zola-diff-root-folder.yml

@@ -0,0 +1,50 @@
+name: Zola - Build from Docs (folder) and Deploy to GH Pages
+
+on:
+  # push:
+  #   branches:
+  #     - main
+  # pull_request:
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    # if: github.ref != 'refs/heads/main'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Zola
+        uses: taiki-e/install-action@zola
+      - name: Build Zola
+        run: zola --root docs build
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Upload artifact
+        uses: semanticdata/upload-pages-artifact@v0.1.0
+        with:
+          path: ./docs/public
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: semanticdata/deploy-pages@v0.1.0

README-model.md

@@ -1,65 +1,35 @@
-<p align="right">
+<h1 align="center">Project Name
+</h1>
+
+<p align="center">
   <img src="https://img.shields.io/github/languages/code-size/semanticdata/[this-repo]" />
   <img src="https://img.shields.io/github/repo-size/semanticdata/[this-repo]" />
   <img src="https://img.shields.io/github/commit-activity/t/semanticdata/[this-repo]" />
   <img src="https://img.shields.io/github/last-commit/semanticdata/[this-repo]" />
   <img src="https://img.shields.io/website/https/semanticdata.github.io/[this-repo].svg" />
 </p>
 
-# Project Name
-
-Project description.
-
-Check out a live [Demo] of the theme.
+## Introduction
 
+Project description.  
+Check out a live [Demo] of the theme.  
 Why the project is named like it is.
 
 ## Features
 
-While working on the theme, I have added new functionality and quality of life improvements. Here's a short non-conclusive list:
-
-- Feature
+- Feature 1
+- Feature 2
+- Feature 3
 
 ## Screenshots
 
 | Desktop | Mobile |
 | :-----: | :----: |
 | ![website screenshot](screenshots/screenshot-index-dark.png) | ![website screenshot](screenshots/screenshot-mobile.png) |
 
-## Requirements
-
-Before using the theme, you need to install [Zola](https://www.getzola.org/documentation/getting-started/installation/) ≥ 0.17.2.
-
-## Quick Start
-
-```bash
-git clone git@github.com:semanticdata/[this-repo].git
-cd [this-repo]
-zola serve
-# open http://127.0.0.1:1111/ in the browser
-```
-
-## Customization
-
-You can customize your configurations, templates and content for yourself. Look at the `config.toml`, and templates files in this repo for an idea.
-
-In most cases you only need to modify the content in the `config.toml` file to
-customize your blog.
-
-### Custom CSS styles
-
-Adding your custom css is as easy as adding your own styles to the `sass/_custom.scss` file.
-
-## Useful Commands
-
-| Command                    | Description                |
-| -------------------------- | -------------------------- |
-| `zola build`               | Build only                 |
-| `zola serve`               | Build and Serve            |
-
 ## Reporting Issues
 
-We use GitHub Issues as the official bug tracker for **[this-repo]**. Please
+We use GitHub Issues as the official bug tracker for [this-repo]. Please
 search [existing issues](https://github.com/semanticdata/[this-repo]/issues). It’s
 possible someone has already reported the same problem.
 
@@ -70,14 +40,10 @@ If your problem or idea is not addressed yet, [open a new issue](https://github.
 We'd love your help! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) to learn
 about the kinds of contributions we're looking for.
 
-## Acknowledgements and Attributions
+## Acknowledgments
 
-Icons used come from [UXWing](https://uxwing.com/license/).
+Icons used for all my extensions are part of <a href="https://uxwing.com/">UXWing</a>'s collection. Take a look at their <a href="https://uxwing.com/license">license</a>.
 
 ## License
 
 Source code in this repository is available under the [MIT](LICENSE) license. You are free to use this code however you see fit. That said, some acknowledgement would be well received.
-
-## License
-
-Source code is available under [MIT](LICENSE).

README.md

@@ -1,4 +1,4 @@
-<h1 align="center">dotfiles</h1>
+<h1 align="center">⚙dotfiles</h1>
 
 <p align="center">
   <img src="https://img.shields.io/github/languages/code-size/semanticdata/dotfiles" />
@@ -11,8 +11,12 @@
 
 Opinionated compilation of configuration files and other loosely related items.
 
-It includes:
+This document includes the following sections:
+
 - [Firefox](#firefox)
+- [GitHub](#github)
+- [Obsidian](#obsidian)
+- [NeoVim](#neovim)
 
 ## Firefox
 

partials/card-minimalistic.html

@@ -0,0 +1,6 @@
+<div class="card-minimalistic">
+  <h3>Some Title</h3>
+  <p><b>Minnesota</b>, US<br>
+    Some Text</p>
+  <a href="#"><span class="card-link-spanner"></span></a>
+</div>

partials/card.html

@@ -0,0 +1,12 @@
+<div class="card">
+  <div class="card-image loading">
+    <img alt="Card Background Image"
+      src="https://raw.githubusercontent.com/AsmrProg-YT/css-widgets/master/widget%20%234/1.jpg">
+  </div>
+  <a href="#" class="card-header loading">Card Title Here
+  </a>
+  <p class="card-info loading">
+    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque voluptatem necessitatibus omnis corrupti facere
+    distinctio sapiente tempore aperiam, iste numquam ut quas atque nam corporis architecto vel error perferendis aut.
+  </p>
+</div>

partials/hamburger.html

@@ -0,0 +1,5 @@
+<div class="hamburger-menu">
+  <div class="bar top"></div>
+  <div class="bar middle"></div>
+  <div class="bar bottom"></div>
+</div>

web-dev/head.html → partials/head.html

@@ -1,16 +1,20 @@
 <head>
+
   <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" itemprop="about" content="{{config.description}}">
   <link rel="stylesheet" href="{{ get_url(path="main.css") | safe }}">
   {# <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700"> #}
   <title>{% block title %}{{ config.title }}{% endblock title %}</title>
   <meta name="description" itemprop="about" content="{{config.description}}">
-  <link rel="icon" type="image/png" sizes="32x32" href="{{ get_url(path="assets/favicon-32x32.png") | safe }}">
-  <link rel="icon" type="image/png" sizes="16x16" href="{{ get_url(path="assets/favicon-16x16.png") | safe }}">
-  <link rel="apple-touch-icon" sizes="180x180" href="{{ get_url(path="assets/apple-touch-icon.png") | safe }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ get_url(path=" assets/favicon-32x32.png") | safe }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ get_url(path=" assets/favicon-16x16.png") | safe }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ get_url(path=" assets/apple-touch-icon.png") | safe }}">
 
   {% if config.generate_feed %}
-  <link type="application/atom+xml" rel="alternate" href="{{ get_url(path=config.feed_filename | default(value="atom.xml")) | safe }}" title="{{ config.title | default(value=" Mabuya") }}" />
+  <link type="application/atom+xml" rel="alternate" href="{{ get_url(path=config.feed_filename | default(value="
+    atom.xml")) | safe }}" title="{{ config.title | default(value=" Mabuya") }}" />
   {% endif %}
 
 </head>

partials/music-player.html

@@ -0,0 +1,27 @@
+<div class="background">
+  <img src="" id="bg-img">
+</div>
+
+<div class="contenedor">
+  <div class="player-img">
+    <img src="" class="active" id="cover">
+  </div>
+
+  <h2 id="music-title"></h2>
+  <h3 id="music-artist"></h3>
+
+  <div class="player-progress" id="player-progress">
+    <div class="progress" id="progress"></div>
+    <div class="music-duration">
+      <span id="current-time">0:00</span>
+      <span id="duration">0:00</span>
+    </div>
+  </div>
+
+  <div class="player-controls">
+    <i class="fa-solid fa-backward" title="Previous" id="prev"></i>
+    <i class="fa-solid fa-play play-button" title="Play" id="play"></i>
+    <i class="fa-solid fa-forward" title="Next" id="next"></i>
+  </div>
+
+</div>

partials/music.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block pagetitle %}
+<h1>{{ page.title }}</h1>
+{% endblock pagetitle %}
+
+{% block content %}
+{{ page.content | safe }}
+{# {% include "partials/music-player.html" %} #}
+{% endblock content %}

sass/_card.scss

@@ -0,0 +1,64 @@
+.card {
+  max-width: 380px;
+  background: var(--color-card-background);
+  box-shadow: var(--box-shadow);
+  padding: 1.3rem;
+  border-radius: 0.5rem;
+  transition: all 0.3s ease;
+}
+
+.card .card-image {
+  margin-bottom: 1rem;
+}
+
+.card .card-image img {
+  width: 100%;
+  aspect-ratio: 4 / 3;
+  object-fit: cover;
+  border-radius: 0.25rem;
+}
+
+.card-header {
+  color: var(--color-header);
+  font-size: 1.25rem;
+  text-decoration: none;
+  font-weight: 600;
+  display: inline-block;
+  margin-bottom: 0.25rem;
+}
+
+.card-info {
+  color: var(--color-info);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.loading {
+  position: relative;
+}
+
+.loading::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 0.25rem;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  background: var(--color-gradient);
+  background-size: 200%;
+  animation: loading 1s infinite reverse;
+}
+
+@keyframes loading {
+  0% {
+    background-position: -100% 0;
+  }
+  100% {
+    background-position: 100% 0;
+  }
+}F

sass/_code.scss

@@ -0,0 +1,21 @@
+@use "vars";
+
+pre,
+code {
+  border: 1px solid vars.$border-color;
+  background-color: vars.$background-color;
+  border-radius: 4px;
+}
+
+code {
+  padding: 1px 2px;
+}
+
+pre {
+  padding: 0.25rem 0.5rem;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+  }
+}