herrcrazi/faoilean
1
1
Fork 0
mirror of https://github.com/HerrCraziDev/faoilean.git synced 2025-12-15 18:16:16 +01:00
Code Issues Projects Releases Wiki Activity

link to repo, background gradient fix

Browse Source
This commit is contained in:
HerrCrazi
2022-05-25 14:53:15 +02:00
parent 641648e1a4
commit c6d797dd70
2 changed files with 9 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app.css
View File

@@ -9,7 +9,7 @@
--primary-color: #d1d1d1; --primary-color: #d1d1d1;
--secondary-color: #e4e4e4; --secondary-color: #e4e4e4;
--tertiary-color: #eee; --tertiary-color: #eee;
--accent-color: #ff3e00; --accent-color: #223db1;
--heading-color: white; --heading-color: white;
--text-color: #444444; --text-color: #444444;
--background-without-opacity: rgba(255, 255, 255, 0.7); --background-without-opacity: rgba(255, 255, 255, 0.7);
@@ -31,27 +31,11 @@ body {
background: linear-gradient( background: linear-gradient(
180deg, 180deg,
var(--primary-color) 0%, var(--primary-color) 0%,
var(--secondary-color) 10.45%, var(--secondary-color) 4em,
var(--tertiary-color) 41.35% var(--tertiary-color) 10em
); );
} }
body::before {
content: '';
width: 80vw;
height: 100vh;
position: absolute;
top: 0;
left: 10vw;
z-index: -1;
background: radial-gradient(
50% 50% at 50% 50%,
var(--pure-white) 0%,
rgba(255, 255, 255, 0) 100%
);
opacity: 0.05;
}
ul.nolist, li.nolist { ul.nolist, li.nolist {
padding: 0; padding: 0;
margin: 0; margin: 0;

8
src/routes/__layout.svelte
View File

@@ -6,11 +6,11 @@
<Header /> <Header />
<main> <main>
<slot /> <slot/>
</main> </main>
<footer> <footer>
<p><em>faoilean</em>, light as a feather, free as a bird! - suckless blogging thingy</p> <p><em><a href="https://github.com/HerrCraziDev/faoilean">faoilean</a></em>, light as a feather, free as a bird! - suckless blogging thingy</p>
</footer> </footer>
<style> <style>
@@ -38,6 +38,10 @@
font-weight: bold; font-weight: bold;
} }
footer em a {
color: inherit;
}
@media (min-width: 480px) { @media (min-width: 480px) {
footer { footer {
padding: 40px 0; padding: 40px 0;