19 lines
No EOL
9.9 KiB
HTML
19 lines
No EOL
9.9 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="alternate icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="canonical" href="https://gabeefran.co/posts/hello-world/"><link rel="alternate" hreflang="en" href="https://gabeefran.co/posts/hello-world/"><link rel="alternate" hreflang="pt-BR" href="https://gabeefran.co/pt/posts/hello-world/"><meta name="generator" content="Astro v7.2.10"><title>This blog's Hello World (or whatever you want to call this site) — gabeefranco</title><meta name="description" content="A short note on why this exists and what I plan to write about here."><meta property="og:type" content="website"><meta property="og:title" content="This blog's Hello World (or whatever you want to call this site) — gabeefranco"><meta property="og:description" content="A short note on why this exists and what I plan to write about here."><meta property="og:url" content="https://gabeefran.co/posts/hello-world/"><meta property="og:image" content="https://gabeefran.co/social-cards/en/hello-world.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="This blog's Hello World (or whatever you want to call this site) — gabeefranco"><meta name="twitter:description" content="A short note on why this exists and what I plan to write about here."><meta name="twitter:image" content="https://gabeefran.co/social-cards/en/hello-world.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"><script>
|
||
// Runs before paint to avoid a flash of the wrong theme.
|
||
(function () {
|
||
const stored = localStorage.getItem('theme');
|
||
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
const dark = stored ? stored === 'dark' : prefersDark;
|
||
document.documentElement.classList.toggle('dark', dark);
|
||
})();
|
||
</script><link rel="stylesheet" href="/_astro/BaseLayout.z2Ysa6px.css"><script>window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
|
||
var script = document.createElement('script');
|
||
script.defer = true;
|
||
script.src = '/_vercel/insights/script.js';
|
||
var head = document.querySelector('head');
|
||
head.appendChild(script);
|
||
</script></head><body class="flex min-h-screen flex-col bg-bg font-sans text-text antialiased selection:bg-primary selection:text-white"><header class="sticky top-0 z-40 border-b border-border/80 bg-bg/85 backdrop-blur"><div class="flex flex-col justify-center gap-4 px-4 py-3 sm:px-6"><div class="flex flex-row justify-between items-end"><a href="/" class="flex hover:underline shrink-0 items-center gap-2.5" aria-label="gabeefranco"><img src="/logo.png" class="h-4"><span class="font-mono text-[15px] font-semibold tracking-tight text-text">gabeefranco</span></a><div class="ml-10 flex sm:hidden justify-end gap-3"><a href="/pt/posts/hello-world/" hreflang="pt" title="Switch language" aria-label="Switch language: Português" class="text-accent max-w-fit font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep">Switch language: Português</a><button type="button" class="theme-toggle text-accent sm:ml-2 font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep" aria-label="Toggle color theme" title="Toggle color theme">Toggle color theme</button><script type="module">function e(){document.querySelectorAll(`.theme-toggle`).forEach(e=>{e.addEventListener(`click`,function(){let e=document.documentElement.classList.toggle(`dark`);localStorage.setItem(`theme`,e?`dark`:`light`)})})}e(),document.addEventListener(`astro:after-swap`,e);</script></div><div class="hidden sm:flex items-center gap-2"><nav class="flex items-center gap-1 justify-right" aria-label="Menu"><a href="/" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Home</a><a href="/posts" aria-current="page" class="px-2 py-1 text-sm font-medium font-mono underline text-primary hover:text-primary-hover">Posts</a><a href="/about" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">About</a></nav><a href="/pt/posts/hello-world/" hreflang="pt" title="Switch language" aria-label="Switch language: Português" class="text-accent max-w-fit py-1 font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep ">Switch language: Português</a><button type="button" class="theme-toggle text-accent sm:ml-2 font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep" aria-label="Toggle color theme" title="Toggle color theme">Toggle color theme</button></div></div><div class="flex justify-end sm:hidden items-center gap-2"><nav class="flex items-center gap-1 justify-right" aria-label="Menu"><a href="/" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Home</a><a href="/posts" aria-current="page" class="px-2 py-1 text-sm font-medium font-mono underline text-primary hover:text-primary-hover">Posts</a><a href="/about" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">About</a></nav></div></div></header><main class="flex-1"><article class="mx-10 my-10 font-mono"><a href="/posts" class="underline inline-flex items-center gap-1.5 text-sm font-medium text-text-muted hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4"><path d="M15 18l-6-6 6-6"></path></svg>Back to posts</a><header class="mt-6 border-b border-border pb-6"><div class="flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-text-muted"><time datetime="2026-09-22T00:00:00.000Z">September 21, 2026</time><span aria-hidden="true">·</span><span>2 min read</span></div><h1 class="mt-3 text-3xl font-bold tracking-tight text-text sm:text-4xl">This blog's Hello World (or whatever you want to call this site)</h1><p class="mt-3 text-lg text-text-muted">A short note on why this exists and what I plan to write about here.</p><div class="mt-4 flex flex-wrap gap-2"><a href="/tags/meta" class=" text-xs font-medium text-text-muted underline hover:text-accent">#meta</a><a href="/tags/blogging" class=" text-xs font-medium text-text-muted underline hover:text-accent">#blogging</a></div></header><div class="prose prose-neutral mt-8 max-w-none prose-headings:font-semibold prose-headings:tracking-tight prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-code:before:content-none prose-code:after:content-none prose-img:rounded-xl dark:prose-invert"><p>I’ve always had a creative side, as anyone who knows me can tell you. Sometimes it gets tucked away somewhere obscure, in the back of a drawer, waiting years to be used. And sometimes I make really good use of it.
|
||
I’ve always loved writing, and I’ve wanted a place of my own to publish my thoughts for a long time. Only the ones I’d want to be public, of course. Nobody wants to hand over the entire inner workings of their brain just like that, for free. Still, I think some of my intellectual adventures deserve a bit of exposure, especially since, without someone to judge them, I’ll never know if they were worth it.</p>
|
||
<p>One of my inspirations for creating a site/blog was <a href="https://instagram.com/akitaonrails">Fábio Akita</a>. I’ve been following him for a long time, and it was through the videos on <a href="https://youtube.com/akitaonrails">his YouTube channel</a> that I started studying computer science, before I even got into college. Even though the videos are genuinely great, teaching things that are hard to learn any other way, after a while of binge-watching them I found his blog, <a href="https://akitaonrails.com">akitaonrails.com</a>. I thought it was super cool, and I liked the idea of having a personal place to share your opinions and the things you’ve learned.</p>
|
||
<p>Akita is a seasoned guy who’s been in the industry for years. Me? Just a student slightly ahead of the material in my CS program. To people my age, this whole writing thing, having a blog, sounds like something old people do. But, like I said in my <a href="https://gabeefran.co/posts/spotify-complaining">last post</a>, I like the idea of doing things the old-fashioned way every now and then. The word <em>“Blog”</em> sounds so 2010, but I don’t know what else I’d call this crappy site you’re reading. I guess <em>“blog”</em> it is. Good thing I’ve been practicing caring less about what other people think, and look at that: it’s working!</p>
|
||
<p>Anyway, call it whatever you want, I think it’s worth posting something here every now and then. Even if nobody’s interested, whatever! Then let it just be my public folder of notes. Just the fact that I opened the drawer and pulled my creativity out from the back of it already makes it all worth it.</p></div></article></main><footer class="border-t border-border/80 font-mono"><div class="mx-auto flex max-w-3xl flex-col gap-2 px-4 py-8 text-sm text-text-muted sm:flex-row sm:items-center sm:justify-between sm:px-6"><p>© 2026 <span class="font-mono text-text">gabeefranco</span> · All rights reserved.</p><div class="flex items-center gap-4"><span class="hidden sm:inline">Written by hand in Porto Alegre.</span><a href="https://github.com/gabeefranco" target="_blank" rel="noopener noreferrer me" class="transition-colors hover:text-primary">GitHub</a><a href="https://github.com/gabeefranco/gabeefran.co-blog" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-primary">Source</a></div></div></footer></body></html> |