-
I'm Esteban,
+
I'm Esteban,
A Software Developer focused in Systems Programming & Web
Development with {2024 - 2017} years of experience.
diff --git a/src/routes/[lang=lang]/notes/+page.svelte b/src/routes/[lang=lang]/notes/+page.svelte
index f210b78b..560228be 100644
--- a/src/routes/[lang=lang]/notes/+page.svelte
+++ b/src/routes/[lang=lang]/notes/+page.svelte
@@ -15,8 +15,10 @@
let avatarUrl = 'https://avatars.githubusercontent.com/u/34756077?v=4';
let notesIndex = [];
+ const PAGE_SIZE = 9;
+
function nextPage(page: number): any {
- const pageSize = 6;
+ const pageSize = PAGE_SIZE;
return {
notes: data.notesIndex.slice((page - 1) * pageSize, page * pageSize),
@@ -83,30 +85,25 @@
-
-
- {#each notesIndex as page}
-
- {#each page as { meta, slug }, idx}
-
- {/each}
-
- {/each}
-
- {#if hasNextPage}
-
-
- {/if}
+ {/each}
+ {/each}
+{#if hasNextPage}
+
+
+
+{/if}
diff --git a/src/routes/[lang=lang]/notes/[slug]/+page.svelte b/src/routes/[lang=lang]/notes/[slug]/+page.svelte
index ddaed1b2..6b5806d3 100644
--- a/src/routes/[lang=lang]/notes/[slug]/+page.svelte
+++ b/src/routes/[lang=lang]/notes/[slug]/+page.svelte
@@ -1,7 +1,7 @@
-
-
+
-
+
diff --git a/src/routes/[lang=lang]/notes/components/Entry.svelte b/src/routes/[lang=lang]/notes/components/Entry.svelte
index 20ad2ee9..0014980e 100644
--- a/src/routes/[lang=lang]/notes/components/Entry.svelte
+++ b/src/routes/[lang=lang]/notes/components/Entry.svelte
@@ -9,7 +9,6 @@
export let publishDate: Date;
export let tags: string[];
export let slug: string;
- export let previewImageUrl: string;
const langTags = ['python', 'rust', 'svelte', 'typescript'];
@@ -19,43 +18,25 @@
.slice(0, 3);
-
-
-
-
-
- {description}
-
-
- {#each displayTags as category}
-
- {/each}
-
-
-
-
-
-
-
-
+
+
+
+ {description}
+
+
+ {#each displayTags as category}
+
+ {/each}
+
+
+
+
+
+
+
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 068f6369..ffa1a9e8 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -9,13 +9,17 @@ module.exports = {
theme: {
extend: {
colors: {
- light: {
- background: '#FFFFFF',
- 'background-alt': '#F6F8FA',
+ lt: {
+ base: '#f9f9f9',
+ alte: '#f1f1f1',
+ text: '#353535',
+ title: '#13192d',
},
- dark: {
- background: '#1C1C1C',
- 'background-alt': '#1A1A1A',
+ dk: {
+ base: '#0c0c0f',
+ alte: '#17171b',
+ text: '#9aa0b0',
+ title: '#e0e1eb',
},
},
fontFamily: {