Fries/fries-website
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity

Compare commits

base: Fries:95010674143df6be8658220a2a9ce66ec7516f52
Branches Tags
Fries:main
Fries:webring
..
compare: Fries:6925d7e737b3687239b35d2f1798c732dba9a010
Branches Tags
Fries:main
Fries:webring

2 commits
9501067414 ... 6925d7e737

Author SHA1 Message Date
Fries
6925d7e737 make hr look the same on Firefox and Chromium 
i just had to make the border 1px and solid. and i put a seperator
between both the header and footer.

Fixes #3.
 2023-06-10 21:37:21 -07:00
Fries
a68fcbaac9 change the theme to a basic but working theme. 2023-06-10 21:25:31 -07:00
4 changed files with 15 additions and 8 deletions
Show stats Expand all files Collapse all files

2
.vscode/settings.json vendored
View file

@ -1,5 +1,5 @@
{ {
"eslint.packageManager": "pnpm", "eslint.packageManager": "pnpm",
"editor.insertSpaces": false, "editor.insertSpaces": false,
"editor.detectIndentation": false "editor.detectIndentation": false,
} }

1
src/components/Footer.astro
View file

@ -1,4 +1,3 @@
<footer aria-label="my websites footer"> <footer aria-label="my websites footer">
<hr>
<a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a> <a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a>
</footer> </footer>

2
src/layouts/Layout.astro
View file

@ -20,7 +20,9 @@ import "../styles/global.css";
</head> </head>
<body> <body>
<Navigation /> <Navigation />
<hr>
<slot /> <slot />
<hr>
<Footer /> <Footer />
</body> </body>
</html> </html>

18
src/styles/global.css
View file

@ -1,16 +1,17 @@
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
--background-color: #eff1f5; --background-color: white;
--text-color: #1e1e2e; --text-color: #black;
--link-color: #1a1adc; --link-color: darkblue;
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--background-color: #1e1e2e; --background-color: black;
--text-color: #cdd6f4; --text-color: white;
--link-color: #8cb8ff; --link-color: cyan;
} }
} }
@ -42,3 +43,8 @@ body {
hr { hr {
color: var(--text-color); color: var(--text-color);
} }
hr {
border: 1px solid;
max-width: 600px;
}