templating phase i

2025-11-12 18:26:18 +00:00
parent be04b2dbc2
commit d36b67d1f1
30 changed files with 1799 additions and 757 deletions
@@ -0,0 +1,42 @@
+{{define "cv-footer"}}
+<!-- Footer - Only on Page 2 -->
+<footer class="cv-footer">
+    <ul class="footer-content">
+        <li>
+            <div class="footer-label">linkedin_</div>
+            <div class="footer-separator"><i class="fa fa-circle"></i></div>
+            <div class="footer-value">
+                <a href="{{.CV.Personal.LinkedIn}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.LinkedIn}}</a>
+            </div>
+        </li>
+        <li>
+            <div class="footer-label">github_</div>
+            <div class="footer-separator"><i class="fa fa-circle"></i></div>
+            <div class="footer-value">
+                <a href="{{.CV.Personal.GitHub}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.GitHub}}</a>
+            </div>
+        </li>
+        <li>
+            <div class="footer-label">domestika_</div>
+            <div class="footer-separator"><i class="fa fa-circle"></i></div>
+            <div class="footer-value">
+                <a href="{{.CV.Personal.Domestika}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.Domestika}}</a>
+            </div>
+        </li>
+        <li>
+            <div class="footer-label">email@</div>
+            <div class="footer-separator"><i class="fa fa-circle"></i></div>
+            <div class="footer-value">
+                <a href="mailto:{{.CV.Personal.Email}}" target="_blank" rel="noopener noreferrer">{{.CV.Personal.Email}}</a>
+            </div>
+        </li>
+        <li>
+            <div class="footer-label">phone#</div>
+            <div class="footer-separator"><i class="fa fa-circle"></i></div>
+            <div class="footer-value">
+                <a href="tel:+34676875420" target="_blank" rel="noopener noreferrer">+34 676 875 420</a>
+            </div>
+        </li>
+    </ul>
+</footer>
+{{end}}
@@ -0,0 +1,13 @@
+{{define "page-footer"}}
+<!-- Footer (hidden in print) -->
+<footer class="no-print">
+    <p style="text-align: center; margin-bottom: 0.5rem;">
+        <a href="https://github.com/juanatsap/cv-site" target="_blank" rel="noopener noreferrer" class="github-repo-link" style="text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem;">
+            <iconify-icon icon="mdi:github" width="20" height="20"></iconify-icon>
+            {{if eq .Lang "es"}}Ver este proyecto en GitHub{{else}}View this project on GitHub{{end}}
+        </a>
+    </p>
+    <p>© {{.CV.Meta.LastUpdated}} {{.CV.Personal.Name}} |
+    {{if eq .Lang "es"}}Última actualización{{else}}Last updated{{end}}: {{.CV.Meta.LastUpdated}}</p>
+</footer>
+{{end}}
@@ -0,0 +1,24 @@
+{{define "sidebar"}}
+<!-- Sidebar - Reusable for left and right -->
+<aside class="cv-sidebar {{.SidebarClass}}">
+    <div class="sidebar-accordion-header" onclick="toggleSidebar(this)">
+        <iconify-icon icon="mdi:brain" width="20" height="20"></iconify-icon>
+        <span>{{.SidebarTitle}}</span>
+        <iconify-icon icon="mdi:chevron-down" width="20" height="20" class="chevron"></iconify-icon>
+    </div>
+    <div class="sidebar-accordion-content">
+        {{range .Skills}}
+        <section class="sidebar-section">
+            <details open>
+                <summary>
+                    <h3 class="sidebar-title">{{.Category}}</h3>
+                </summary>
+                <div class="sidebar-content">
+                    {{range .Items}}<div class="skill-item">{{.}}</div>{{end}}
+                </div>
+            </details>
+        </section>
+        {{end}}
+    </div>
+</aside>
+{{end}}
@@ -0,0 +1,12 @@
+{{define "title-badges"}}
+<!-- Professional Title Badges - Full Width Top Bar -->
+<div class="cv-title-badges-header">
+    <span class="title-badge">{{if eq .Lang "es"}}CONSULTOR TÉCNICO{{else}}TECHNICAL CONSULTANT{{end}}</span>
+    <span class="badge-separator">|</span>
+    <span class="title-badge">{{if eq .Lang "es"}}INGENIERO FULL-STACK{{else}}FULL-STACK ENGINEER{{end}}</span>
+    <span class="badge-separator">|</span>
+    <span class="title-badge">{{if eq .Lang "es"}}ESPECIALISTA EN AUTENTICACIÓN{{else}}AUTHENTICATION SPECIALIST{{end}}</span>
+    <span class="badge-separator">|</span>
+    <span class="title-badge">{{if eq .Lang "es"}}ARQUITECTO DE SOLUCIONES{{else}}SOLUTION ARCHITECT{{end}}</span>
+</div>
+{{end}}