rebuild from zero again!

.github/workflows/cloudflare-purge.yml

@@ -0,0 +1,20 @@
+name: 👾 Purge Cache on Cloudflare
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  purge_cache:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Purge Cache on Cloudflare
+        uses: jakejarvis/cloudflare-purge-action@master
+        env:
+          CLOUDFLARE_ZONE: ${{ secrets.CLOUDFLARE_ZONE }}
+          CLOUDFLARE_TOKEN: ${{ secrets.CLOUDFLARE_TOKEN }}

.github/workflows/master.yml

@@ -0,0 +1,19 @@
+on:
+  push:
+    branches:
+      - main
+name: 🚀 Deploy website on push
+jobs:
+  web-deploy:
+    name: 🎉 Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: 🚚 Get latest code
+      uses: actions/checkout@v2
+
+    - name: 📂 Sync files
+      uses: SamKirkland/[email protected]
+      with:
+        server: ftp.borishrncic.com
+        username: ${{ secrets.ftp_username }}
+        password: ${{ secrets.ftp_password }}

.github/workflows/staging.yml

@@ -0,0 +1,19 @@
+on:
+  push:
+    branches:
+      - staging
+name: 🚀 Deploy website on push
+jobs:
+  web-deploy:
+    name: 🎉 Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: 🚚 Get latest code
+      uses: actions/checkout@v2
+
+    - name: 📂 Sync files
+      uses: SamKirkland/[email protected]
+      with:
+        server: ftp.borishrncic.com
+        username: ${{ secrets.ftp_stg_username }}
+        password: ${{ secrets.ftp_stg_password }}

app/cookies.css

@@ -0,0 +1,97 @@
+/*///////////// COOKIES MODAL START /////////////*/
+
+div#cookies-modal-container {
+    display: flex;
+    justify-content: center;
+  }
+
+  div#cookies-modal {
+    position: fixed;
+    bottom: 16px;
+    right: 16px;
+    width: 250px;
+    display: flex !important;
+    background: rgba(255, 255, 255, 0.85);
+    padding: 20px 20px 10px;
+    border-radius: 3px;
+    backdrop-filter: blur(6px);
+    z-index: 10;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    align-content: center;
+  }
+
+  div#cookies-title {
+    color: #000;
+    align-items: baseline;
+    gap: 6px;
+  }
+
+  div#cookies-title small {
+    color: #00000082;
+  }
+
+  div#cookies-modal-buttons {
+    margin-top: 15px;
+    margin-bottom: 10px;
+  }
+
+  @media (min-width: 768px) {
+
+    div#cookies-modal {
+      justify-content: space-between;
+      bottom: 20px;
+    }
+
+  }
+
+  div#cookies-modal a {
+    color: #000;
+    border-bottom: 2px dotted #7537f8;
+  }
+
+  div#cookies-modal a:hover {
+    color: #000;
+    border-bottom: 2px solid #7537f8;
+  }
+
+
+  div#cookies-modal button {
+    padding: 7px 24px 3px;
+    border: 2px solid #fdb0bb;
+    border-radius: 4px;
+    background: #fdfdfd;
+    letter-spacing: 0;
+    color: #fdb0bb;
+    text-transform: uppercase;
+    font-size: 1rem;
+    opacity: 0.8;
+  }
+
+  div#cookies-modal button {
+    float: right;
+    color: #000;
+    border-color: #00000052;
+    background: rgba(255, 255, 255, 0.508);
+    font-size: 0.9rem;
+    font-family: 'BiotifMedium';
+    border-width: 2px;
+  }
+
+  div#cookies-modal button:hover {
+    background: white;
+    color: #444444;
+    box-shadow: none;
+  }
+
+  div#cookies-modal button:first-child {
+    margin-left: 6px;
+  }
+
+  div#cookies-modal.cookies-d-none {
+    display: none !important;
+  }
+
+  /*///////////// COOKIES MODAL END /////////////*/

app/current-page.js

@@ -0,0 +1,38 @@
+document.addEventListener("DOMContentLoaded", function () {
+    let currentPage = window.location.pathname;
+    /* console.log(currentPage); */
+    let navLinks = document.querySelectorAll('.hello-nav a');
+    navLinks.forEach(link => {
+        /* console.log(link.getAttribute('href')); */
+        if (link.getAttribute('href') === currentPage) {
+            link.classList.add('current-page');
+        }
+    })
+});
+
+// planeo remplazar con sticky
+/* // hello-nav position  when scrolling down
+document.addEventListener('DOMContentLoaded', function () {
+    let nav = document.querySelector("#navbar");
+    let navHamb = document.querySelector('.nav-hamburger');
+    let navcloser = document.querySelector('.nav-close');
+    let navLinks = document.querySelector('.nav-links');
+
+    window.addEventListener('scroll', function () {
+        let scroll = window.scrollY;
+
+            if (scroll >= 60) {
+                nav.style.top = '-30px';
+                navHamb.style.top = '15px';
+                navcloser.style.top = '15px';
+                navLinks.style.paddingTop = '90px';
+            } else {
+                nav.style.top = '12px';
+                navHamb.style.top = '60px';
+                navcloser.style.top = '60px';
+                navLinks.style.paddingTop = '135px';
+            }
+    });
+});
+ */
+console.log('current-page.js loaded!!')

app/docs-mobile-nav-v2-local.js

@@ -0,0 +1,54 @@
+console.log("Soy el docs-mobile-nav-v2-local.js");
+
+/* Mobile nav */
+
+const opener = document.querySelector('.hamburger')
+const closer = document.querySelector('.close')
+const nav = document.getElementById('navbar')
+let navItems = navbar.querySelectorAll("li");
+
+
+opener.addEventListener('click', () => {
+	nav.classList.add('open-nav')
+	closer.classList.add('open-nav')
+	opener.classList.add('close-nav')
+})
+closer.addEventListener('click', () => {
+	nav.classList.remove('open-nav')
+	closer.classList.remove('open-nav')
+	opener.classList.remove('close-nav')
+})
+
+if (window.innerWidth <= 768) {
+    navItems.forEach(item => {
+        item.addEventListener('click', () => {
+            nav.classList.remove('open-nav');
+            closer.classList.remove('open-nav');
+            opener.classList.remove('close-nav');
+        });
+    });
+}
+
+/* hamburge menu scroll obdserver */
+document.addEventListener("DOMContentLoaded", function() {
+    let hamburger = document.querySelector(".hamburger");
+    let close = document.querySelector(".close");
+
+    window.addEventListener("scroll", function() {
+        let scroll = window.scrollY || document.documentElement.scrollTop;
+
+        if (window.innerWidth < 426) {
+            if (scroll >= 40) {
+                console.log("scroll");
+                hamburger.style.top = "12px";
+                close.style.top = "12px";
+            } else {
+                hamburger.style.top = "47px";
+                close.style.top = "47px";
+            }
+        }
+    });
+});
+
+
+

app/docs-nav-v3.js

@@ -0,0 +1,110 @@
+console.log("Soy el docs-nav-v3.js");
+
+/* eventListener para el hello-nav para manejar el display con clases */
+
+const navOpener = document.querySelector('.nav-hamburger')
+const navCloser = document.querySelector('.nav-close')
+const navLinks = document.querySelector('.nav-links')
+
+navOpener.addEventListener('click', () => {
+    navLinks.classList.add('open-nav')
+/*     navCloser.classList.add('open-nav') */
+    /* navOpener.classList.add('close-nav') */
+})
+navCloser.addEventListener('click', () => {
+    navLinks.classList.remove('open-nav')
+/*     navCloser.classList.remove('open-nav')
+    navOpener.classList.remove('close-nav') */
+})
+
+/* Agrega el .position-fixed al nav */
+
+document.addEventListener("DOMContentLoaded", function () {
+    let nav = document.querySelector(".nav-links");
+    let buttons = document.querySelector(".nav-buttons");
+
+    window.addEventListener("scroll", function () {
+        let scroll = window.scrollY;
+
+        if (window.innerWidth > 768) {
+            if (scroll >= 60) {
+                nav.classList.add("position-fixed");
+            } else {
+                nav.classList.remove("position-fixed");
+            }
+        }
+
+        if (scroll >= 60) {
+            buttons.style.top = '18px';
+        } else {
+            buttons.style.top = '55px';
+        }
+    });
+});
+
+
+
+
+/* end position fixed on nav */
+
+/* Mobile nav Scroll observer for nav-title active */
+const menuItems = document.querySelectorAll('#navbar ul li a');
+const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+        const targetId = entry.target.getAttribute('id');
+        if (entry.isIntersecting) {
+            menuItems.forEach((menuItem) => {
+                menuItem.classList.remove('active');
+                if (menuItem.getAttribute('href') === `#${targetId}`) {
+                    menuItem.classList.add('active');
+                }
+            });
+        }
+    });
+}, {
+    threshold: 0.1
+});
+
+const sections = document.querySelectorAll('section:not(:first-of-type)');
+sections.forEach((section) => {
+    observer.observe(section);
+});
+/* END mobile nav scroll observer for nat-title active */
+
+
+
+
+
+
+
+/* if (window.innerWidth <= 768) {
+    navItems.forEach(item => {
+        item.addEventListener('click', () => {
+            nav.classList.remove('open-nav');
+            closer.classList.remove('open-nav');
+            opener.classList.remove('close-nav');
+        });
+    });
+} */
+
+/* hamburger menu scroll obdserver */
+/* document.addEventListener("DOMContentLoaded", function() {
+    let navHamburger = document.querySelector(".nav-hamburger");
+    let close = document.querySelector(".nav-close");
+
+    window.addEventListener("scroll", function() {
+        let scroll = window.scrollY || document.documentElement.scrollTop;
+
+        if (window.innerWidth < 426) {
+            if (scroll >= 40) {
+                console.log("scroll");
+                hamburger.style.top = "12px";
+                close.style.top = "12px";
+            } else {
+                hamburger.style.top = "47px";
+                close.style.top = "47px";
+            }
+        }
+    });
+});
+ */