Minimal blog layout
parent
2ce75eadcd
commit
783aeb2399
Binary file not shown.
|
|
@ -17,6 +17,15 @@
|
||||||
src: url('/Iosevka/Bold.woff2') format('woff2');
|
src: url('/Iosevka/Bold.woff2') format('woff2');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Iosevka Etoile Web';
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 900;
|
||||||
|
font-stretch: normal;
|
||||||
|
font-style: normal;
|
||||||
|
src: url('/IosevkaEtoile/Heavy.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--c-bg: #101010;
|
--c-bg: #101010;
|
||||||
--c-on-bg: #dedede;
|
--c-on-bg: #dedede;
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,8 @@
|
||||||
|
---
|
||||||
|
const { frontmatter } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
|
@ -5,7 +10,8 @@
|
||||||
<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>Fernando Araoz - Blog</title>
|
<link rel="stylesheet" href="/blog.css" />
|
||||||
|
<title>Blog - 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
|
||||||
|
|
@ -19,7 +25,32 @@
|
||||||
/>
|
/>
|
||||||
<script src="//unpkg.com/alpinejs" defer></script>
|
<script src="//unpkg.com/alpinejs" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body style="font-size: 20px;">
|
||||||
|
<div id="blog" class="container mx-auto max-w-[1000px]">
|
||||||
|
<div
|
||||||
|
class="font-etoile text-3xl text-center py-16 font-bold dark:bg-c-bg-2 text-c-on-bg my-4 rounded hover:underline hover:cursor-help"
|
||||||
|
>
|
||||||
|
Fernando Araoz: le ブログ
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="py-6">
|
||||||
|
{
|
||||||
|
frontmatter?.title && (
|
||||||
|
<h1 class="font-etoile text-center text-2xl py-2">
|
||||||
|
{frontmatter.title}
|
||||||
|
</h1>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
{
|
||||||
|
frontmatter?.pubDate && (
|
||||||
|
<p class="text-center text-sm">
|
||||||
|
Published: {frontmatter.pubDate}
|
||||||
|
</p>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
|
||||||
<slot />
|
<slot />
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
layout: ../../layouts/BlogLayout.astro
|
|
||||||
---
|
|
||||||
# First
|
|
||||||
|
|
||||||
The first page
|
|
||||||
|
|
||||||
|
|
@ -4,4 +4,18 @@ import BlogLayout from "../../layouts/BlogLayout.astro";
|
||||||
|
|
||||||
<BlogLayout>
|
<BlogLayout>
|
||||||
<h1>Blog index, WIP</h1>
|
<h1>Blog index, WIP</h1>
|
||||||
|
|
||||||
|
<p>Some day there will be a procedurally generated list of pages here!</p>
|
||||||
|
|
||||||
|
<p>Until then:</p>
|
||||||
|
|
||||||
|
<p>Posts:</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a class="underline" href="/blog/responsible-stack/">
|
||||||
|
The responsible stack
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</BlogLayout>
|
</BlogLayout>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
layout: ../../layouts/BlogLayout.astro
|
||||||
|
title: The responsible tech stack
|
||||||
|
description: tech stack
|
||||||
|
pubDate: 2024/05/20
|
||||||
|
tags: ["tech stack"]
|
||||||
|
---
|
||||||
|
|
||||||
|
The first page
|
||||||
|
|
||||||
|
|
@ -4,7 +4,7 @@ import Languages from "../components/index/Languages.astro";
|
||||||
import Learning from "../components/index/Learning.astro";
|
import Learning from "../components/index/Learning.astro";
|
||||||
import Tools from "../components/index/Tools.astro";
|
import Tools from "../components/index/Tools.astro";
|
||||||
---
|
---
|
||||||
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,9 @@ export default {
|
||||||
'c-on-bg': 'var(--c-on-bg)',
|
'c-on-bg': 'var(--c-on-bg)',
|
||||||
'c-bg-2': 'var(--c-bg-2)',
|
'c-bg-2': 'var(--c-bg-2)',
|
||||||
},
|
},
|
||||||
|
fontFamily: {
|
||||||
|
"etoile": ["'Iosevka Etoile Web'", "serif"],
|
||||||
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue