new footer (1)

Author: EnriquePH

_quarto.yml

@@ -1,8 +1,7 @@
 #────────────────────────────────────────────────────────────────
-# Main website config
+# Configuración principal del sitio Quarto
 # file: _quarto.yml
-# ───────────────────────────────────────────────────────────────
-
+#────────────────────────────────────────────────────────────────
 project:
   type: website
   output-dir: _site
@@ -12,59 +11,59 @@ project:
 
 execute:
   freeze: auto
-  #cache: true
 
 website:
-  title: "[energycode]"
+  title: "EnergyCode"
+  description: "Personal blog focused on Data Science, Applied Mathematics, Engineering, and Programming with R and Python"
   site-url: "https://www.energycode.org"
   repo-url: "https://github.com/EnriquePH/energycode.org"
   repo-branch: main
   repo-actions: [edit, source, issue]
-  description: >
-    My personal blog on Data Science, Mathematics, Engineering and Programming
   google-analytics: "G-6P3MCX2KHD"
   favicon: /img/logo/favicon.ico
 
-# Main menu and tools
   navbar:
     background: primary
     search: true
-    tools:
+
+    left:
+      - href: index.qmd
+        text: Home
+      - href: projects.qmd
+        text: Projects
+      - href: about.qmd
+        text: About
+
+    right:
       - icon: github
         href: https://github.com/EnriquePH
         aria-label: "GitHub"
       - icon: stack-overflow
-        href: https://stackoverflow.com/users/4678112/enrique-p%c3%a9rez-herrero
+        href: https://stackoverflow.com/users/4678112/enrique-perez-herrero
+        aria-label: "Stack Overflow"
       - icon: twitter-x
         href: https://twitter.com/energycodeorg
+        aria-label: "X / Twitter"
       - icon: envelope-at
         href: mailto:energycode.org@gmail.com
-        aria-label: "email"
-    left:
-      - index.qmd
-      - projects.qmd
-      - about.qmd
-
+        aria-label: "Email"
 format:
   html:
     theme:
       light: lux
-      dark:  darkly
+      dark: darkly
     css: styles.css
-
     toc: true
     toc-depth: 3
     number-sections: true
     code-fold: show
     code-copy: hover
     code-overflow: wrap
-    highlight-style: github
-
-    # Mejora la accesibilidad y apariencia
-    anchor-sections: true
-    link-external-icon: true
+    highlight-style: atom-one
+    anchor-sections: false
+    link-external-icon: false
     link-external-newwindow: true
+    include-after-body: partials/_footer.html
 
-# Default editor
 editor: source
 email-obfuscation: javascript

_site/TODO.html

@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>todo – [energycode]</title>
+<title>todo – EnergyCode</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -34,14 +34,13 @@
 <script src="site_libs/quarto-html/quarto.js"></script>
 <script src="site_libs/quarto-html/popper.min.js"></script>
 <script src="site_libs/quarto-html/tippy.umd.min.js"></script>
-<script src="site_libs/quarto-html/anchor.min.js"></script>
 <link href="site_libs/quarto-html/tippy.css" rel="stylesheet">
-<link href="site_libs/quarto-html/quarto-syntax-highlighting-0626ff4d7a71b55c8707dcae1d04a9b6.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-text-highlighting-styles">
-<link href="site_libs/quarto-html/quarto-syntax-highlighting-dark-e25cc82807363e79c52e96bc8b7855f1.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
+<link href="site_libs/quarto-html/quarto-syntax-highlighting-e8fb9d25728d58bfeac61b497e4a6629.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-text-highlighting-styles">
+<link href="site_libs/quarto-html/quarto-syntax-highlighting-dark-57a92833092fd6dc0d7710b6bdfff9c5.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-b5a2fd160fcdb99563bf1c6a167817de.min.css" rel="stylesheet" append-hash="true" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
-<link href="site_libs/bootstrap/bootstrap-dark-6bba9c441353dff127c6ffe133358c00.min.css" rel="prefetch" append-hash="true" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
+<link href="site_libs/bootstrap/bootstrap-ee76af1bcef5aea4eed2677d7224456e.min.css" rel="stylesheet" append-hash="true" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-dark-60fdd9dab68af1b440fe3b1e9cb0de33.min.css" rel="prefetch" append-hash="true" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -91,7 +90,7 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">[energycode]</span>
+    <span class="navbar-title">EnergyCode</span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>
@@ -102,7 +101,7 @@
             <ul class="navbar-nav navbar-nav-scroll me-auto">
   <li class="nav-item">
     <a class="nav-link" href="./index.html"> 
-<span class="menu-text">Blog</span></a>
+<span class="menu-text">Home</span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="./projects.html"> 
@@ -112,13 +111,31 @@
     <a class="nav-link" href="./about.html"> 
 <span class="menu-text">About</span></a>
   </li>  
+</ul>
+            <ul class="navbar-nav navbar-nav-scroll ms-auto">
+  <li class="nav-item compact">
+    <a class="nav-link" href="https://github.com/EnriquePH"> <i class="bi bi-github" role="img" aria-label="GitHub">
+</i> 
+<span class="menu-text"></span></a>
+  </li>  
+  <li class="nav-item compact">
+    <a class="nav-link" href="https://stackoverflow.com/users/4678112/enrique-perez-herrero"> <i class="bi bi-stack-overflow" role="img" aria-label="Stack Overflow">
+</i> 
+<span class="menu-text"></span></a>
+  </li>  
+  <li class="nav-item compact">
+    <a class="nav-link" href="https://twitter.com/energycodeorg"> <i class="bi bi-twitter-x" role="img" aria-label="X / Twitter">
+</i> 
+<span class="menu-text"></span></a>
+  </li>  
+  <li class="nav-item compact">
+    <a class="nav-link" href="mailto:energycode.org@gmail.com"> <i class="bi bi-envelope-at" role="img" aria-label="Email">
+</i> 
+<span class="menu-text"></span></a>
+  </li>  
 </ul>
           </div> <!-- /navcollapse -->
-            <div class="quarto-navbar-tools tools-wide">
-    <a href="https://github.com/EnriquePH" title="" class="quarto-navigation-tool px-1" aria-label="GitHub"><i class="bi bi-github"></i></a>
-    <a href="https://stackoverflow.com/users/4678112/enrique-p%c3%a9rez-herrero" title="" class="quarto-navigation-tool px-1" aria-label=""><i class="bi bi-stack-overflow"></i></a>
-    <a href="https://twitter.com/energycodeorg" title="" class="quarto-navigation-tool px-1" aria-label=""><i class="bi bi-twitter-x"></i></a>
-    <a href="mailto:energycode.org@gmail.com" title="" class="quarto-navigation-tool px-1" aria-label="email"><i class="bi bi-envelope-at"></i></a>
+            <div class="quarto-navbar-tools">
   <a href="" class="quarto-color-scheme-toggle quarto-navigation-tool  px-1" onclick="window.quartoToggleColorScheme(); return false;" title="Toggle dark mode"><i class="bi"></i></a>
 </div>
       </div> <!-- /container-fluid -->
@@ -151,19 +168,19 @@ <h2 id="toc-title">On this page</h2>
 <section id="energycode.org-todo.md" class="level1" data-number="1">
 <h1 data-number="1"><span class="header-section-number">1</span> energycode.org TODO.md</h1>
 <section id="todo" class="level3" data-number="1.0.1">
-<h3 data-number="1.0.1" class="anchored" data-anchor-id="todo"><span class="header-section-number">1.0.1</span> Todo</h3>
+<h3 data-number="1.0.1" data-anchor-id="todo"><span class="header-section-number">1.0.1</span> Todo</h3>
 <ul class="task-list">
 <li><label><input type="checkbox">OEIS.R package</label></li>
 </ul>
 </section>
 <section id="in-progress" class="level3" data-number="1.0.2">
-<h3 data-number="1.0.2" class="anchored" data-anchor-id="in-progress"><span class="header-section-number">1.0.2</span> In Progress</h3>
+<h3 data-number="1.0.2" data-anchor-id="in-progress"><span class="header-section-number">1.0.2</span> In Progress</h3>
 <ul class="task-list">
 <li><label><input type="checkbox">Post about blog features</label></li>
 </ul>
 </section>
 <section id="done" class="level3" data-number="1.0.3">
-<h3 data-number="1.0.3" class="anchored" data-anchor-id="done"><span class="header-section-number">1.0.3</span> Done</h3>
+<h3 data-number="1.0.3" data-anchor-id="done"><span class="header-section-number">1.0.3</span> Done</h3>
 <ul class="task-list">
 <li><label><input type="checkbox" checked="">Add analytics</label></li>
 <li><label><input type="checkbox" checked="">Design a blog logo</label></li>
@@ -182,6 +199,51 @@ <h3 data-number="1.0.3" class="anchored" data-anchor-id="done"><span class="head
 </section>
 
 </main> <!-- /main -->
+<!-- partials/_footer.html -->
+<footer class="quarto-footer">
+  <div class="quarto-footer-left">
+    © 2024–2026 Enrique Pérez Herrero
+  </div>
+  <div class="quarto-footer-right">
+    <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">
+      CC BY-SA 4.0
+    </a>
+    &nbsp;•&nbsp;
+    <a href="https://github.com/EnriquePH/energycode.org/blob/main/LICENSE" target="_blank">
+      Code License (MIT)
+    </a>
+  </div>
+</footer>
+
+<style>
+  .quarto-footer {
+    margin-top: 3rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--bs-border-color);
+    font-size: 0.9em;
+    color: var(--bs-secondary-color);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .quarto-footer-left,
+  .quarto-footer-right {
+    flex: 1;
+  }
+  .quarto-footer-right {
+    text-align: right;
+  }
+  @media (max-width: 768px) {
+    .quarto-footer {
+      flex-direction: column;
+      gap: 0.8rem;
+      text-align: center;
+    }
+    .quarto-footer-right {
+      text-align: center;
+    }
+  }
+</style>
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -346,13 +408,6 @@ <h3 data-number="1.0.3" class="anchored" data-anchor-id="done"><span class="head
   } else {
     toggleColorMode(false);
   }
-  const icon = "";
-  const anchorJS = new window.AnchorJS();
-  anchorJS.options = {
-    placement: 'right',
-    icon: icon
-  };
-  anchorJS.add('.anchored');
   const isCodeAnnotation = (el) => {
     for (const clz of el.classList) {
       if (clz.startsWith('code-annotation-')) {                     
@@ -435,8 +490,6 @@ <h3 data-number="1.0.3" class="anchored" data-anchor-id="done"><span class="head
           if (link.getAttribute("rel") === null) {
             link.setAttribute("rel", "noopener");
           }
-          // default icon
-          link.classList.add("external");
       }
     }
   function tippyHover(el, contentFn, onTriggerFn, onUntriggerFn) {