ナナナナー、ナナナナー、トリッピー、コピー

m3dev · Jun 20, 2024 · 735a0f8 · 735a0f8
1 parent bb19409
commit 735a0f8
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/torisetsu/.gitignore b/torisetsu/.gitignore
@@ -5,4 +5,6 @@
 build/
 local.properties
 kotlin-js-store/yarn.lock
+
+# generated from base.html
 index.html
diff --git a/torisetsu/build.gradle.kts b/torisetsu/build.gradle.kts
@@ -11,16 +11,24 @@ repositories {
     google()
     mavenCentral()
     maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
+    // aoitori
     copy {
         from("src/jsMain/resources/base.html")
         into("src/jsMain/resources/aoitori/")
-        expand(mapOf("scriptPath" to ".."))
+        expand(mapOf(
+            "scriptPath" to "..",
+            "ogpImageName" to "aoitori.png"
+        ))
         rename("base", "index")
     }
+    // main
     copy {
         from("src/jsMain/resources/base.html")
         into("src/jsMain/resources/")
-        expand(mapOf("scriptPath" to "."))
+        expand(mapOf(
+            "scriptPath" to "..",
+            "ogpImageName" to "banner.png"
+        ))
         rename("base", "index")
     }
 }

diff --git a/torisetsu/src/jsMain/resources/base.html b/torisetsu/src/jsMain/resources/base.html
@@ -7,6 +7,18 @@
     <link href="https://fonts.googleapis.com" rel="preconnect">
     <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet">
+    <meta property="og:title" content="エンジニア トリ診断" />
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="https://m3dev.github.io/torisetsu/" />
+    <meta property="og:image" content="https://m3dev.github.io/torisetsu/images/${ogpImageName}" />
+    <meta property="og:site_name" content="エンジニア トリ診断" />
+    <meta property="og:description" content="エンジニアのトリセツ、手っ取り早く知ろうトリ診断" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:description" content="エンジニアのトリセツ、手っ取り早く知ろうトリ診断" />
+    <meta name="twitter:title" content="エンジニア トリ診断" />
+    <meta name="twitter:site" content="@m3_engineering" />
+    <meta name="twitter:image" content="https://m3dev.github.io/torisetsu/images/${ogpImageName}" />
+    <meta name="twitter:creator" content="@m3_engineering" />
 </head>
 <body>
 <div id="root">