twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

fix: update favicon references and improve HTML structure in layout

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-14 21:11:09 -04:00
parent 8d65608ebf
commit 87dd0c0375
4 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
favicon/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

7
src/_includes/layout.njk
View File

@@ -1,16 +1,17 @@
<!DOCTYPE html> <!doctype html><!-- HTML5 -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>{{ title }}</title> <title>{{ title }}</title>
<meta name="description" content="{{ description }}">
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/x-icon" href="/favicon.png">
</head> </head>
<body class="antialiased"> <body class="antialiased">
<!-- Header & Nav --> <!-- Header & Nav -->

40
src/index.md
View File

@@ -1,6 +1,8 @@
--- ---
title: "Jesus - Network Engineer" title: "Jesus - Network Engineer"
layout: "layout.njk" layout: "layout.njk"
descrption: "A website showcasing my skills and experience as a network engineer"
--- ---
<!-- Hero Section --> <!-- Hero Section -->
<section id="hero" class="text-center py-20"> <section id="hero" class="text-center py-20">
@@ -29,6 +31,7 @@ layout: "layout.njk"
</div> </div>
</div> </div>
</section> </section>
<!-- Services Section --> <!-- Services Section -->
<!-- <!--
<section id="services" class="py-16"> <section id="services" class="py-16">
@@ -46,6 +49,7 @@ layout: "layout.njk"
</div> </div>
</section> </section>
--> -->
<!-- Skills & Certifications Section --> <!-- Skills & Certifications Section -->
<section id="skills" class="py-16"> <section id="skills" class="py-16">
<h2 class="text-3xl font-bold text-center section-title">Skills & Certifications</h2> <h2 class="text-3xl font-bold text-center section-title">Skills & Certifications</h2>
@@ -54,8 +58,8 @@ layout: "layout.njk"
<div> <div>
<h3 class="text-2xl font-bold mb-6 text-center text-white">Technical Skills</h3> <h3 class="text-2xl font-bold mb-6 text-center text-white">Technical Skills</h3>
<div class="card"> <div class="card">
{% for skill in skills %} {%- for skill in skills -%}
<h4 class="text-lg font-semibold mb-1 text-blue-400">{{ skill.name }}</h4> <p class="text-lg font-semibold mb-1 text-blue-400">{{ skill.name }}</p>
<p class="text-gray-400 mb-5">{{ skill.keywords }}</p> <p class="text-gray-400 mb-5">{{ skill.keywords }}</p>
{%- endfor -%} {%- endfor -%}
</div> </div>
@@ -68,8 +72,8 @@ layout: "layout.njk"
<div class="flex items-center"> <div class="flex items-center">
<i class="fas fa-certificate icon text-yellow-400"></i> <i class="fas fa-certificate icon text-yellow-400"></i>
<div> <div>
<h4 class="font-bold text-white">{{ certification.name}}</h4> <h4 class="font-bold text-white">{{ certification.name }}</h4>
<p class="text-gray-400">Expires: {{ certification.expires}}</p> <p class="text-gray-400">Expires: {{ certification.expires }}</p>
</div> </div>
</div> </div>
{%- endfor -%} {%- endfor -%}
@@ -82,8 +86,8 @@ layout: "layout.njk"
<h2 class="text-3xl font-bold text-center section-title">Work Experience</h2> <h2 class="text-3xl font-bold text-center section-title">Work Experience</h2>
<div class="relative border-l-2 border-gray-700 ml-6"> <div class="relative border-l-2 border-gray-700 ml-6">
{# Loop through and display all "featured" roles #} {# Loop through and display all "featured" roles #}
{% for role in roles %} {%- for role in roles -%}
{% if role.featured %} {%- if role.featured -%}
<div class="mb-10 ml-6"> <div class="mb-10 ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-blue-500 rounded-full -left-3 ring-8 ring-gray-900"> <span class="absolute flex items-center justify-center w-6 h-6 bg-blue-500 rounded-full -left-3 ring-8 ring-gray-900">
<i class="fas fa-briefcase text-white text-xs"></i> <i class="fas fa-briefcase text-white text-xs"></i>
@@ -92,19 +96,19 @@ layout: "layout.njk"
<h3 class="flex items-center text-lg font-semibold text-white"> <h3 class="flex items-center text-lg font-semibold text-white">
{{ role.title }} {{ role.title }}
</h3> </h3>
{% if role.company %} {%- if role.company -%}
<p class="text-blue-400 text-md font-medium mb-2 "> <p class="text-blue-400 text-md font-medium mb-2 ">
{{ role.company }} {{ role.company }}
</p> </p>
{% endif %} {%- endif -%}
<time class="block mb-2 text-sm font-normal leading-none text-gray-500">{{ role.time }}</time> <time class="block mb-2 text-sm font-normal leading-none text-gray-500">{{ role.time }}</time>
{% if role.description %} {%- if role.description -%}
<p class="mb-4 text-base font-normal text-gray-400">{{ role.description }}</p> <p class="mb-4 text-base font-normal text-gray-400">{{ role.description }}</p>
{% endif %} {%- endif -%}
</div> </div>
</div> </div>
{% endif %} {%- endif -%}
{% endfor %} {%- endfor -%}
<div class="ml-6"> <div class="ml-6">
<span class="absolute flex items-center justify-center w-6 h-6 bg-blue-500 rounded-full -left-3 ring-8 ring-gray-900"> <span class="absolute flex items-center justify-center w-6 h-6 bg-blue-500 rounded-full -left-3 ring-8 ring-gray-900">
<i class="fas fa-briefcase text-white text-xs"></i> <i class="fas fa-briefcase text-white text-xs"></i>
@@ -113,15 +117,15 @@ layout: "layout.njk"
<h3 class="text-lg font-semibold text-white">Previous Roles</h3> <h3 class="text-lg font-semibold text-white">Previous Roles</h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500">Since 2014</time> <time class="block mb-2 text-sm font-normal leading-none text-gray-500">Since 2014</time>
<ul class="list-disc list-inside text-gray-400"> <ul class="list-disc list-inside text-gray-400">
{% for role in roles %} {%- for role in roles -%}
{% if not role.featured %} {%- if not role.featured -%}
{% if role.company %} {%- if role.company -%}
<li> <li>
{{ role.title }} at <span class="text-blue-400 text-md font-medium">{{ role.company }}</span> {{ role.title }} at <span class="text-blue-400 text-md font-medium">{{ role.company }}</span>
</li> </li>
{% endif %} {%- endif -%}
{% endif %} {%- endif -%}
{% endfor %} {%- endfor -%}
</ul> </ul>
</div> </div>
</div> </div>