samantha's personal website!~ ✨ samanthanguyen.me
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

a lil bit more responsive

+25 -23
+18 -20
eslint.config.js
··· 1 1 import js from '@eslint/js'; 2 2 import svelte from 'eslint-plugin-svelte'; 3 3 import globals from 'globals'; 4 - import { fileURLToPath } from 'node:url'; 5 4 import ts from 'typescript-eslint'; 6 - const gitignorePath = fileURLToPath(new URL("./.gitignore", import.meta.url)); 7 5 8 6 export default ts.config( 9 - js.configs.recommended, 10 - ...ts.configs.recommended, 11 - ...svelte.configs["flat/recommended"], 12 - { 13 - languageOptions: { 14 - globals: { 15 - ...globals.browser, 16 - ...globals.node 17 - } 18 - } 19 - }, 20 - { 21 - files: ["**/*.svelte"], 7 + js.configs.recommended, 8 + ...ts.configs.recommended, 9 + ...svelte.configs["flat/recommended"], 10 + { 11 + languageOptions: { 12 + globals: { 13 + ...globals.browser, 14 + ...globals.node 15 + } 16 + } 17 + }, 18 + { 19 + files: ["**/*.svelte"], 22 20 23 - languageOptions: { 24 - parserOptions: { 25 - parser: ts.parser 26 - } 21 + languageOptions: { 22 + parserOptions: { 23 + parser: ts.parser 24 + } 25 + } 27 26 } 28 - } 29 27 );
+5 -1
src/routes/+layout.svelte
··· 2 2 import "../app.css"; 3 3 import "@fontsource-variable/public-sans"; 4 4 import '@fontsource-variable/domine'; // Supports weights 400-700 5 + import { twJoin } from "tailwind-merge"; 5 6 let { children } = $props(); 6 7 </script> 7 8 ··· 9 10 <title>samanthanguyen.me</title> 10 11 </svelte:head> 11 12 12 - <div class="pt-16 mx-auto max-w-xl"> 13 + <div class={twJoin( 14 + "mx-8 max-w-lg", 15 + "lg:mx-auto lg:max-w-xl", 16 + )}> 13 17 {@render children()} 14 18 </div>
+2 -2
src/routes/+page.svelte
··· 5 5 <section class="flex flex-col gap-8"> 6 6 <header class="flex flex-col gap-2"> 7 7 <h1 class={twMerge( 8 - "h-[200px] flex items-end", 9 - "text-4xl font-domine", 8 + "pt-12 flex items-end", 9 + "text-2xl lg:text-4xl font-domine", 10 10 )}> 11 11 samanthanguyen.me 12 12 </h1>