denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added notches and footer

Browse Source
This commit is contained in:
denizk0461
2025-04-04 19:00:47 +02:00
parent 060b66a1be
commit 6a1a184b7b
11 changed files with 75 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/+layout.svelte
View File

@@ -15,9 +15,9 @@
<Footer />
<style>
:global {
@import url('https://fonts.upset.dev/css2?family=Reddit+Mono:wght@200..900&family=Reddit+Sans+Condensed:wght@200..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.upset.dev/css2?family=Reddit+Mono:wght@200..900&family=Reddit+Sans+Condensed:wght@200..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:global {
:root {
--color-text: #e0e0e0;
--color-text-img: invert(98%) sepia(1%) saturate(4643%) hue-rotate(297deg) brightness(115%) contrast(76%);
@@ -32,11 +32,13 @@
--notch-size: 32px;
--notch-size-small: 16px;
--notch-size-link: 10px;
--color-link-unvisited: #c2e8ff;
--color-link-visited: #ffd7f0;
--color-link-hovered: #ffdad5;
--font-sans-serif: 'Reddit Sans', 'Lato', sans-serif;
--font-mono: 'Reddit Mono', monospace;
}
html {
@@ -49,7 +51,7 @@
margin: 0 auto 228px;
max-width: 1200px;
font-family: 'Reddit Sans', 'Lato', sans-serif;
font-family: var(--font-sans-serif);
font-size: 1.1rem;
color: var(--color-text); /* text colour */
@@ -101,7 +103,7 @@
}
code, .code-block {
font-family: 'Reddit Mono', monospace;
font-family: var(--font-mono);
font-size: 0.9em;
background-color: var(--color-background-highlight);
/* color: var(--color-background); */

7
src/routes/projects/+page.svelte
View File

@@ -4,6 +4,7 @@
import type { Project } from './projects';
import { projects } from './projects';
import { browser } from '$app/environment';
import LinkList from "$lib/link-list.svelte";
let getActiveProjects = function(projects: Project[], isActive: boolean): Project[] {
var result: Project[] = [];
@@ -57,11 +58,7 @@
{#each project.paragraphs as paragraph}
<p>{@html paragraph}</p>
{/each}
<ul>
{#each project.links as link}
<li><a href="{link.link}">{@html link.text}</a></li>
{/each}
</ul>
<LinkList entries={project.links} />
</div>
{/snippet}