19 lines
No EOL
10 KiB
HTML
19 lines
No EOL
10 KiB
HTML
<!DOCTYPE html><html lang="pt"><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/pt/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>O Hello World desse blog (ou seja lá como você queira chamar esse site) — gabeefranco</title><meta name="description" content="Uma nota curta sobre por que isso existe e sobre o que pretendo escrever aqui."><meta property="og:type" content="website"><meta property="og:title" content="O Hello World desse blog (ou seja lá como você queira chamar esse site) — gabeefranco"><meta property="og:description" content="Uma nota curta sobre por que isso existe e sobre o que pretendo escrever aqui."><meta property="og:url" content="https://gabeefran.co/pt/posts/hello-world/"><meta property="og:image" content="https://gabeefran.co/social-cards/pt/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="O Hello World desse blog (ou seja lá como você queira chamar esse site) — gabeefranco"><meta name="twitter:description" content="Uma nota curta sobre por que isso existe e sobre o que pretendo escrever aqui."><meta name="twitter:image" content="https://gabeefran.co/social-cards/pt/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="/pt" 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="/posts/hello-world/" hreflang="en" title="Mudar idioma" aria-label="Mudar idioma: English" class="text-accent max-w-fit font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep">Mudar idioma: English</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="Alternar tema" title="Alternar tema">Alternar tema</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="/pt" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Início</a><a href="/pt/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="/pt/about" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Sobre</a></nav><a href="/posts/hello-world/" hreflang="en" title="Mudar idioma" aria-label="Mudar idioma: English" class="text-accent max-w-fit py-1 font-mono text-xs sm:text-sm underline hover:cursor-pointer hover:text-accent-deep ">Mudar idioma: English</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="Alternar tema" title="Alternar tema">Alternar tema</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="/pt" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Início</a><a href="/pt/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="/pt/about" class="px-2 py-1 text-sm font-medium font-mono underline text-text-muted hover:text-text">Sobre</a></nav></div></div></header><main class="flex-1"><article class="mx-10 my-10 font-mono"><a href="/pt/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>Voltar para os 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">21 de setembro de 2026</time><span aria-hidden="true">·</span><span>2 min de leitura</span></div><h1 class="mt-3 text-3xl font-bold tracking-tight text-text sm:text-4xl">O Hello World desse blog (ou seja lá como você queira chamar esse site)</h1><p class="mt-3 text-lg text-text-muted">Uma nota curta sobre por que isso existe e sobre o que pretendo escrever aqui.</p><div class="mt-4 flex flex-wrap gap-2"><a href="/pt/tags/meta" class=" text-xs font-medium text-text-muted underline hover:text-accent">#meta</a><a href="/pt/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>Eu sempre tive um lado criativo, quem me conhece sabe. Às vezes ele fica guardado em algum lugar obscuro, no fundo da gaveta, esperando anos pra ser utilizado. E às vezes eu me aproveito dele muito bem.
|
|
Sempre gostei muito de escrever, e faz tempo que queria ter um lugar só meu pra publicar meus pensamentos. Mas só aqueles que eu gostaria que fossem públicos, claro. Ninguém quer entregar todo o funcionamento interno do seu cérebro assim, de graça. Ainda assim, acho que algumas das minhas aventuras intelectuais merecem um pouco de exposição, até porque, sem alguém pra julgar, nunca saberei se valeram a pena.</p>
|
|
<p>Uma das minhas inspirações pra criar um site/blog foi o <a href="https://instagram.com/akitaonrails">Fábio Akita</a>. Eu acompanho ele há muito tempo, e foi por meio dos vídeos do <a href="https://youtube.com/akitaonrails">canal do YouTube dele</a> que eu comecei a estudar sobre computação, antes de entrar na faculdade. Apesar dos vídeos serem realmente muito bons, fornecendo aprendizados difíceis de obter de outra forma, depois de um tempo maratonando os vídeos eu descobri o blog dele, <a href="https://akitaonrails.com">akitaonrails.com</a>. Eu achei muito massa, e gostei da ideia de se ter um lugar pessoal onde se expõem opiniões e aprendizados.</p>
|
|
<p>O Akita é um cara com experiência, que vive há anos na indústria. Eu, um mero estudante levemente adiantado no conteúdo da faculdade de computação. Esse negócio de escrever, ter um blog, parece coisa de gente velha pras pessoas da minha geração. Mas, como falei no <a href="https://gabeefran.co/pt/posts/spotify-complaining">último post</a>, eu gosto da ideia de fazer coisas à moda antiga de vez em quando. O termo <em>“Blog”</em> soa muito 2010, mas não sei que outro nome daria a esta porcaria deste site que você está lendo. Acho que vai ser <em>“blog”</em> mesmo. Bem que eu tenho treinado pra ligar menos pra opinião dos outros, e olha só: tá funcionando!</p>
|
|
<p>Enfim, chame como você quiser, eu acho que vale a pena publicar algo de vez em quando por aqui. Mesmo que ninguém esteja interessado, tanto faz! Que seja apenas a minha pasta pública de notas, então. Só de eu ter aberto a gaveta e tirado de lá do fundo a minha criatividade, considero que já valeu a pena.</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> · Todos os direitos reservados.</p><div class="flex items-center gap-4"><span class="hidden sm:inline">Escrito à mão em 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">Código-fonte</a></div></div></footer></body></html> |