423 lines
34 KiB
HTML
423 lines
34 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="bg-base-bg">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description"
|
|
content="Glenn Thompson's personal blog about technology, engineering, and travel experiences in the Middle East">
|
|
<meta property="og:title" content="Glenn Thompson - Technology, Engineering & Travel">
|
|
<meta property="og:description"
|
|
content="Exploring the intersection of electrical engineering, technology, and cultural experiences from two decades in the Middle East">
|
|
<meta property="og:url" content="https://glenneth.org">
|
|
<title>Glenn Thompson - Technology, Engineering & Travel</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="alternate" type="application/rss+xml" title="Glenn Thompson's Blog" href="/feed.xml" />
|
|
<link href="./dist/styles.css" rel="stylesheet">
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap"
|
|
rel="stylesheet">
|
|
<script defer src="./src/js/main.js"></script>
|
|
</head>
|
|
|
|
<body class="bg-base-bg text-palenight-50">
|
|
<nav class="fixed w-full bg-base-darker/80 backdrop-blur-sm shadow-sm z-50 border-b border-palenight-400/20">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
<div class="flex">
|
|
<a href="#" class="flex items-center font-serif text-xl font-bold text-accent-purple">Glenn
|
|
Thompson</a>
|
|
</div>
|
|
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
|
|
<a href="#about" class="nav-link text-accent-blue hover:text-accent-cyan">About</a>
|
|
<a href="#blog" class="nav-link text-accent-blue hover:text-accent-cyan">Blog</a>
|
|
<a href="#projects" class="nav-link text-accent-blue hover:text-accent-cyan">Projects</a>
|
|
<a href="#contact" class="nav-link text-accent-blue hover:text-accent-cyan">Contact</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section class="pt-24 pb-16 px-4 sm:pt-32 sm:pb-24 bg-base-bg">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center">
|
|
<h1 class="text-4xl font-serif font-bold tracking-tight text-accent-yellow sm:text-6xl">
|
|
Technology, Engineering & Travel
|
|
</h1>
|
|
<p class="mt-6 text-lg leading-8 text-palenight-100 max-w-2xl mx-auto">
|
|
Exploring the intersection of electrical engineering, technology, and cultural experiences from
|
|
two decades in the Middle East.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Featured Posts -->
|
|
<section id="blog" class="py-16">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<h2 class="text-3xl font-serif font-bold text-accent-yellow mb-8">Blog Posts</h2>
|
|
<div class="grid gap-8 md:grid-cols-2">
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>development</span><span>•</span><span>guix</span><span>•</span><span>guix-home</span><span>•</span><span>emacs</span><span>•</span><span>workflow</span><span>•</span><span>productivity</span><span>•</span><span>evolution</span>
|
|
<span>•</span>
|
|
<time datetime="2025-09-28">September 28, 2025</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2025-09-28-dev-environment-evolution-guix-home.html" class="hover:text-accent-cyan transition-colors">
|
|
Development Environment Evolution: Embracing Guix Home and Enhanced Emacs Workflow
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">Six months ago, I shared a detailed look at my development environment in 2025, covering my hybrid approach with ArcoLinux, Guix package management, and Emacs-centered workflow. Since then, my setup h...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guix</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guix-home</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">emacs</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">workflow</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">productivity</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">evolution</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>community</span><span>•</span><span>webring</span><span>•</span><span>systemcrafters</span><span>•</span><span>reflection</span>
|
|
<span>•</span>
|
|
<time datetime="2025-04-02">April 2, 2025</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2025-04-04-one-year-of-craftering.html" class="hover:text-accent-cyan transition-colors">
|
|
One Year of Craftering: Building Connections in the System Crafters Community
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">Next Thursday, 03-APR-2025, marks the first anniversary of the Craftering webring, a vibrant community initiative started by shom that connects personal websites and blogs within the System Crafters c...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">community</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">webring</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">systemcrafters</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">reflection</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>web</span><span>•</span><span>development</span><span>•</span><span>javascript</span><span>•</span><span>static-site</span><span>•</span><span>lessons</span>
|
|
<span>•</span>
|
|
<time datetime="2025-03-13">March 13, 2025</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2025-03-12-lessons-learned-custom-ssg.html" class="hover:text-accent-cyan transition-colors">
|
|
Lessons Learned: One Year with a Custom Static Site Generator
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">It's been just over a year since I transitioned from Haunt to my own custom static site generator for this website. What started as an experiment to gain more control over my publishing workflow has e...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">web</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">javascript</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">static-site</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">lessons</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>development</span><span>•</span><span>guix</span><span>•</span><span>tools</span><span>•</span><span>workflow</span><span>•</span><span>productivity</span><span>•</span><span>web</span>
|
|
<span>•</span>
|
|
<time datetime="2025-03-08">March 8, 2025</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2025-03-08-my-dev-environment-2025.html" class="hover:text-accent-cyan transition-colors">
|
|
My Development Environment in 2025: From Editor to Deployment
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">The tools we use shape how we work. Over the years, my development environment has evolved alongside my technical journey through different programming languages, paradigms, and projects. This post of...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guix</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tools</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">workflow</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">productivity</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">web</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>web</span><span>•</span><span>development</span><span>•</span><span>javascript</span><span>•</span><span>static-site</span><span>•</span><span>haunt</span><span>•</span><span>guile</span><span>•</span><span>hugo</span>
|
|
<span>•</span>
|
|
<time datetime="2025-01-02">January 2, 2025</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2025-01-02-from-haunt-to-custom.html" class="hover:text-accent-cyan transition-colors">
|
|
From Hugo to Haunt to Custom: My Journey in Static Site Generation
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">My journey with static site generators has been one of continuous learning and evolution. It started with Hugo, transitioned through Haunt, and has now led me to build my own custom solution. Each ste...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">web</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">javascript</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">static-site</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">haunt</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guile</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">hugo</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>tech</span><span>•</span><span>guile</span><span>•</span><span>scheme</span><span>•</span><span>development</span><span>•</span><span>functional-programming</span>
|
|
<span>•</span>
|
|
<time datetime="2024-12-03">December 3, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-12-03-practical-scheme.html" class="hover:text-accent-cyan transition-colors">
|
|
Beyond Theory: Building Practical Tools with Guile Scheme
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">A few months ago, I shared my journey into learning Scheme through building stash, a symlink manager. Since then, I've discovered that the gap between learning Scheme and applying it to real-world pro...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tech</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guile</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">scheme</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">functional-programming</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>personal</span><span>•</span><span>tech</span><span>•</span><span>guile</span><span>•</span><span>scheme</span><span>•</span><span>gnu</span><span>•</span><span>development</span>
|
|
<span>•</span>
|
|
<time datetime="2024-09-24">September 24, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-09-24-scheme-journey.html" class="hover:text-accent-cyan transition-colors">
|
|
A Journey into Scheme
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">I've spent my career as an electrical engineer, not a software developer. However, my recent journey in to GNU/Liniux required a tool for managing symlinks, and that's how I began learning Scheme—spec...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">personal</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tech</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guile</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">scheme</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">gnu</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">development</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>personal</span><span>•</span><span>tech</span><span>•</span><span>gnu</span><span>•</span><span>guix</span><span>•</span><span>swaywm</span><span>•</span><span>nvidia</span>
|
|
<span>•</span>
|
|
<time datetime="2024-07-26">July 26, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-07-26-gnu-guix-journey.html" class="hover:text-accent-cyan transition-colors">
|
|
A Journey Through GNU Guix: From Installation to Returning to Arch Linux
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">As a long-time user of Arch Linux, I decided to explore the world of GNU Guix to see if it could better suit my needs, especially with my growing interest in functional package management. The journey...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">personal</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tech</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">gnu</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">guix</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">swaywm</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">nvidia</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>personal</span><span>•</span><span>tech</span><span>•</span><span>keyboards</span><span>•</span><span>glove80</span>
|
|
<span>•</span>
|
|
<time datetime="2024-05-15">May 15, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-05-15-hugo-to-haunt.html" class="hover:text-accent-cyan transition-colors">
|
|
Transitioning from Hugo to Haunt: Embracing Scheme and GNU Guix
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">Hello there! I'm Glenn Thompson, and today, I want to share a significant part of my recent journey into the world of Scheme, GNU Guix, and static site generation.</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">personal</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tech</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">keyboards</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">glove80</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>work</span><span>•</span><span>travel</span>
|
|
<span>•</span>
|
|
<time datetime="2024-05-01">May 1, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-05-01-amman-newcastle-journey.html" class="hover:text-accent-cyan transition-colors">
|
|
A Rollercoaster Week: From Amman to Newcastle, and back again
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">Two weeks ago was a whirlwind of events, taking me from the conforting embrace of Amman, Jordan to the vibrant streets of Newcastle, England. It was a journey filled with highs and lows, professional...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">work</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">travel</span>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<article class="bg-base-darker p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<div class="flex flex-wrap items-center gap-2 text-accent-yellow text-sm mb-2 font-bold">
|
|
<span>Tech</span>
|
|
<span>•</span><span>personal</span><span>•</span><span>tech</span><span>•</span><span>keyboards</span><span>•</span><span>glove80</span>
|
|
<span>•</span>
|
|
<time datetime="2024-04-08">April 8, 2024</time>
|
|
</div>
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">
|
|
<a href="/content/posts/2024-04-08-glove80-review.html" class="hover:text-accent-cyan transition-colors">
|
|
Aesthetic Meets Ergonomics: My Deep Dive into the Glove80 Keyboard
|
|
</a>
|
|
</h3>
|
|
<p class="text-palenight-100 mb-4">As my career trajectory veered from being an integral member of an electrical engineering team to assuming the role of Deputy Project Manager, the nature of my daily activities underwent a significant...</p>
|
|
<div class="flex flex-wrap gap-2">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">personal</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">tech</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">keyboards</span><span class="text-accent-yellow px-2 py-1 rounded-full bg-base-bg text-xs">glove80</span>
|
|
</div>
|
|
</article>
|
|
|
|
</div><!-- End blog posts -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Projects Section -->
|
|
<section id="projects" class="py-16 bg-base-darker">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<h2 class="text-3xl font-serif font-bold text-accent-yellow mb-8">Projects</h2>
|
|
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
|
<!-- Personal Website Project -->
|
|
<article
|
|
class="bg-base-bg p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">Personal Website</h3>
|
|
<p class="text-palenight-100 mb-4">A modern, responsive personal website built with HTML,
|
|
TailwindCSS, and JavaScript. Features a dark theme and blog functionality.</p>
|
|
<div class="flex gap-2 mb-4">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">HTML</span>
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">TailwindCSS</span>
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">JavaScript</span>
|
|
</div>
|
|
<a href="https://github.com/glenneth1/personal-website"
|
|
class="text-accent-cyan hover:text-accent-purple transition-colors">View Source →</a>
|
|
</article>
|
|
|
|
<!-- Symlink Manager Project -->
|
|
<article
|
|
class="bg-base-bg p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors">
|
|
<h3 class="text-xl font-serif font-bold text-accent-yellow mb-3">Scheme Symlink Manager</h3>
|
|
<p class="text-palenight-100 mb-4">A command-line tool built with Guile Scheme for managing
|
|
symbolic links in Unix-like systems. Simplifies dotfile management.</p>
|
|
<div class="flex gap-2 mb-4">
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">Scheme</span>
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">Guile</span>
|
|
<span class="text-accent-yellow px-2 py-1 rounded-full bg-base-darker text-xs">CLI</span>
|
|
</div>
|
|
<a href="#" class="text-accent-cyan hover:text-accent-purple transition-colors">Coming Soon
|
|
→</a>
|
|
</article>
|
|
|
|
<!-- Add Project Card -->
|
|
<article
|
|
class="bg-base-bg p-6 rounded-lg shadow-lg border border-palenight-400/20 hover:border-accent-purple/40 transition-colors flex items-center justify-center">
|
|
<div class="text-center">
|
|
<p class="text-palenight-100 mb-2">More projects coming soon!</p>
|
|
<p class="text-accent-cyan">Stay tuned...</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="py-16 bg-base-bg">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
<div>
|
|
<h2 class="text-3xl font-serif font-bold text-accent-yellow mb-6">About Me</h2>
|
|
<p class="text-palenight-100 mb-4">
|
|
With over 20 years in the electrical engineering field, I've had the privilege of working on
|
|
groundbreaking projects across the Middle East. My journey has been marked by continuous
|
|
learning, cultural exploration, and technological innovation.
|
|
</p>
|
|
<p class="text-palenight-100 mb-4">
|
|
Beyond my professional work, I'm passionate about technology, particularly static site
|
|
generation, Scheme programming, and tools like GNU Guix and Haunt. This blog is where I
|
|
share my experiences, insights, and the lessons learned along the way.
|
|
</p>
|
|
</div>
|
|
<div class="bg-base-darker p-8 rounded-lg shadow-md border border-palenight-400/20">
|
|
<h3 class="text-xl font-bold text-accent-yellow mb-4">Areas of Focus</h3>
|
|
<ul class="space-y-3">
|
|
<li class="flex items-center text-palenight-100">
|
|
<svg class="w-5 h-5 text-accent-blue mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd"
|
|
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
clip-rule="evenodd"></path>
|
|
</svg>
|
|
Electrical Engineering
|
|
</li>
|
|
<li class="flex items-center text-palenight-100">
|
|
<svg class="w-5 h-5 text-accent-blue mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd"
|
|
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
clip-rule="evenodd"></path>
|
|
</svg>
|
|
Static Site Generation
|
|
</li>
|
|
<li class="flex items-center text-palenight-100">
|
|
<svg class="w-5 h-5 text-accent-blue mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd"
|
|
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
clip-rule="evenodd"></path>
|
|
</svg>
|
|
Scheme Programming
|
|
</li>
|
|
<li class="flex items-center text-palenight-100">
|
|
<svg class="w-5 h-5 text-accent-blue mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd"
|
|
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
|
clip-rule="evenodd"></path>
|
|
</svg>
|
|
Middle Eastern Culture
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="py-16 bg-base-darker">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center">
|
|
<h2 class="text-3xl font-serif font-bold text-accent-yellow mb-6">Get in Touch</h2>
|
|
<p class="text-palenight-100 mb-8">
|
|
Interested in connecting? Feel free to reach out for discussions about technology, engineering,
|
|
or sharing travel stories.
|
|
</p>
|
|
<a href="mailto:glenn@glenneth.org"
|
|
class="inline-flex items-center px-6 py-3 border border-accent-blue text-base font-medium rounded-md text-accent-blue hover:bg-accent-blue hover:text-base-bg transition-colors">
|
|
Send a Message
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="bg-base-darker text-palenight-200 py-12 border-t border-palenight-400/20">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="text-center">
|
|
<p class="text-palenight-300">© 2024 Glenn Thompson. All rights reserved.</p>
|
|
<div class="webring-text mt-6">
|
|
<p class="text-palenight-300">I am part of the <a href="https://systemcrafters.net" target="_blank"
|
|
class="text-accent-blue hover:text-accent-cyan">System Crafters</a> webring:</p>
|
|
</div>
|
|
<div class="craftering mt-2 flex items-center justify-center gap-4 text-accent-blue">
|
|
<a href="https://craftering.systemcrafters.net/@glenneth/previous"
|
|
class="hover:text-accent-cyan">←</a>
|
|
<a href="https://craftering.systemcrafters.net/" class="hover:text-accent-cyan">craftering</a>
|
|
<a href="https://craftering.systemcrafters.net/@glenneth/next" class="hover:text-accent-cyan">→</a>
|
|
</div>
|
|
<p class="text-palenight-300 mt-2">
|
|
<a href="mailto:glenn@glenneth.org"
|
|
class="text-accent-blue hover:text-accent-cyan transition-colors">glenn@glenneth.org</a> |
|
|
<a href="https://glenneth.org"
|
|
class="text-accent-blue hover:text-accent-cyan transition-colors">glenneth.org</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |