flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/blog-template. minimalistic astro blog template
flo-bit.dev/blog-template/
astro
blog
template
change styling
author
Florian
date
(Jul 1, 2025, 12:12 AM +0200)
commit
7f817d3e
7f817d3e4fe5677f2d5eedc81cb859b361ed38f9
parent
5e15dad4
5e15dad43f29c33f5fcb2004939fe3f0661f4e62
+7
-7
+1
-1
src/components/BigBlogEntry.astro
+1
-1
src/components/BigBlogEntry.astro
···
36
36
</a>
37
37
38
38
<div
39
-
class="absolute -inset-2 md:-inset-4 rounded-2xl opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 bg-base-200/50 dark:bg-base-800/50 -z-10 transition-all duration-150"
39
+
class="absolute -inset-2 md:-inset-4 rounded-2xl opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 bg-base-200/20 dark:bg-base-800/20 -z-10 transition-all duration-150"
40
40
>
41
41
</div>
42
42
</div>
+1
-1
src/components/BlogEntry.astro
+1
-1
src/components/BlogEntry.astro
···
35
35
</a>
36
36
37
37
<div
38
-
class="absolute -inset-2 md:-inset-4 rounded-2xl opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 bg-base-200/50 dark:bg-base-800/50 -z-10 transition-all duration-150"
38
+
class="absolute -inset-2 md:-inset-4 rounded-2xl opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 bg-base-200/30 dark:bg-base-800/30 -z-10 transition-all duration-150"
39
39
>
40
40
</div>
41
41
</div>
+2
-2
src/config.ts
+2
-2
src/config.ts
···
33
33
export const SOURCE_LINK = 'https://github.com/flo-bit/blog-template';
34
34
35
35
// will be used to set the base color of the blog
36
-
export const BASE_COLOR: BaseColor = "stone";
36
+
export const BASE_COLOR: BaseColor = "neutral";
37
37
38
38
// will be used to set the accent color of the blog
39
-
export const ACCENT_COLOR: AccentColor = "pink";
39
+
export const ACCENT_COLOR: AccentColor = "cyan";
40
40
41
41
// will show all icons that are not empty in the footer as links
42
42
export const SOCIAL_LINKS: {
+3
-3
src/layouts/BaseLayout.astro
+3
-3
src/layouts/BaseLayout.astro
···
72
72
<body
73
73
class="bg-base-100 dark:bg-base-950 flex mx-1 sm:mx-4 transition-all duration-150"
74
74
>
75
-
<div class="max-w-5xl mx-auto my-1 sm:my-8 w-full">
75
+
<div class="max-w-4xl mx-auto my-1 sm:my-8 w-full">
76
76
<div class="w-full">
77
77
<slot />
78
78
</div>
79
79
</div>
80
80
81
-
<div class="fixed inset-0 h-full w-full -z-50">
81
+
<!-- <div class="fixed inset-0 h-full w-full -z-50">
82
82
<div
83
83
class="h-full w-full max-w-5xl mx-auto bg-base-50 ring-1 ring-base-200 dark:bg-base-900 dark:ring-base-300/20 shadow-lg"
84
84
>
85
85
</div>
86
-
</div>
86
+
</div> -->
87
87
</body>
88
88
</html>