Fries
/
fries-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases 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",
"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">
<hr>
<a href="https://git.solarpunk.moe/fries/fries-website">Source Code</a>
</footer>

2
src/layouts/Layout.astro
View File

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

18
src/styles/global.css
View File

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