fernando
/
araozu.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add blog page

main
Araozu 2024-05-17 18:53:35 -05:00
parent 213befca6b
commit 99a80c425c
8 changed files with 73 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Sidebar.astro
View File

@ -11,4 +11,7 @@
I'm a (human) software engineer passionate about web technologies. I I'm a (human) software engineer passionate about web technologies. I
love building things and learning new stuff. love building things and learning new stuff.
</p> </p>
<div class="text-center py-4">
<a class="inline-block py-2 px-4 rounded bg-blue-600 text-white" href="/blog/">Blog</a>
</div>
</div> </div>

23
src/components/index/Languages.astro
View File

@ -31,6 +31,14 @@ import ToolIcon from "../ToolIcon.astro";
</div> </div>
<div class="py-4 md:px-16"> <div class="py-4 md:px-16">
<div
class="text-center table h-32 w-full"
x-show="active_tab === ''"
>
<div class="table-cell align-middle">
&darr; Click one &uarr;
</div>
</div>
<div x-show="active_tab === 'ts'"> <div x-show="active_tab === 'ts'">
I've used JS/TS since my first year at uni. I've written a lot I've used JS/TS since my first year at uni. I've written a lot
of small pages, with either vanilla JS or frameworks in the of small pages, with either vanilla JS or frameworks in the
@ -69,14 +77,6 @@ import ToolIcon from "../ToolIcon.astro";
I've used PHP at work, to mantain & update legacy websites, and I've used PHP at work, to mantain & update legacy websites, and
to create a REST API along with a React frontend. to create a REST API along with a React frontend.
</div> </div>
<div
class="text-center table h-32 w-full"
x-show="active_tab === ''"
>
<div class="table-cell align-middle">
&darr; Click one &uarr;
</div>
</div>
</div> </div>
<p class="my-4"> <p class="my-4">
<span class="font-medium text-lg">Other</span> languages I've used: <span class="font-medium text-lg">Other</span> languages I've used:
@ -116,6 +116,12 @@ import ToolIcon from "../ToolIcon.astro";
Other languages I've tried for fun: Other languages I've tried for fun:
<br /> <br />
<div class="text-center"> <div class="text-center">
<LangLogo
href="https://go.dev/"
lang="Go"
icon="go"
/>
<LangLogo href="https://ziglang.org/" lang="Zig" icon="zig" />
<LangLogo <LangLogo
href="https://elixir-lang.org/" href="https://elixir-lang.org/"
lang="Elixir" lang="Elixir"
@ -137,7 +143,6 @@ import ToolIcon from "../ToolIcon.astro";
lang="Racket" lang="Racket"
icon="racket" icon="racket"
/> />
<LangLogo href="https://ziglang.org/" lang="Zig" icon="zig" />
<LangLogo <LangLogo
href="https://learn.microsoft.com/en-us/dotnet/fsharp/what-is-fsharp" href="https://learn.microsoft.com/en-us/dotnet/fsharp/what-is-fsharp"
lang="F#" lang="F#"

16
src/components/index/Learning.astro
View File

@ -1,7 +1,21 @@
--- ---
import Card from "../Card.astro"; import Card from "../Card.astro";
import ToolIcon from "../ToolIcon.astro";
--- ---
<Card title="I'm learning"> <Card title="I'm learning">
a <div class="flex justify-evenly">
<ToolIcon
isRoot={true}
name="Zig"
icon="zig-logo"
size="big"
/>
<ToolIcon
isRoot={true}
name="Go"
icon="go-logo"
size="big"
/>
</div>
</Card> </Card>

3
src/components/index/Tools.astro
View File

@ -4,9 +4,6 @@ import ToolIcon from "../ToolIcon.astro"
--- ---
<Card title="Tools"> <Card title="Tools">
<p>
I've used a lot of tools, some of them are:
</p>
<div class="text-center"> <div class="text-center">
<ToolIcon name="Git" icon="git" href="https://git-scm.com" size="big" /> <ToolIcon name="Git" icon="git" href="https://git-scm.com" size="big" />
<ToolIcon name="Jira" icon="jira" href="https://www.atlassian.com/jira" size="big" /> <ToolIcon name="Jira" icon="jira" href="https://www.atlassian.com/jira" size="big" />

25
src/layouts/BlogLayout.astro Normal file
View File

@ -0,0 +1,25 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<link rel="stylesheet" href="/global.css" />
<title>Fernando Araoz - Blog</title>
<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=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css"
/>
<script src="//unpkg.com/alpinejs" defer></script>
</head>
<body>
<slot />
</body>
</html>

7
src/pages/blog/first.md Normal file
View File

@ -0,0 +1,7 @@
---
layout: ../../layouts/BlogLayout.astro
---
# First
The first page

7
src/pages/blog/index.astro Normal file
View File

@ -0,0 +1,7 @@
---
import BlogLayout from "../../layouts/BlogLayout.astro";
---
<BlogLayout>
<h1>Blog index, WIP</h1>
</BlogLayout>

2
src/pages/index.astro
View File

@ -12,7 +12,7 @@ import Tools from "../components/index/Tools.astro";
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<link rel="stylesheet" href="/global.css" /> <link rel="stylesheet" href="/global.css" />
<title>Astro</title> <title>Fernando Araoz</title>
<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 <link