insights4you-jekyll-theme 0.2.0 → 0.4.0

data/_includes/header-logo.html

@@ -1,179 +0,0 @@
-<!-- BEGIN NAVBAR -->
-<header class="navbar navbar-expand-md d-print-none">
-  <div class="container-xl">
-    <!-- BEGIN NAVBAR TOGGLER -->
-    <button
-      class="navbar-toggler"
-      type="button"
-      data-bs-toggle="collapse"
-      data-bs-target="#navbar-menu"
-      aria-controls="navbar-menu"
-      aria-expanded="false"
-      aria-label="Toggle navigation"
-      title="Toggle Menu"
-    >
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <!-- END NAVBAR TOGGLER -->
-
-    <!-- BEGIN NAVBAR LOGO (SVG com fallback) -->
-    <div class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-      <a href="{{ '/' | relative_url }}">
-        {% include header-svg.html %}
-      </a>
-    </div>
-    <!-- END NAVBAR LOGO -->
-
-    <!-- BEGIN NAVBAR ICONS -->
-    <div class="navbar-nav flex-row order-md-last">
-      <!-- Botão do GitHub -->
-      <div class="nav-item d-none d-md-flex me-3">
-        <a
-          href="https://github.com/marciopaiva/insights4you-jekyll-theme"
-          class="btn btn-5"
-          target="_blank"
-          rel="noopener noreferrer"
-          aria-label="View Source Code on GitHub"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            fill="none"
-            class="icon icon-tabler icon-tabler-brand-github"
-          >
-            <path stroke="none" d="M0 0h24v24H0z" />
-            <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
-          </svg>
-          Source code
-        </a>
-      </div>
-
-      <!-- Botões de Tema -->
-      <div class="nav-item d-none d-md-flex">
-        <a
-          href="?theme=dark"
-          class="nav-link px-0 hide-theme-dark"
-          title="Dark Mode"
-          onclick="toggleTheme('dark')"
-          aria-label="Dark Mode"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            fill="none"
-            class="icon icon-1"
-          >
-            <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
-          </svg>
-        </a>
-        <a
-          href="?theme=light"
-          class="nav-link px-0 hide-theme-light"
-          title="Light Mode"
-          onclick="toggleTheme('light')"
-          aria-label="Light Mode"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            fill="none"
-            class="icon icon-1"
-          >
-            <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" />
-            <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" />
-          </svg>
-        </a>
-      </div>
-
-      <!-- Notificações Estáticas -->
-      <div class="nav-item dropdown d-none d-md-flex me-3">
-        <a
-          href="#"
-          class="nav-link px-0"
-          data-bs-toggle="dropdown"
-          aria-label="Show Notifications"
-        >
-          <svg class="icon icon-1" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none">
-            <path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" />
-            <path d="M9 17v1a3 3 0 0 0 6 0v-1" />
-          </svg>
-          <span id="notification-badge" class="badge bg-red"></span>
-        </a>
-        <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-          <div class="card">
-            <div class="card-header">
-              <h3 class="card-title">Last Updates</h3>
-            </div>
-            <div id="notifications-list" class="list-group list-group-flush"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</header>
-
-<!-- Script para Carregar Notificações -->
-
-<script>
-  document.addEventListener('DOMContentLoaded', async () => {
-    const notificationsList = document.getElementById('notifications-list');
-    const badge = document.getElementById('notification-badge');
-
-    if (!notificationsList || !badge) return;
-
-    // Dados locais (via Jekyll)
-    const localNotifications = {{ site.data.notifications | jsonify }};
-
-    // Busca notificações remotas (YAML do GitHub)
-    let remoteNotifications = [];
-    try {
-      const response = await fetch('https://raw.githubusercontent.com/marciopaiva/insights4you-jekyll-theme/main/_data/notifications.yml');
-      if (response.ok) {
-        const yamlText = await response.text();
-        remoteNotifications = jsyaml.load(yamlText) || [];
-      }
-    } catch (error) {
-      console.error('Erro ao buscar notificações remotas:', error);
-    }
-
-    // Combina e ordena (remoto + local)
-    const allNotifications = [...remoteNotifications, ...localNotifications]
-      .sort((a, b) => new Date(b.date) - new Date(a.date)) // Ordena por data
-      .slice(0, 5); // Limita a 5 notificações
-
-    // Renderiza
-    badge.textContent = allNotifications.length;
-    allNotifications.forEach(notification => {
-      const item = `
-        <div class="list-group-item">
-          <div class="row align-items-center">
-            <div class="col-auto">
-              <span class="status-dot bg-${notification.color || 'blue'} d-block"></span>
-            </div>
-            <div class="col text-truncate">
-              <a href="${notification.link}" class="text-body d-block">${notification.title}</a>
-              <div class="text-secondary">${notification.description}</div>
-            </div>
-            <div class="col-auto">
-              <a href="${notification.link}" class="list-group-item-actions" target="_blank">
-                <svg class="icon text-muted icon-2" viewBox="0 0 24 24" stroke="currentColor" fill="none">
-                  <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-      `;
-      notificationsList.innerHTML += item;
-    });
-  });
-</script>

data/_includes/header-navbar.html

@@ -1,69 +0,0 @@
-<!-- BEGIN NAVBAR  -->
-<header class="navbar-expand-md">
-  <div class="collapse navbar-collapse" id="navbar-menu">
-    <div class="navbar">
-      <div class="container-xl">
-        <div class="row flex-fill align-items-center">
-          <div class="col">
-            <!-- BEGIN NAVBAR MENU -->
-            <ul class="navbar-nav page-center">
-              <li class="nav-item active">
-                <a class="nav-link" href="./">
-                  <span class="nav-link-icon d-md-none d-lg-inline-block">
-                    <!-- Download SVG icon from http://tabler.io/icons/icon/home -->
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="24"
-                      height="24"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="icon icon-1"
-                    >
-                      <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
-                      <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
-                      <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
-                    </svg>
-                  </span>
-                  <span class="nav-link-title"> Home </span>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="./">
-                  <span class="nav-link-icon d-md-none d-lg-inline-block">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="24"
-                      height="24"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="icon icon-tabler icons-tabler-outline icon-tabler-shield-heart"
-                    >
-                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                      <path
-                        d="M12 21a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12.01 12.01 0 0 1 .378 5"
-                      />
-                      <path
-                        d="M18 22l3.35 -3.284a2.143 2.143 0 0 0 .005 -3.071a2.242 2.242 0 0 0 -3.129 -.006l-.224 .22l-.223 -.22a2.242 2.242 0 0 0 -3.128 -.006a2.143 2.143 0 0 0 -.006 3.071l3.355 3.296z"
-                      />
-                    </svg>
-                  </span>
-                  <span class="nav-link-title"> Projetos </span>
-                </a>
-              </li>
-            </ul>
-            <!-- END NAVBAR MENU -->
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</header>
-<!-- END NAVBAR  -->

data/_includes/header-svg.html

@@ -1,39 +0,0 @@
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 4000 500"
-          width="300"
-          height="50"
-          style="color: transparent;"
-        >
-          <rect
-            x="153.607"
-            y="155.37"
-            fill="null"
-            width="201.275"
-            height="201.275"
-          />
-          <g>
-            <path
-              fill="#d63939"
-              d="M354.876,371.827H153.604c-8.388,0-15.191-6.802-15.191-15.191V155.364c0-8.388,6.802-15.191,15.191-15.191h201.272c8.388,0,15.191,6.802,15.191,15.191v201.272C370.067,365.026,363.266,371.827,354.876,371.827z M168.795,341.445h170.891V170.555H168.795V341.445z"
-            />
-            <path
-              fill="#78c3e0"
-              d="M421.337,407.906H102.334V104.094h72.915c2.576,0,4.999-0.647,7.124-1.777c6.646-1.621,11.584-7.598,11.584-14.742V16.95c0-8.388-6.802-15.191-15.191-15.191c-8.388,0-15.191,6.802-15.191,15.191v56.763H87.144c-8.388,0-15.191,6.802-15.191,15.191v72.915H15.191C6.802,161.818,0,168.621,0,177.009S6.802,192.2,15.191,192.2h56.763v48.61H45.591c-8.388,0-15.191,6.802-15.191,15.191s6.802,15.191,15.191,15.191h26.362v48.61H15.191C6.802,319.8,0,326.603,0,334.991s6.802,15.191,15.191,15.191h56.763v72.915c0,8.388,6.802,15.191,15.191,15.191h72.915v56.763c0,8.388,6.802,15.191,15.191,15.191c8.388,0,15.191-6.802,15.191-15.191v-56.763h48.61v26.362c0,8.388,6.802,15.191,15.191,15.191c8.388,0,15.191-6.802,15.191-15.191v-26.362h48.61v56.763c0,8.388,6.802,15.191,15.191,15.191s15.191-6.802,15.191-15.191v-56.763h72.915c8.388,0,15.191-6.802,15.191-15.191S429.726,407.906,421.337,407.906z"
-            />
-            <path
-              fill="#1e7eeb"
-              d="M496.809,319.8h-56.763v-48.61h26.362c8.388,0,15.191-6.802,15.191-15.191s-6.802-15.191-15.191-15.191h-26.362V192.2h56.763c8.388,0,15.191-6.802,15.191-15.191c0-8.388-6.802-15.191-15.191-15.191h-56.763V88.904c0-8.388-6.802-15.191-15.191-15.191h-72.915V16.95c0-8.388-6.802-15.191-15.191-15.191S321.56,8.562,321.56,16.95v56.763h-48.61V47.351c0-8.388-6.802-15.191-15.191-15.191s-15.191,6.802-15.191,15.191v40.223c0,0.225,0.024,0.444,0.033,0.665c-0.009,0.222-0.033,0.441-0.033,0.665c0,8.388,6.802,15.191,15.191,15.191h151.906v223.285c-1.429,2.241-2.189,4.835-2.189,7.612c0,8.388,6.802,15.191,15.191,15.191h70.624c8.388,0,15.191-6.802,15.191-15.191S501.68,319.8,496.809,319.8z"
-            />
-          </g>
-          <text
-            x="600"
-            y="400"
-            font-family="Nova Square, sans-serif"
-            font-size="300"
-            font-weight="bold"
-            fill="#d63939"
-          >
-            {{ site.title }}
-          </text>
-        </svg>

data/_layouts/home.html

@@ -1,19 +0,0 @@
----
-layout: default
----
-
-<!-- Header Include -->
-{% include header-logo.html %}
-{% include header-navbar.html %}
-
-<!-- Page Wrapper -->
-<div class="page-wrapper" role="main">
-  <div class="page-body">
-    <main class="container-xl" role="main" aria-label="Main Content">
-      {{ content }}
-    </main>
-  </div>
-</div>
-
-<!-- Footer Include -->
-{% include footer.html %}

data/assets/css/theme.min.css

@@ -1,90 +0,0 @@
-/* Variáveis Globais */
-:root {
-  --tblr-font-sans: 'Nova Square', Arial, sans-serif;
-  --tblr-font-mono: 'Syne Mono', monospace;
-}
-
-body {
-  font-family: var(--tblr-font-sans);
-  font-size: 1rem;
-  line-height: 1.6;
-  color: var(--tblr-body-color);
-}
-
-.browser {
-  width: 100%;
-  margin: 0 auto;
-  border-radius: 12px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-}
-
-/* Browser Header */
-.browser-header {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-}
-
-.browser-dots {
-  display: flex;
-  gap: 6px;
-  margin-right: 10px;
-}
-
-.browser-dot {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-}
-
-.red {
-  background-color: #ff5f56;
-}
-
-.yellow {
-  background-color: #ffbd2e;
-}
-
-.green {
-  background-color: #27c93f;
-}
-
-/* Estilo da Barra de Endereços */
-.url-bar {
-  flex-grow: 1;
-  display: flex;
-  align-items: center;
-  border: 1px solid #e5e7eb;
-  border-radius: 6px;
-  padding: 4px 8px;
-  background-color: #fff;
-}
-
-.browser-input {
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  color: #6b7280;
-  font-size: 14px;
-  gap: 8px;
-  width: 100%;
-}
-
-.browser-input svg {
-  width: 16px;
-  height: 16px;
-  fill: currentColor;
-}
-
-/* Browser Content */
-.browser-content {
-  padding: 10px;
-  text-align: center;
-}
-
-.browser-image {
-  width: 100%;
-  height: auto;
-  border-radius: 8px;
-}