https://luna-chat.claw4francis.workers.dev/user-guide/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <title>Luna-Chat — Quick User Guide</title>
7    <meta
8      name="description"
9      content="Quick user guide for the Luna-Chat chatbox — setup, everyday use, and companion tips."
10    />
11    <link rel="stylesheet" href="../styles.css?v=16" />
12    <link rel="stylesheet" href="./user-guide.css?v=2" />
13  </head>
14  <body class="user-guide-page">
15    <header class="topbar">
16      <a class="logo" href="/">Luna-Chat</a>
17      <nav class="nav" aria-label="Primary">
18        <a href="/#companions">Companions</a>
19        <span class="dot" aria-hidden="true"></span>
20        <a href="/#device">The chatbox</a>
21        <span class="dot" aria-hidden="true"></span>
22        <a href="/#contact">Contact</a>
23      </nav>
24      <a
25        class="btn btn-dark btn-sm"
26        href="./luna-chat-quick-user-guide.pdf"
27        download="LUNA CHAT quick user guide.pdf"
28      >
29        Download PDF
30      </a>
31    </header>
32
33    <main class="user-guide-main">
34      <div class="user-guide-head">
35        <p class="eyebrow">User guide</p>
36        <h1>Luna-Chat quick user guide</h1>
37        <p class="section-lede">
38          A short guide to setting up and using your Luna-Chat chatbox.
39          View it below, or download the PDF to keep offline.
40        </p>
41        <div class="user-guide-actions">
42          <a
43            class="btn btn-dark"
44            href="./luna-chat-quick-user-guide.pdf"
45            download="LUNA CHAT quick user guide.pdf"
46          >
47            Download PDF
48          </a>
49          <a
50            class="btn btn-ghost"
51            href="https://canva.link/ebgvlobmwclft3h"
52            target="_blank"
53            rel="noopener noreferrer"
54          >
55            Open in Canva
56          </a>
57          <a class="btn btn-ghost" href="/#device">Back to the chatbox</a>
58        </div>
59      </div>
60
61      <div class="user-guide-frame-wrap">
62        <!-- Embed: Canva view. To revert to PDF, set src to ./luna-chat-quick-user-guide.pdf#view=FitH -->
63        <iframe
64          class="user-guide-frame"
65          title="Luna-Chat quick user guide"
66          src="https://www.canva.com/design/DAHSOnFMS_0/ZPIxHttCXIhsGK_NCzjxsA/view?embed"
67          allowfullscreen
68          allow="fullscreen"
69          loading="lazy"
70          referrerpolicy="strict-origin-when-cross-origin"
71        ></iframe>
72        <p class="user-guide-fallback">
73          Can’t see the guide?
74          <a href="https://canva.link/ebgvlobmwclft3h" target="_blank" rel="noopener noreferrer"
75            >Open in Canva</a
76          >
77          or
78          <a
79            href="./luna-chat-quick-user-guide.pdf"
80            download="LUNA CHAT quick user guide.pdf"
81            >download the PDF</a
82          >.
83        </p>
84      </div>
85    </main>
86
87    <footer class="footer user-guide-footer">
88      <div>
89        <p class="logo">Modulink Inc.</p>
90        <p class="footer-copy">
91          Luna-Chat is a ModuLink product. OTC Stock Code: MDLK.
92        </p>
93        <p class="footer-legal">©2026 by Modulink Inc.</p>
94      </div>
95    </footer>
96  </body>
97</html>