Skip to content

Commit b43bf6b

Browse files
ybasvielybasviel
committed
init
0 parents  commit b43bf6b

18 files changed

Lines changed: 955 additions & 0 deletions

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎.vscode/extensions.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"recommendations": ["svelte.svelte-vscode"]
3+
}

‎README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# りんりん
2+
3+
なんかいい感じの個人サイト

‎bun.lock‎

Lines changed: 240 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>lnln.dev</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/main.ts"></script>
12+
</body>
13+
</html>

‎package.json‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"name": "lnln.dev",
3+
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build",
9+
"preview": "vite preview",
10+
"check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
11+
},
12+
"devDependencies": {
13+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
14+
"@tailwindcss/vite": "^4.1.18",
15+
"@tsconfig/svelte": "^5.0.6",
16+
"@types/node": "^24.10.1",
17+
"svelte": "^5.43.8",
18+
"svelte-check": "^4.3.4",
19+
"tailwindcss": "^4.1.18",
20+
"typescript": "~5.9.3",
21+
"vite": "npm:rolldown-vite@7.2.5"
22+
},
23+
"overrides": {
24+
"vite": "npm:rolldown-vite@7.2.5"
25+
},
26+
"dependencies": {
27+
"svelte-routing": "^2.13.0"
28+
}
29+
}

‎public/lnln.jpg‎

19.7 KB
Loading

‎src/App.svelte‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<script lang="ts">
2+
import { onMount } from 'svelte';
3+
import { Router, Route } from 'svelte-routing';
4+
import HomePage from './lib/HomePage.svelte';
5+
import RedirectPage from './lib/RedirectPage.svelte';
6+
7+
onMount(() => {
8+
// Apply dark mode based on system preference
9+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
10+
const updateTheme = (e: MediaQueryList | MediaQueryListEvent) => {
11+
if (e.matches) {
12+
document.documentElement.classList.add('dark');
13+
} else {
14+
document.documentElement.classList.remove('dark');
15+
}
16+
};
17+
updateTheme(mediaQuery);
18+
mediaQuery.addEventListener('change', updateTheme);
19+
20+
return () => mediaQuery.removeEventListener('change', updateTheme);
21+
});
22+
</script>
23+
24+
<svelte:head>
25+
<link rel="preconnect" href="https://fonts.googleapis.com">
26+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
27+
<link href="https://fonts.googleapis.com/css2?family=DotGothic16&display=swap" rel="stylesheet">
28+
</svelte:head>
29+
30+
<Router>
31+
<Route path="/works">
32+
<RedirectPage pageName="works" />
33+
</Route>
34+
<Route path="/works/*">
35+
<RedirectPage pageName="works" />
36+
</Route>
37+
<Route path="/blog">
38+
<RedirectPage pageName="blog" />
39+
</Route>
40+
<Route path="/blog/*">
41+
<RedirectPage pageName="blog" />
42+
</Route>
43+
<Route path="/*">
44+
<HomePage />
45+
</Route>
46+
</Router>
47+
48+
<style>
49+
:global(html) {
50+
scroll-behavior: smooth;
51+
}
52+
</style>

‎src/app.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
@import "tailwindcss";
2+
3+
@custom-variant dark (&:where(.dark, .dark *));
4+
5+
@theme {
6+
/* Light mode colors */
7+
--color-bg-light: #ffffff;
8+
--color-text-light: #1f2937;
9+
--color-muted-light: #6b7280;
10+
--color-border-light: #1f2937;
11+
--color-card-light: #f9fafb;
12+
13+
/* Dark mode colors */
14+
--color-bg-dark: #0f172a;
15+
--color-text-dark: #e2e8f0;
16+
--color-muted-dark: #94a3b8;
17+
--color-border-dark: #475569;
18+
--color-card-dark: #1e293b;
19+
20+
/* Accent */
21+
--color-accent: #f97316;
22+
--color-accent-hover: #fb923c;
23+
24+
/* Fonts */
25+
--font-pixel: "DotGothic16", cursive;
26+
}
27+
28+
@layer base {
29+
html {
30+
scroll-behavior: smooth;
31+
}
32+
33+
body {
34+
@apply bg-white text-gray-800 antialiased;
35+
@apply dark:bg-slate-900 dark:text-slate-200;
36+
font-family: 'DotGothic16', cursive;
37+
}
38+
39+
::selection {
40+
@apply bg-orange-500/30;
41+
}
42+
}

0 commit comments

Comments
 (0)