update

ice-kylin · Jan 28, 2024 · c2583c9 · c2583c9
1 parent 4f1367c
commit c2583c9
Show file tree

Hide file tree

Showing 51 changed files with 1,036 additions and 240 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,10 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = false
+max_line_length = 100
+tab_width = 4
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -1,54 +1,54 @@
 name: Deploy to GitHub Pages
 
 on:
-  push:
-    branches: ['main']
+    push:
+        branches: ['main']
 
 jobs:
-  build_site:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
-        with:
-          version: 8
-
-      - name: Install Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 21
-          cache: pnpm
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: build
-        env:
-          BASE_PATH: ''
-        run: |
-          pnpm run build
-
-      - name: Upload Artifacts
-        uses: actions/upload-pages-artifact@v2
-        with:
-          path: 'build/'
-
-  deploy:
-    needs: build_site
-    runs-on: ubuntu-latest
-
-    permissions:
-      pages: write
-      id-token: write
-
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-
-    steps:
-      - name: Deploy
-        id: deployment
-        uses: actions/deploy-pages@v2
+    build_site:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v3
+
+            - name: Install pnpm
+              uses: pnpm/action-setup@v2
+              with:
+                  version: 8
+
+            - name: Install Node.js
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 21
+                  cache: pnpm
+
+            - name: Install dependencies
+              run: pnpm install
+
+            - name: build
+              env:
+                  BASE_PATH: ''
+              run: |
+                  pnpm run build
+
+            - name: Upload Artifacts
+              uses: actions/upload-pages-artifact@v2
+              with:
+                  path: 'build/'
+
+    deploy:
+        needs: build_site
+        runs-on: ubuntu-latest
+
+        permissions:
+            pages: write
+            id-token: write
+
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+
+        steps:
+            - name: Deploy
+              id: deployment
+              uses: actions/deploy-pages@v2
diff --git a/.prettierrc b/.prettierrc
@@ -2,7 +2,7 @@
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
-	"printWidth": 100,
+	"printWidth": 80,
 	"plugins": ["prettier-plugin-svelte"],
 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }
diff --git a/README.md b/README.md
@@ -1 +1,8 @@
-# icekylin's Blog
+# ICEKYLIN'S BLOG
+
+```md
+## TODO
+
+-   [ ] I18n
+-   [ ] A11y
+```
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
+		"mdsvex": "^0.11.0",
 		"postcss": "^8.4.33",
 		"prettier": "^3.2.4",
 		"prettier-plugin-svelte": "^3.1.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.html b/src/app.html
@@ -1,8 +1,9 @@
 <!doctype html>
 <html lang="en">
+	<!--suppress HtmlRequiredTitleElement -->
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="icon" href="https://fav.farm/🥳" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>

diff --git a/src/assets/people/kevin.png b/src/assets/people/kevin.png
diff --git a/src/assets/photos/IMG_20230118_084459.jpg b/src/assets/photos/IMG_20230118_084459.jpg
diff --git a/src/assets/photos/IMG_20231127_202946315.jpg b/src/assets/photos/IMG_20231127_202946315.jpg
diff --git a/src/lib/component/Button.svelte b/src/lib/component/Button.svelte
@@ -1,6 +1,11 @@
 <script lang="ts">
-	export let types: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger' | 'gradient' =
-		'primary';
+	export let types:
+		| 'primary'
+		| 'secondary'
+		| 'tertiary'
+		| 'ghost'
+		| 'danger'
+		| 'gradient' = 'primary';
 	export let backgroundColor: string | undefined = undefined;
 	export let backgroundColorClass: string | undefined = undefined;
 	export let textColorClass: string | undefined = undefined;
@@ -35,7 +40,9 @@
 				? `background-image: ${backgroundGradient}`
 				: 'background-image: var(--gradient)'
 			: '';
-	$: bgColorstyle = backgroundColor ? `background-color: ${backgroundColor};` : '';
+	$: bgColorstyle = backgroundColor
+		? `background-color: ${backgroundColor};`
+		: '';
 	$: style = `${bgColorstyle} ${bgGradientStyle}`;
 </script>
 

diff --git a/src/lib/component/Footer.svelte b/src/lib/component/Footer.svelte
diff --git a/src/lib/component/Friend.svelte b/src/lib/component/Friend.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+	import kevin from '../../assets/people/kevin.png';
+	import earth from '@mdi/svg/svg/earth.svg?raw';
+	import github from '@mdi/svg/svg/github.svg?raw';
+	import PointerDiv from '$lib/component/PointerDiv.svelte';
+	import { Icon } from 'svelte-icon';
+
+	export let name: string;
+	export let description: string;
+	export let link: string;
+	export let githubLink: string | undefined = undefined;
+</script>
+
+<div class="flex gap-8">
+	<PointerDiv>
+		<a href={link} target="_blank" rel="noopener noreferrer">
+			<img
+				src={kevin}
+				alt={name}
+				loading="lazy"
+				class="w-10 h-10 rounded-full"
+			/>
+		</a>
+	</PointerDiv>
+	<div class="flex flex-col gap-1">
+		<p class="font-bold">{name}</p>
+		<p class="text-onSurfaceVariant text-sm">{description}</p>
+		<div class="flex gap-2">
+			<PointerDiv>
+				<a href={link} target="_blank" rel="noopener noreferrer">
+					<Icon
+						data={earth}
+						size="18px"
+						stroke="transparent"
+						slot="icon"
+					></Icon>
+				</a>
+			</PointerDiv>
+			{#if githubLink}
+				<PointerDiv>
+					<a
+						href={githubLink}
+						target="_blank"
+						rel="noopener noreferrer"
+					>
+						<Icon
+							data={github}
+							size="18px"
+							stroke="transparent"
+							slot="icon"
+						></Icon>
+					</a>
+				</PointerDiv>
+			{/if}
+		</div>
+	</div>
+</div>