mirror of
https://github.com/xHyroM/website.git
synced 2024-11-12 18:48:06 +01:00
feat: blog
This commit is contained in:
parent
1957a9e54e
commit
d4cd448eb5
4 changed files with 82 additions and 0 deletions
|
@ -10,6 +10,10 @@ const navItems = [
|
||||||
name: "Projects",
|
name: "Projects",
|
||||||
link: "/projects",
|
link: "/projects",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "Blog",
|
||||||
|
link: "/blog",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Docs",
|
name: "Docs",
|
||||||
link: "/docs",
|
link: "/docs",
|
||||||
|
|
29
src/layouts/BlogLayout.astro
Normal file
29
src/layouts/BlogLayout.astro
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
---
|
||||||
|
import Container from "../components/atoms/Container.astro";
|
||||||
|
import Navbar from "../components/widgets/Navbar.astro";
|
||||||
|
import Layout from "./Layout.astro"
|
||||||
|
|
||||||
|
export interface Props {
|
||||||
|
content: {
|
||||||
|
title: string;
|
||||||
|
date?: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const {
|
||||||
|
content: { title, date },
|
||||||
|
} = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
<Navbar />
|
||||||
|
<h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
|
||||||
|
{title}
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
<div class="text-white text-2xl">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</Container>
|
||||||
|
</Layout>
|
32
src/pages/blog/index.astro
Normal file
32
src/pages/blog/index.astro
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
---
|
||||||
|
import Layout from "../../layouts/Layout.astro";
|
||||||
|
import Navbar from "../../components/widgets/Navbar.astro";
|
||||||
|
import Container from "../../components/atoms/Container.astro";
|
||||||
|
|
||||||
|
const posts = (await Astro.glob('./posts/*.md')).sort(
|
||||||
|
(a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf()
|
||||||
|
);
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout>
|
||||||
|
<Navbar />
|
||||||
|
<h1 class="text-white text-5xl w-full text-center py-32 font-extrabold">
|
||||||
|
Blog
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<Container>
|
||||||
|
{posts.map(post => {
|
||||||
|
return (
|
||||||
|
<a class="text-2xl font-bold text-white mb-4 break-all" href={post.url}>{post.frontmatter.title}</a>
|
||||||
|
<h3 class="text-1xl text-white italic mb-4 break-all">
|
||||||
|
{new Date(post.frontmatter.date).toLocaleDateString('en-us', {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
day: 'numeric',
|
||||||
|
})}
|
||||||
|
</h3>
|
||||||
|
<hr class="text-gray" />
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</Container>
|
||||||
|
</Layout>
|
17
src/pages/blog/posts/new-year-2022.md
Normal file
17
src/pages/blog/posts/new-year-2022.md
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
---
|
||||||
|
title: Šťastný nový rok 2022
|
||||||
|
date: 'Januar 01 2023'
|
||||||
|
layout: ../../../layouts/BlogLayout.astro
|
||||||
|
---
|
||||||
|
|
||||||
|
Ahoj!<br /><br />
|
||||||
|
|
||||||
|
S novým rokom 2023 prichádza aj nová vlna nádejí a očakávaní. Tento rok je plný príležitostí a možností, a je na nás, ako ich využijeme.<br /><br />
|
||||||
|
|
||||||
|
Možno už máte v hlave nejaké ciele, ktoré by ste radi v tomto roku dosiahli. Možno sa chcete zlepšiť v práci, alebo sa venovať svojim koníčkom. Možno sa chcete viac venovať rodine a priateľom, alebo začať nový životný štýl. Čokoľvek to je, nechajte sa inšpirovať a nebojte sa zmeny.<br /><br />
|
||||||
|
|
||||||
|
Nový rok je tiež skvelou príležitosťou na to, aby sme sa zamysleli nad tým, čo je v živote naozaj dôležité. Nezabúdajme na to, že peniaze a veci nás nevidia šťastnými, ale skutočné hodnoty ako láska, priateľstvo a rodina sú tými, ktoré nás robia šťastnými.<br /><br />
|
||||||
|
|
||||||
|
Takže nech sa páči, vítajme nový rok 2023 s otvorenou náručou a nechajme sa unášať vlnou nových príležitostí a zmien. Nech je to rok plný lásky, úspechov, zdravia a šťastia pre všetkých.<br /><br />
|
||||||
|
|
||||||
|
**Šťastný nový rok!**
|
Loading…
Reference in a new issue