juli0n21/homepage
1
0
Fork 0
mirror of https://github.com/JuLi0n21/homepage.git synced 2026-06-05 09:56:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

add client side shuffel so every page refresh it stays fresh

Browse Source
This commit is contained in:
Julian Schlüter
2026-03-18 15:54:29 +01:00
parent f1fbdbafdc
commit d10521f04b
11 changed files with 366 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/BlogPost.astro
+49 -43
View File
@@ -1,52 +1,58 @@
---
import BaseHead from '@components/BaseHead.astro';
import Header from '@components/Header.astro';
import GithubIcon from '@assets/github.svg'
import BaseHead from "@components/BaseHead.astro";
import Header from "@components/Header.astro";
import GithubIcon from "@assets/github.svg";
const { title, description, gitLink } = Astro.props;
---
<html lang="en">
<head>
<BaseHead title={title} description={description} />
<!-- To add meta data here later -->
<style>
body {
display:flex;
flex-direction: row;
}
main { display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
padding: 0;
margin: 0;
flex-grow: 1;
}
<head>
<BaseHead title={title} description={description} />
<!-- To add meta data here later -->
<style>
body {
display: flex;
flex-direction: row;
}
main {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-between;
padding: 0;
margin: 0;
flex-grow: 1;
}
.wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
min-width: 0;
width: 0;
padding: 1cm;
margin: 1cm;
}
.wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
min-width: 0;
width: 0;
padding: 1cm;
margin: 1cm;
}
</style>
</head>
</style>
</head>
<body>
<main>
<Header />
<div class="wrapper">
<a href={gitLink ?? 'https://github.com/juli0n21'} style="position: relative;">
<GithubIcon style="position: absolute; right:0;" width="50px" height="50px" />
</a>
<slot />
</div>
</main>
</body>
<body>
<main>
<Header />
<div class="wrapper">
<a
href={gitLink ?? "https://github.com/juli0n21"}
style="position: relative;"
>
<GithubIcon
style="position: absolute; right:0;"
width="50px"
height="50px"
/>
</a>
<slot />
</div>
</main>
</body>
</html>