docs(ENG-286): Add favicon, social preview, and DASMAC link (#44)

Replica of DASMAC-com/dropset-beta#53

Author: alnoki

README.md

@@ -2,7 +2,7 @@
 
 <!-- markdownlint-disable MD036 -->
 
-*Courtesy of Distributed Atomic State Machine Algorithms Corporation (DASMAC)*
+*Courtesy of Distributed Atomic State Machine Algorithms Corporation ([DASMAC])*
 
 <!-- markdownlint-enable MD036 -->
 
@@ -38,6 +38,7 @@ The Solana Opcode Guide is built with [VitePress] and can be viewed at
    pre-commit run --config cfg/pre-commit/quick-lint.yml --all-files
    ```
 
+[dasmac]: https://dasmac.com
 [localhost:5173]: http://localhost:5173
 [opcodes.dasmac.com]: https://opcodes.dasmac.com
 [vitepress]: https://vitepress.dev/

docs/.vitepress/config.js

@@ -3,6 +3,23 @@ export default {
   description:
     "Courtesy of Distributed Atomic State Machine Algorithms Corporation (DASMAC)",
   head: [
+    [
+      "link",
+      {
+        rel: "icon",
+        href: "/favicon-light.png",
+        media: "(prefers-color-scheme: light)",
+      },
+    ],
+    [
+      "link",
+      {
+        rel: "icon",
+        href: "/favicon-dark.png",
+        media: "(prefers-color-scheme: dark)",
+      },
+    ],
+    ["link", { rel: "apple-touch-icon", href: "/favicon-light.png" }],
     ["meta", { property: "og:site_name", content: "DASMAC" }],
     ["meta", { property: "og:type", content: "website" }],
     ["meta", { property: "og:url", content: "https://opcodes.dasmac.com/" }],
@@ -15,6 +32,30 @@ export default {
           "Courtesy of Distributed Atomic State Machine Algorithms Corporation (DASMAC)",
       },
     ],
+    [
+      "meta",
+      {
+        property: "og:image",
+        content: "https://opcodes.dasmac.com/dasmac-banner.png",
+      },
+    ],
+    ["meta", { name: "twitter:card", content: "summary_large_image" }],
+    ["meta", { name: "twitter:title", content: "Solana Opcode Guide" }],
+    [
+      "meta",
+      {
+        name: "twitter:description",
+        content:
+          "Courtesy of Distributed Atomic State Machine Algorithms Corporation (DASMAC)",
+      },
+    ],
+    [
+      "meta",
+      {
+        name: "twitter:image",
+        content: "https://opcodes.dasmac.com/dasmac-banner.png",
+      },
+    ],
   ],
   srcDir: "src",
   markdown: {

docs/src/index.md

@@ -3,6 +3,7 @@
 <!-- markdownlint-disable MD013 -->
 
 > [!important] Courtesy of Distributed Atomic State Machine Algorithms Corporation (DASMAC)
+> [DASMAC.com]
 
 <!-- markdownlint-enable MD013 -->
 
@@ -54,6 +55,7 @@ of [SBPF opcodes][isa] and [Solana syscalls] used in the examples.
 ["hello, world!" program]: https://en.wikipedia.org/wiki/%22Hello,_World!%22_program
 [anchor]: https://www.anchor-lang.com/docs
 [bytecode]: https://en.wikipedia.org/wiki/Bytecode
+[dasmac.com]: https://dasmac.com
 [ebpf]: https://www.rfc-editor.org/rfc/rfc9669
 [elf]: https://en.wikipedia.org/wiki/Executable_and_Linkable_Format
 [isa]: https://github.com/anza-xyz/sbpf/blob/v0.13.0/doc/bytecode.md