264 lines
13 KiB
Plaintext
264 lines
13 KiB
Plaintext
Content-Type: text/html; charset=UTF-8
|
|
Cache-Control: no-cache, private
|
|
Date: Tue, 31 Dec 2024 07:44:10 GMT
|
|
Set-Cookie: XSRF-TOKEN=eyJpdiI6InlVV1doeUhGS1lvZVJ6RTdNR3NLZ0E9PSIsInZhbHVlIjoiRmdmSUN2NHRYbkNBVlJodk4rcWgwY3VKd1BmQ2dIVGp4aFZPRm5xaEV0T0ZWd3Z6SXhXK1RneEZTYWEyUTlpY1JYTU5nWmVkRjhnYUtHbEtydGZ6ZTM2LytqMEZoL3Y5NTlGMFNpa1dSbzhuTTdYYXl1T2VYYmdHK3ZMOE5RZy8iLCJtYWMiOiI4YTA3NTY2NDM4NzkzODg2YmMzY2EwMzhlNGQ5YWU0NWI0Mjk1YjZlYjU1N2NkMjM0ZWIxNTVhZTViZTA4NDE1IiwidGFnIjoiIn0%3D; expires=Tue, 31 Dec 2024 09:44:10 GMT; Max-Age=7200; path=/; samesite=lax
|
|
Set-Cookie: laravel_session=eyJpdiI6IkZybDVvc3pDWGZ5ZjF1STNVTi9NUEE9PSIsInZhbHVlIjoiM0lHVTN3SGtDVVdYQ3hIRXd6VlBNVDAzSE9MMnVzVFhPa2xmWloxUnRNdm82eXhjT0pBS1hqUGNWVlZTNDFZc0FjVTR6U05sdy9FVjBLWjNKMUxCVnN2RTNQYy9wWVZmRkg2STVaRkY2M0JLSThybml1ajlBZjlSdHRoS1EySkoiLCJtYWMiOiJhMzIzNDgzZTc2NjZjZTVjZDcwNGUzNDU2MjY3OTk2OGU5YmY1Y2UyNjgwMDZmMGFjMjA0MmZjZWY5NzIwMmU1IiwidGFnIjoiIn0%3D; expires=Tue, 31 Dec 2024 09:44:10 GMT; Max-Age=7200; path=/; httponly; samesite=lax
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="nxqEwaWyJmw0CQzS4yG2Xl7PDwm4DCTnuf2UzuWa">
|
|
|
|
<meta property="og:title" content="Home">
|
|
<meta property="og:description" content="Tips and guides on anything Laravel, Go, PHP, and Software Architecture">
|
|
<meta property="og:image" content="/img/ogimage.png">
|
|
<meta property="og:url" content="http://javierfeliz.com.test">
|
|
<meta property="og:type" content="website">
|
|
|
|
<meta name="twitter:card" content="summary"></meta>
|
|
|
|
<title>Javier Feliz - Home</title>
|
|
<meta name="description" content="Tips and guides on anything Laravel, Go, PHP, and Software Architecture">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
|
|
|
|
|
<!-- Scripts -->
|
|
<script type="module" src="http://javierfeliz.com.test:5173/@vite/client" data-navigate-track="reload"></script><link rel="stylesheet" href="http://javierfeliz.com.test:5173/resources/css/app.css" data-navigate-track="reload" /><script type="module" src="http://javierfeliz.com.test:5173/resources/js/app.js" data-navigate-track="reload"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<script defer src="https://kit.fontawesome.com/2751354a01.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
|
|
<body class="font-sans antialiased bg-gray-50">
|
|
<div class="min-h-screen">
|
|
<div class="w-full py-4">
|
|
<nav class="max-w-6xl mx-auto flex flex-col lg:flex-row items-center gap-3 justify-between">
|
|
<a href="http://javierfeliz.com.test" class="">
|
|
<div class="flex gap-4 items-center justify-center">
|
|
<div class="bg-gray-200 p-1 rounded-full inline-block">
|
|
<img src="/img/logo.png" class="w-12 h-12 rounded-full" alt="">
|
|
</div>
|
|
<div>
|
|
<p class="text-2xl font-bold">Javier Feliz</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<div class="flex gap-3">
|
|
<a href="https://github.com/javif89" target="_blank" class="text-md">
|
|
<i class="fa-brands fa-github fa-xl"></i>
|
|
</a>
|
|
<a href="https://bsky.app/profile/javierfeliz.com" target="_blank" class="text-md">
|
|
<i class="fa-brands fa-bluesky fa-xl"></i>
|
|
</a>
|
|
<a href="https://x.com/javierfelizweb" target="_blank" class="text-md">
|
|
<i class="fa-brands fa-x-twitter fa-xl"></i>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="flex flex-col md:flex-row gap-2 w-full max-w-6xl mx-auto px-4 lg:px-4">
|
|
<aside class="md:w-[300px] lg:pt-20 flex flex-row lg:block gap-5 items-cente justify-center">
|
|
<a href="http://javierfeliz.com.test/blog" class="flex items-center gap-1 lg:gap-4 py-2 font-semibold hover:gap-6 transition-all">
|
|
<img src="/img/nav-icons/blog.svg" alt="blog" class="w-8 h-8 block text-white">
|
|
<p class="text-md lg:text-lg uppercase tracking-widest">Blog</p>
|
|
</a>
|
|
<div class="hidden lg:block">
|
|
<div class="lg:pl-4 mb-2 hover:pl-5 hover:tracking-widest transition-all">
|
|
<a href="http://javierfeliz.com.test/blog/laravel" class="">
|
|
<h3 class="#6e19c5 text-lg">- Laravel</h3>
|
|
</a>
|
|
</div>
|
|
<div class="lg:pl-4 mb-2 hover:pl-5 hover:tracking-widest transition-all">
|
|
<a href="http://javierfeliz.com.test/blog/go" class="">
|
|
<h3 class="#ddf7c3 text-lg">- Go</h3>
|
|
</a>
|
|
</div>
|
|
<div class="lg:pl-4 mb-2 hover:pl-5 hover:tracking-widest transition-all">
|
|
<a href="http://javierfeliz.com.test/blog/php" class="">
|
|
<h3 class="#b419d9 text-lg">- PHP</h3>
|
|
</a>
|
|
</div>
|
|
<div class="lg:pl-4 mb-2 hover:pl-5 hover:tracking-widest transition-all">
|
|
<a href="http://javierfeliz.com.test/blog/software-architecture" class="">
|
|
<h3 class="#af0d05 text-lg">- Software Architecture</h3>
|
|
</a>
|
|
</div>
|
|
<div class="lg:pl-4 mb-2 hover:pl-5 hover:tracking-widest transition-all">
|
|
<a href="http://javierfeliz.com.test/blog/data-engineering" class="">
|
|
<h3 class="#7c56d0 text-lg">- Data Engineering</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<a href="http://javierfeliz.com.test/tips" class="flex items-center gap-1 lg:gap-4 py-2 font-semibold hover:gap-6 transition-all">
|
|
<img src="/img/nav-icons/tips.svg" alt="tips" class="w-8 h-8 block text-white">
|
|
<p class="text-md lg:text-lg uppercase tracking-widest">Tips</p>
|
|
</a>
|
|
</aside>
|
|
<main class="flex-1 py-10">
|
|
<div class="prose lg:prose-xl prose-lg prose-slate"><p>I'm a software engineer with a passion for robust, elegant, and <strong>simple</strong> solutions.</p>
|
|
<p>I write about
|
|
<span class="font-bold text-[#ff2c20]">Laravel</span>,
|
|
<span class="font-bold text-sky-400">Go</span>,
|
|
<span class="font-bold text-indigo-700">PHP</span>,
|
|
<span class="font-bold text-green-700">Data Engineering</span> and
|
|
<span class="font-bold text-green-700">Software Architecture</span>, as well as my
|
|
general thoughts on software development.</p>
|
|
<p>I also make music as <a href="https://scrymusic.com">Scry</a> (solo project) and <a href="https://partipapi.com">Parti Papi</a> (duo w/ a friend).</p>
|
|
<p>Thank you for coming to my little corner of the internet. I hope you like the content!</p>
|
|
</div>
|
|
<div class="mt-5 lg:mt-10">
|
|
<a href="http://javierfeliz.com.test/blog/php/non-ipsum-est-repudiandae-odit-et-dolorem" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Non Ipsum Est Repudiandae Odit Et Dolorem.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #b419d9">
|
|
PHP
|
|
</div>
|
|
<div class="flex items-center">
|
|
<div class="px-2 text-indigo-400 text-md">
|
|
#Some tag
|
|
</div>
|
|
<div class="px-2 text-indigo-400 text-md">
|
|
#Una tagita
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
<a href="http://javierfeliz.com.test/blog/php/quaerat-totam-sit-molestiae-rem" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Quaerat Totam Sit Molestiae Rem.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #b419d9">
|
|
PHP
|
|
</div>
|
|
<div class="flex items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
<a href="http://javierfeliz.com.test/blog/laravel/dicta-consequatur-maxime-eaque-iste-unde" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Dicta Consequatur Maxime Eaque Iste Unde.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #6e19c5">
|
|
Laravel
|
|
</div>
|
|
<div class="flex items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
<a href="http://javierfeliz.com.test/blog/data-engineering/minima-reprehenderit-dolor-beatae-vitae" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Minima Reprehenderit Dolor Beatae Vitae.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #7c56d0">
|
|
Data Engineering
|
|
</div>
|
|
<div class="flex items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
<a href="http://javierfeliz.com.test/blog/go/provident-facilis-reiciendis-ipsam-est-ea-iusto" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Provident Facilis Reiciendis Ipsam Est Ea Iusto.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #ddf7c3">
|
|
Go
|
|
</div>
|
|
<div class="flex items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
<a href="http://javierfeliz.com.test/blog/go/alias-accusamus-est-ea-architecto" class="block bg-white shadow-sm border mb-2">
|
|
<article class="">
|
|
<div class="px-4 py-2 lg:py-8">
|
|
<div class="flex flex-col-reverse gap-1 lg:flex-row justify-between lg:items-center mb-2">
|
|
<h2 class="text-lg lg:text-2xl font-bold">Alias Accusamus Est Ea Architecto.</h2>
|
|
<time class="text-gray-300 font-bold flex-shrink-0">Dec 28 2024</time>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<div class="font-bold text-lg" style="color: #ddf7c3">
|
|
Go
|
|
</div>
|
|
<div class="flex items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</a>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<footer class="mt-24">
|
|
<div class="max-w-7xl mx-auto py-12 px-12 border shadow-sm lg:grid grid-cols-2 gap-4">
|
|
<div class="mb-10 lg:mb-0">
|
|
<h2 class="tracking-tight text-xl lg:text-2xl font-bold text-center mb-4">Want a monthly newsletter about Laravel, PHP, and software engineering?</h2>
|
|
<p class="text-lg text-gray-500">
|
|
I like to cut to the chase and find the fastest and most effective way to build products and web applications. If you like that idea,
|
|
then you will love my newsletter. Every month I'll send a summary of blog posts and quick tips/snippets that will help you develop
|
|
your ideas faster.
|
|
</p>
|
|
</div>
|
|
<div class="flex items-center justify-center pl-10">
|
|
<form action="https://javier-feliz.mailcoach.app/subscribe/9922dbee-0a6a-4c39-99dd-8085f624503f" method="POST"
|
|
class="flex flex-1 gap-3">
|
|
<input type="email" name="email" placeholder="Your email address" class="flex-1 rounded-md bg-transparent" />
|
|
<div style="position: absolute; left: -9999px">
|
|
<label for="website-honeypot">Your honeypot</label>
|
|
<input type="text" id="website-honeypot" name="honeypot" tabindex="-1" autocomplete="nope" />
|
|
</div>
|
|
|
|
<button type="submit"
|
|
class="bg-gray-900 text-white uppercase tracking-wide px-4 py-2 rounded-md">Subscribe</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-24 text-center">
|
|
<p class="text-md text-gray-300 mb-4">Javier Feliz 2024</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|