Add meta tags.

Author: willwang-io

assets/favicon.svg

@@ -48,9 +48,20 @@ fn App() -> Element {
     let selected_step = use_signal(|| Option::<usize>::None);
 
     rsx! {
+        document::Meta { name: "viewport", content: "width=device-width, initial-scale=1" }
+        document::Meta { name: "author", content: "Jiaye Will Wang" }
+        document::Meta { name: "description", content: "Solve Solo-Chess puzzles from chess.com. Place pieces, run the solver, and step through the capture sequence that leaves one piece." }
+        document::Meta { property: "og:site_name", content: "Solo-Chess Solver" }
+        document::Meta { property: "og:title", content: "Solo-Chess Solver" }
+        document::Meta { property: "og:type", content: "website" }
+        document::Meta { property: "og:image", content: asset!("/assets/og.png") }
+        document::Meta { property: "og:image:width", content: "1200" }
+        document::Meta { property: "og:image:height", content: "630" }
+        document::Meta { property: "og:image:type", content: "image/png" }
+        document::Link { rel: "icon", href: asset!("/assets/favicon.svg") }
         document::Link { rel: "stylesheet", href: STYLE }
-        div {
-            h2 { "Solo-Chess Solver" }
+        main {
+            h1 { "Solo-Chess Solver" }
             div {
                 class: "board-stack",
                 Chessboard {
@@ -65,13 +76,13 @@ fn App() -> Element {
             }
             PieceSelectionBoard { selected: selected_piece }
             Solution { steps, selected_step }
-            div {
+            section {
                 h2 { "Rules" }
-                p { "From chess.com: "}
+                p { "From chess.com: " }
                 ul {
-                    li { "Capture a piece with every move until just one remains" }
-                    li { "No piece may capture more than 2 times per puzzle (shown in black if cannot move)" }
-                    li { "If there is a King on the board, it must be the final piece" }
+                    li { "Capture a piece with every move until just one remains." }
+                    li { "No piece may capture more than 2 times per puzzle (shown in black if cannot move)." }
+                    li { "If there is a King on the board, it must be the final piece." }
                 }
             }
         }