light7734/dazzle
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

articles/graphics-pipeline #1

Merged
light7734 merged 10 commits from articles/graphics-pipeline into main 2025-04-28 15:00:12 +00:00
Conversation 0 Commits 10 Files changed 9 +29 -7
3 changed files with 29 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 7020f69aab - Show all commits

4
src/app.html
View file

@ -3,6 +3,10 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
</head> </head>

4
src/routes/articles/+layout.svelte
View file

@ -4,7 +4,11 @@
</script> </script>
<div class="body"> <div class="body">
<div class="article_padding"></div>
<div class="article_body"> <div class="article_body">
{@render children()} {@render children()}
</div> </div>
<div class="article_padding"></div>
</div> </div>

28
src/routes/articles/article.css
View file

@ -1,10 +1,12 @@
* { @import "tailwindcss";
color: #fbf1c7; @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
font-family: Arial, Helvetica, sans-serif
}
.body { * {
background-color: #1d2021 color: #ebdbb2;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
} }
br { br {
@ -22,12 +24,24 @@ h2 {
margin-top: .6em; margin-top: .6em;
} }
.body {
background-color: #1d2021;
display: flex;
}
.article_body { .article_body {
flex: 3;
margin-left: 10em; margin-left: 10em;
margin-right: 10em; margin-right: 10em;
padding: 1em; padding: 1em;
background-color: #282828; background-color: #282828;
text-align: justify; text-align: justify;
max-width: 80ch; max-width: 80ch;
/* Adjust as necessary */
border-left: 1px solid #7c6f64;
border-right: 1px solid #7c6f64;
}
.article_padding {
flex: 1;
} }