-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Update about section in English and Spanish translations * Update user main design * Update main container padding * Refactor SocialMedia component * Add schema.org metadata to +page.svelte * create a Bentogrids and create the design for the first item * chore: add 2 item of the bento grid * create the 3 item of the grid * Update styling for note cards * Fix note links in +page.svelte * Update SocialMedia and +page components * Add title attribute to dark mode button * Update copyright year in footer * Update note URLs in +page.svelte * Refactor page layout and metadata in notes component * Update styling in +page and +page notes * Remove unused imports and update meta tags in +page.svelte * Update Header and Page styles * Update background color in page links * Update font size and margin in homepage notes section * Update package.json version to 5.0.0 * Capacity on main route * Refactor language selection links in Header.svelte and +page.svelte * Add Notion service and client code * Update import paths for Note types * Add type definitions for ProjectResponse and update project transformer * Refactor Entry and projects page components * Update layout styles in notes and projects pages * Refactor Entry component and note list layout * Update import statement in sitemap.xml server file * Update sitemap routes * Update font size in homepage section * Update language settings * Update i18n-util imports and use baseLocale * Add new routes to sitemap.xml server file * Refactor sitemap generation and add support for multiple languages * Swap notesSlugsEn and notesSlugsEs in generateRoutes function
- Loading branch information
1 parent
3b4d586
commit 4d13866
Showing
41 changed files
with
1,058 additions
and
559 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "baseLocale": "es" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <link rel="icon" href="%sveltekit.assets%/favicon.png" /> | ||
| <meta name="viewport" content="width=device-width" /> | ||
| %sveltekit.head% | ||
| </head> | ||
| <body data-sveltekit-preload-data="hover"> | ||
| <div class="text-black dark:text-white" style="display: contents">%sveltekit.body%</div> | ||
| </body> | ||
| <html lang="%lang%"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <link rel="icon" href="%sveltekit.assets%/favicon.png" /> | ||
| <meta name="viewport" content="width=device-width" /> | ||
| %sveltekit.head% | ||
| </head> | ||
| <body data-sveltekit-preload-data="hover"> | ||
| <div class="text-black dark:text-white" style="display: contents"> | ||
| %sveltekit.body% | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,57 +1,73 @@ | ||
| <script lang="ts"> | ||
| import { page } from '$app/stores'; | ||
| import type { MultiSelectEntity } from '$lib/utils/Notion/Notes/types'; | ||
| import Calendar from '~icons/mdi/calendar-month'; | ||
| import { page } from '$app/stores'; | ||
| import { locale } from '$i18n/i18n-svelte'; | ||
| import Calendar from '~icons/mdi/calendar-month'; | ||
| import { baseLocale } from '$i18n/i18n-util'; | ||
| export let title = ''; | ||
| export let description = ''; | ||
| export let publishDate: Date; | ||
| export let tags: MultiSelectEntity[] = []; | ||
| export let slug = ''; | ||
| export let previewImageUrl: string | null = ''; | ||
| import type { MultiSelectEntity } from '$lib/services/Notion/Notes/notes'; | ||
| let formattedDate = new Date(publishDate).toLocaleDateString(`${$page.data.locale}-us`, { | ||
| month: 'long', | ||
| day: '2-digit', | ||
| year: 'numeric' | ||
| }); | ||
| export let title = ''; | ||
| export let description = ''; | ||
| export let publishDate: Date; | ||
| export let tags: MultiSelectEntity[] = []; | ||
| export let slug = ''; | ||
| export let previewImageUrl: string | null = ''; | ||
| const baseLocaleUrl = $locale === baseLocale ? '' : `/${$locale}`; | ||
| let formattedDate = new Date(publishDate).toLocaleDateString( | ||
| `${$page.data.locale}-us`, | ||
| { | ||
| month: 'long', | ||
| day: '2-digit', | ||
| year: 'numeric', | ||
| } | ||
| ); | ||
| </script> | ||
|
|
||
| <li class="mb-4 md:mb-0 last-of-type:mb-0"> | ||
| <a href="/{$page.params.lang}/notes/{slug}"> | ||
| <figure class="rounded overflow-hidden pb-4 flex justify-center items-center h-[150px]"> | ||
| <img alt={title} src={previewImageUrl} width="350" height="100" /> | ||
| </figure> | ||
| <header> | ||
| <h1 class="text-xl py-4 font-extrabold cursor-pointer hover:text-link hover:underline"> | ||
| {title} | ||
| </h1> | ||
| </header> | ||
| <main class="pb-4"> | ||
| <p>{description}</p> | ||
| </main> | ||
| <footer class="flex flex-col"> | ||
| <div class="flex mb-2"> | ||
| <span class="flex items-center mr-2"> | ||
| <figure class="mr-2"> | ||
| <Calendar class="text-gray-800 dark:text-white h-4 w-4" /> | ||
| </figure> | ||
| <time class="text-sm mr-2" datetime={publishDate.toString()}>{formattedDate}</time> | ||
| </span> | ||
| </div> | ||
| <ul class="flex flex-wrap"> | ||
| {#each tags as tag} | ||
| <li | ||
| class="text-sm mr-2 mb-2 bg-light-background dark:bg-dark-background rounded py-1 px-2" | ||
| > | ||
| <span | ||
| class="inline-block mr-1 rounded-full h-2 w-2" | ||
| style="background-color: {tag.color};" | ||
| /> | ||
| {tag.name} | ||
| </li> | ||
| {/each} | ||
| </ul> | ||
| </footer> | ||
| </a> | ||
| <a href="{baseLocaleUrl}/notes/{slug}"> | ||
| <figure class="rounded-md mb-10 h-[200px]"> | ||
| <img | ||
| alt={title} | ||
| class="rounded-md" | ||
| src={previewImageUrl} | ||
| width="350" | ||
| height="100" | ||
| /> | ||
| </figure> | ||
| <header> | ||
| <h1 class="text-xl font-extrabold hover:text-link hover:underline"> | ||
| {title} | ||
| </h1> | ||
| </header> | ||
| <main class="pb-4"> | ||
| <p>{description}</p> | ||
| </main> | ||
| <footer class="flex flex-col"> | ||
| <div class="flex mb-2"> | ||
| <span class="flex items-center mr-2"> | ||
| <figure class="mr-2"> | ||
| <Calendar class="text-gray-800 dark:text-white h-4 w-4" /> | ||
| </figure> | ||
| <time class="text-sm mr-2" datetime={publishDate.toString()} | ||
| >{formattedDate}</time | ||
| > | ||
| </span> | ||
| </div> | ||
| <ul class="flex flex-wrap"> | ||
| {#each tags as tag} | ||
| <li | ||
| class="text-sm mr-2 mb-2 bg-light-background dark:bg-dark-background rounded py-1 px-2" | ||
| > | ||
| <span | ||
| class="inline-block mr-1 rounded-full h-2 w-2" | ||
| style="background-color: {tag.color};" | ||
| /> | ||
| {tag.name} | ||
| </li> | ||
| {/each} | ||
| </ul> | ||
| </footer> | ||
| </a> | ||
| </li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,22 @@ | ||
| <script lang="ts"> | ||
| import LL from '$i18n/i18n-svelte'; | ||
| import LL from '$i18n/i18n-svelte'; | ||
| const currentYear = new Date().getFullYear(); | ||
| const currentYear = new Date().getFullYear(); | ||
| </script> | ||
|
|
||
| <footer class="w-full px-4 flex items-center justify-center"> | ||
| <div class="h-[70px] flex items-center justify-center"> | ||
| <small> | ||
| {$LL.LAYOUT.FOOTER.COPYRIGHT({ year: currentYear })} | ||
| </small> | ||
| </div> | ||
| <footer class="w-full mt-5 px-4 py-5"> | ||
| <div class=" flex items-center justify-center"> | ||
| <small> | ||
| {$LL.LAYOUT.FOOTER.COPYRIGHT({ year: currentYear, startYear: 2021 })} | ||
| </small> | ||
| </div> | ||
| <div class="flex justify-center"> | ||
| <small | ||
| ><a | ||
| class="underline" | ||
| href="https://github.com/Michael-Liendo/michaelliendo.com" | ||
| >Source code</a | ||
| ></small | ||
| > | ||
| </div> | ||
| </footer> |
Oops, something went wrong.