🔍️ add seo meta tags

inkrosetta · Jun 20, 2022 · dfcde68 · dfcde68
1 parent 195da6f
commit dfcde68
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 10 deletions.
diff --git a/src/app.html b/src/app.html
@@ -8,7 +8,27 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;400;700&display=swap" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
+
+    <!-- Primary Meta Tags -->
+    <title>畫文好譯圖卡</title>
+    <meta name="title" content="畫文好譯圖卡">
+    <meta name="description" content="我們以及整個政府，所有的公部門都需要面對民眾，現行的圖卡不夠溫柔，無法照顧到更多的民眾。">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://inkrosetta.tw/">
+    <meta property="og:title" content="畫文好譯圖卡">
+    <meta property="og:description" content="我們以及整個政府，所有的公部門都需要面對民眾，現行的圖卡不夠溫柔，無法照顧到更多的民眾。">
+    <meta property="og:image" content="%sveltekit.assets%/image.jpeg">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://inkrosetta.tw/">
+    <meta property="twitter:title" content="畫文好譯圖卡">
+    <meta property="twitter:description" content="我們以及整個政府，所有的公部門都需要面對民眾，現行的圖卡不夠溫柔，無法照顧到更多的民眾。">
+    <meta property="twitter:image" content="%sveltekit.assets%/image.jpeg">
+
+    %sveltekit.head%
 	</head>
 	<body>
     %sveltekit.body%

diff --git a/src/lib/blocks/AudienceFolksBlock/AudienceFolksBlock.css.ts b/src/lib/blocks/AudienceFolksBlock/AudienceFolksBlock.css.ts
@@ -5,5 +5,5 @@ export const container = style({
   flex: 1,
   flexDirection: 'column',
   justifyContent: 'center',
-  alignItems: 'center',
+  alignItems: 'stretch',
 })
diff --git a/src/lib/blocks/CrewmatesBlock/CrewmatesBlock.svelte b/src/lib/blocks/CrewmatesBlock/CrewmatesBlock.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import Block from '$lib/components/Block/Block.svelte'
   import BlockTitle from '$lib/components/BlockTitle/BlockTitle.svelte'
+  import {crewmates} from './crewmates'
 </script>
 
 <Block>
@@ -9,14 +10,19 @@
   </BlockTitle>
 
   <ul>
-    <li>@ddqq7</li>
-    <li>@DAGINGINGIN</li>
-    <li>@twalerts_admin</li>
-    <li>@b20122101</li>
-    <li>@hanstzou</li>
-    <li>@hcyuser</li>
-    <li>@wmcc43</li>
-    <li>@nelsliu</li>
+    {#each crewmates as crew}
+      <li>
+        {#if crew.link}
+          <a href={crew.link}>
+            {crew.displayName}
+          </a>
+        {:else}
+          <span>
+            {crew.displayName}
+          </span>
+        {/if}
+      </li>
+      {/each}
   </ul>
 
 </Block>
diff --git a/src/lib/blocks/CrewmatesBlock/crewmates.ts b/src/lib/blocks/CrewmatesBlock/crewmates.ts
@@ -0,0 +1,10 @@
+export const crewmates: Array<{displayName: string; link?: string;}> = [
+  { displayName: '@ddqq7' },
+  { displayName: '@DAGINGINGIN', link: 'https://www.linkedin.com/in/%E5%AE%B6%E7%91%8B-%E5%8A%89-57b466b6/'},
+  { displayName: '@twalerts_admin', link: 'https://www.facebook.com/tw.alerts/' },
+  { displayName: '@b20122101' },
+  { displayName: '@hanstzou' },
+  { displayName: '@hcyuser', link: 'https://www.hcy.idv.tw' },
+  { displayName: '@wmcc43', link: 'https://www.linkedin.com/in/cart-wang-27390a71/' },
+  { displayName: '@nelsliu', link: 'https://www.linkedin.com/in/nelsliu9121/' },
+]
diff --git a/src/lib/assets/images/image.jpeg → static/image.jpeg b/src/lib/assets/images/image.jpeg → static/image.jpeg