Change navbar of blog sections
This commit is contained in:
parent
30acaf936d
commit
6a7d59301a
@ -12,6 +12,7 @@
|
||||
love building things and learning new stuff.
|
||||
</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>
|
||||
<a class="inline-block py-2 px-4 rounded bg-blue-600 text-white" href="/blog/en/">Blog (en)</a>
|
||||
<a class="inline-block py-2 px-4 rounded bg-indigo-600 text-white" href="/blog/es/">Blog (es)</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
---
|
||||
const { frontmatter } = Astro.props;
|
||||
const { frontmatter, lang } = Astro.props;
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<html lang={lang ?? "en"}>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
@ -15,7 +15,7 @@ const { frontmatter } = Astro.props;
|
||||
<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"
|
||||
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
@ -23,7 +23,7 @@ const { frontmatter } = Astro.props;
|
||||
type="text/css"
|
||||
href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css"
|
||||
/>
|
||||
<script src="//unpkg.com/alpinejs" defer></script>
|
||||
<script src="//unpkg.com/alpinejs" is:inline defer></script>
|
||||
|
||||
<style>
|
||||
html {
|
||||
@ -32,15 +32,20 @@ const { frontmatter } = Astro.props;
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="blog" class="container mx-auto max-w-[1000px]">
|
||||
<a
|
||||
class="font-etoile text-3xl text-center py-10 font-bold dark:bg-c-bg-2 text-c-on-bg my-4 rounded
|
||||
inline-block w-full hover:underline cursor-pointer"
|
||||
href="/"
|
||||
<div class="grid grid-cols-[4rem_auto]">
|
||||
<div class="h-screen">
|
||||
<nav
|
||||
class="fixed top-0 left-0 bg-black text-white rotate-[-90deg] font-display w-[100vh] translate-y-[100vh] px-8 py-2"
|
||||
style="transform-origin: 0% 0%;"
|
||||
>
|
||||
Fernando Araoz: le ブログ
|
||||
<a class="font-semibold inline-block text-2xl hover:underline" href={"/blog/" + lang}>
|
||||
Fernando Araoz
|
||||
</a>
|
||||
|
||||
<a class="ml-6 inline-block hover:underline" href="/blog/en">Eng Blog</a>
|
||||
<a class="ml-6 inline-block hover:underline" href="/blog/es">Es Blog</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div id="blog" class="container mx-auto max-w-[1000px]">
|
||||
<div class="py-6">
|
||||
{
|
||||
frontmatter?.title && (
|
||||
@ -78,5 +83,6 @@ const { frontmatter } = Astro.props;
|
||||
|
||||
<div class="min-h-40"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
layout: ../../layouts/BlogLayout.astro
|
||||
layout: ../../../layouts/BlogLayout.astro
|
||||
title: Golang first impressions
|
||||
description: First thoughts after using a little bit of Golang
|
||||
pubDate: "2024-05-25"
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
import BlogLayout from "../../layouts/BlogLayout.astro";
|
||||
import BlogLayout from "../../../layouts/BlogLayout.astro";
|
||||
---
|
||||
|
||||
<BlogLayout>
|
||||
@ -13,12 +13,12 @@ import BlogLayout from "../../layouts/BlogLayout.astro";
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a class="underline" href="/blog/responsible-stack/">
|
||||
<a class="underline" href="/blog/en/responsible-stack/">
|
||||
The responsible stack
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="underline" href="/blog/go-1/">
|
||||
<a class="underline" href="/blog/en/go-1/">
|
||||
Golang first impressions
|
||||
</a>
|
||||
</li>
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
layout: ../../layouts/BlogLayout.astro
|
||||
layout: ../../../layouts/BlogLayout.astro
|
||||
title: The responsible tech stack
|
||||
description: tech stack
|
||||
pubDate: "2024-05-20"
|
||||
24
src/pages/blog/es/index.astro
Normal file
24
src/pages/blog/es/index.astro
Normal file
@ -0,0 +1,24 @@
|
||||
---
|
||||
import BlogLayout from "../../../layouts/BlogLayout.astro";
|
||||
---
|
||||
|
||||
<BlogLayout lang="es">
|
||||
<h1>Blog en Español</h1>
|
||||
|
||||
<p>Carita feliz :D</p>
|
||||
|
||||
<p>Posts:</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a class="underline" href="/blog/responsible-stack/">
|
||||
The responsible stack
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="underline" href="/blog/go-1/">
|
||||
Golang first impressions
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</BlogLayout>
|
||||
@ -10,6 +10,7 @@ export default {
|
||||
},
|
||||
fontFamily: {
|
||||
"etoile": ["'Iosevka Etoile Web'", "serif"],
|
||||
"display": ["'Outfit'", "sans-serif"],
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user