squid/blog
squid/blog
1
2
Fork 0
Code Issues 10 Pull Requests Actions Projects 1 Releases 7 Wiki Activity

BLOG-58 Rewrite frontend with svelte kit #61

Merged
squid merged 15 commits from BLOG-58_rewrite_frontend_with_svelte into main 2025-07-23 05:34:25 +08:00
Conversation 0 Commits 15 Files Changed 57 +20 -9
5 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f195b9c108 - Show all commits

21
frontend/src/app.html
View File

@ -2,14 +2,25 @@
<html lang="zh-Hant"> <html lang="zh-Hant">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" media="(prefers-color-scheme: light)" href="%sveltekit.assets%/icon/logo-light.svg" /> <link
<link rel="icon" media="(prefers-color-scheme: dark)" href="%sveltekit.assets%/icon/logo-dark.svg" /> rel="icon"
media="(prefers-color-scheme: light)"
href="%sveltekit.assets%/icon/logo-light.svg"
/>
<link
rel="icon"
media="(prefers-color-scheme: dark)"
href="%sveltekit.assets%/icon/logo-dark.svg"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>魚之魷魂 SquidSpirit</title> <title>魚之魷魂 SquidSpirit</title>
<meta name="description" content="程式、科技、教學、分享" /> <meta name="description" content="程式、科技、教學、分享" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&family=Noto+Sans+TC:wght@100..900&display=swap" rel="stylesheet"> <link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&family=Noto+Sans+TC:wght@100..900&display=swap"
rel="stylesheet"
/>
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover" class="antialiased"> <body data-sveltekit-preload-data="hover" class="antialiased">

2
frontend/src/lib/common/framework/ui/Navbar.svelte
View File

@ -5,7 +5,7 @@
<div class="border-b border-gray-300"> <div class="border-b border-gray-300">
<div <div
class="h-toolbar-height mx-auto flex max-w-screen-xl flex-row items-center justify-between px-4 md:px-6" class="mx-auto flex h-toolbar-height max-w-screen-xl flex-row items-center justify-between px-4 md:px-6"
> >
<a class="flex flex-row items-center gap-x-2" href="/"> <a class="flex flex-row items-center gap-x-2" href="/">
<img class="mt-1 size-10" src="/icon/logo-light.svg" alt="SquidSpirit" /> <img class="mt-1 size-10" src="/icon/logo-light.svg" alt="SquidSpirit" />

2
frontend/src/lib/home/framework/ui/Terminal.svelte
View File

@ -57,7 +57,7 @@
> >
<div <div
bind:this={element} bind:this={element}
class="border-true-gray-800 bg-true-gray-700 flex w-full flex-col gap-y-1.5 rounded-2xl border-4 p-4 pb-28 font-mono font-medium text-gray-50 shadow-lg transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl md:shadow-xl {isReady class="flex w-full flex-col gap-y-1.5 rounded-2xl border-4 border-true-gray-800 bg-true-gray-700 p-4 pb-28 font-mono font-medium text-gray-50 shadow-lg transition-opacity duration-300 md:gap-y-2.5 md:rounded-3xl md:border-8 md:p-8 md:pb-32 md:text-xl md:shadow-xl {isReady
? 'opacity-100' ? 'opacity-100'
: 'opacity-0'}" : 'opacity-0'}"
> >

2
frontend/src/lib/home/framework/ui/TitleScreen.svelte
View File

@ -3,7 +3,7 @@
</script> </script>
<div <div
class="min-h-content-height mx-auto flex max-w-screen-xl flex-col justify-center gap-y-2.5 px-4 md:gap-y-8 md:px-6" class="mx-auto flex min-h-content-height max-w-screen-xl flex-col justify-center gap-y-2.5 px-4 md:gap-y-8 md:px-6"
> >
<h2 class="text-3xl font-bold text-gray-800 md:text-6xl">Hello 大家好！</h2> <h2 class="text-3xl font-bold text-gray-800 md:text-6xl">Hello 大家好！</h2>
<h1 class="flex flex-row items-center gap-x-2 text-4xl font-extrabold text-gray-800 md:text-7xl"> <h1 class="flex flex-row items-center gap-x-2 text-4xl font-extrabold text-gray-800 md:text-7xl">

2
frontend/src/routes/+page.svelte
View File

@ -7,5 +7,5 @@
<div> <div>
<TitleScreen /> <TitleScreen />
<Terminal /> <Terminal />
<Motto /> <Motto />
</div> </div>