will/sludge-link
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updating the main page with new formating and some style changes

Browse Source 
Add new blag page stuff
This commit is contained in:
Will Stensvold
2025-06-24 21:50:20 -05:00
parent f24d3c6cd5
commit 72367b30d2
4 changed files with 171 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+layout.svelte
+95 -39
View File
@@ -7,6 +7,11 @@
// $inspect("l",data);
</script>
<svelte:head>
<title>Sludge and Link</title>
<meta name="description" content="Sludge's internet facing spot" />
</svelte:head>
<nav>
<a href="/">Sludge</a>
<a href="/fest">Fest</a>
@@ -19,31 +24,31 @@
</main>
<style lang="scss">
@use '/src/app.scss' as *;
@use "/src/app.scss" as *;
:global(body) {
background-color: $green-42;
// '3px-tile.png',
// 'arabesque.png',
// 'beige-paper.png',
// 'binding-dark.png',
// '45-degree-fabric-light.png'
background-color: $green-42;
// '3px-tile.png',
// 'arabesque.png',
// 'beige-paper.png',
// 'binding-dark.png',
// '45-degree-fabric-light.png'
background-image: url('/patterns/arabesque.png');
background-image: url("/patterns/arabesque.png");
background-attachment: fixed;
}
nav{
nav {
padding: 0 20%;
display: flex;
gap: 1rem;
justify-content: flex-end;
text-shadow: 3px 3px 3px $green;
a{
a {
font-weight: 700;
text-decoration: none;
&:first-child{
&:first-child {
margin-right: auto;
}
&:hover{
&:hover {
color: $orange;
}
}
@@ -54,8 +59,59 @@
flex-direction: row;
}
:global(html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video){
:global(
html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video
) {
margin: 0;
padding: 0;
border: 0;
@@ -69,60 +125,60 @@
-webkit-font-smoothing: antialiased;
}
@font-face{
font-family: 'Baskerville';
@font-face {
font-family: "Baskerville";
font-display: swap;
font-style: italic;
font-weight: 500;
src: url(/font/LibreBaskerville-Italic.otf) format('opentype');
src: url(/font/LibreBaskerville-Italic.otf) format("opentype");
}
@font-face{
font-family: 'Baskerville';
@font-face {
font-family: "Baskerville";
font-display: swap;
font-style: normal;
font-weight: 900;
src: url(/font/LibreBaskerville-Bold.otf) format('opentype');
src: url(/font/LibreBaskerville-Bold.otf) format("opentype");
}
@font-face{
font-family: 'Baskerville';
@font-face {
font-family: "Baskerville";
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(/font/LibreBaskerville-Regular.otf) format('opentype');
src: url(/font/LibreBaskerville-Regular.otf) format("opentype");
}
@font-face{
font-family: 'Initials';
@font-face {
font-family: "Initials";
font-display: swap;
font-style: normal;
font-weight: 500;
src: url(/font/EBGaramond-Initials.otf) format('opentype');
src: url(/font/EBGaramond-Initials.otf) format("opentype");
}
@font-face{
font-family: 'Initials';
@font-face {
font-family: "Initials";
font-display: swap;
font-style: normal;
font-weight: 100;
src: url(/font/EBGaramond-InitialsF1.otf) format('opentype');
src: url(/font/EBGaramond-InitialsF1.otf) format("opentype");
}
@font-face{
font-family: 'Initials';
@font-face {
font-family: "Initials";
font-display: swap;
font-style: normal;
font-weight: 200;
src: url(/font/EBGaramond-InitialsF2.otf) format('opentype');
src: url(/font/EBGaramond-InitialsF2.otf) format("opentype");
}
@font-face{
font-family: 'Garamond';
@font-face {
font-family: "Garamond";
font-display: swap;
font-style: italic;
src: url(/font/EBGaramond-Italic.ttf) format('truetype');
src: url(/font/EBGaramond-Italic.ttf) format("truetype");
}
@font-face{
font-family: 'Garamond';
@font-face {
font-family: "Garamond";
font-display: swap;
font-style: normal;
src: url(/font/EBGaramond.ttf) format('truetype');
src: url(/font/EBGaramond.ttf) format("truetype");
}
</style>