Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

update

Browse source
This commit is contained in:
Korbs 2024-12-03 23:06:11 -05:00
parent 54c5e38455
commit 3593d4c42e
2 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/blog/index.astro
View file

@ -4,20 +4,14 @@ import Default from "@layouts/Default.astro";
// Components
import Posts from "@components/blog/posts.astro";
// List Posts
const GhostFetch = 'https://blog.ghost.sudovanilla.org/ghost/api/content/posts/?key=bef2ed15d9e38f7703be9412b3'
const GhostResponse = await fetch(GhostFetch);
const Ghost = await GhostResponse.json();
// Icons
import { BookmarkBook, ReportColumns } from "@iconoir/vue";
import Heading from "@components/Heading.astro";
---
<Default MobileTitle="SudoVanilla" NoSubHeader>
<Fragment slot="body">
<Posts server:defer><div slot="fallback">Loading posts...</div></Posts>
</Fragment>
<Default MobileTitle="Recommended Reading" NoSubHeader>
<Fragment slot="body">
<Heading Title="Posts"/>
<Posts server:defer><div slot="fallback">Loading posts...</div></Posts>
</Fragment>
</Default>
<style lang="scss">

23
src/styles/index.scss
View file

@ -48,6 +48,9 @@
:root {
--border-color: rgba(255, 255, 255, 0.25);
--border-color-hover: rgba(255, 255, 255, 0.50);
--pandora-text: white;
--pandora-shadows: rgba(19, 21, 26, 0.5);
--pandora-borders: white;
}
body {
@ -109,11 +112,13 @@ a {
:is(body) {
@include color-mode(light) {
:root {
--pandora-text: black !important;
--pandora-shadows: black !important;
--pandora-borders: black !important;
}
color: black !important;
background-color: white !important;
:root {
--box-shadow-color: white;
}
.theme-is-light {display: inherit}
.theme-is-dark {display: none}
.service-links a {
@ -127,7 +132,7 @@ a {
filter: invert(1);
}
}
.large-card {
.pd-cta-end {
a {
background: rgb(234, 234, 234) !important;
color: black !important;
@ -140,11 +145,13 @@ a {
}
}
@include color-mode(dark) {
:root {
--pandora-text: white;
--pandora-shadows: white;
--pandora-borders: white;
}
color: white !important;
background-color: black !important;
:root {
--box-shadow-color: black;
}
.theme-is-light {display: none}
.theme-is-dark {display: inherit}
.service-links a {
@ -161,7 +168,7 @@ a {
filter: invert(0);
}
}
.large-card {
.pd-cta-end {
a {
background: transparent !important;
color: white !important;