From b7f0e8571d4d7b695daa373f4ccb68aff6576708 Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Mon, 24 Apr 2023 17:45:51 +0300
Subject: [PATCH] Move poe.com token instructions to guidebook

---
 public/index.html       | 30 ++++++++++--------------------
 public/notes/content.md | 12 ++++++++++++
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/public/index.html b/public/index.html
index b316d2123..65372f728 100644
--- a/public/index.html
+++ b/public/index.html
@@ -922,29 +922,19 @@
                         <br>
                     </div>
                     <div id="poe_api">
-                        <div class="inline-drawer">
-                            <div class="inline-drawer-toggle inline-drawer-header">
-                                <b>Instructions:</b>
-                                <div class="fa-solid fa-circle-chevron-down inline-drawer-icon down"></div>
-                            </div>
-                            <div class="inline-drawer-content">
-                                <ol>
-                                    <li>Login to <a href="https://poe.com" target="_blank">poe.com</a></li>
-                                    <li>Open browser DevTools (F12) and navigate to "Application" tab</li>
-                                    <li>Find a <tt>p-b</tt> cookie for poe.com domain and copy its value</li>
-                                    <li>Paste cookie value to the box below and click "Connect"</li>
-                                    <li>Select a character and start chatting</li>
-                                </ol>
-                            </div>
-                        </div>
-                        <div class="range-block">
-                            <div class="range-block-title">
+                            <h4>
                                 poe.com access token (p-b cookie value)
-                            </div>
+                            </h4>
+                            <h5>
+                                Where to get
+                                <a href="/notes#apikey-2" class="notes-link" target="_blank">
+                                    <span class="note-link-span">?</span>
+                                </a>
+                            </h5>
                             <div class="widthFreeExpand">
-                                <input id="poe_token" class="text_pole" type="text" placeholder="Example: nTLG2bNvbOi8qxc-DbaSlw%3D%3D" maxlength="100" />
+                                <input id="poe_token" class="text_pole" type="text" placeholder="Example: nTLG2bNvbOi8qxc-DbaSlw%3D%3D"
+                                    maxlength="100" />
                             </div>
-                        </div>
 
                         <input id="poe_connect" class="menu_button" type="button" value="Connect" />
                         <div id="api_loading_poe" class="api-load-icon fa-solid fa-hourglass fa-spin"></div>
diff --git a/public/notes/content.md b/public/notes/content.md
index 7715a1677..05fda59e0 100644
--- a/public/notes/content.md
+++ b/public/notes/content.md
@@ -359,6 +359,18 @@ If your subscription tier is Paper, Tablet or Scroll use only Euterpe model othe
 
 _Lost API keys can't be restored! Make sure to keep it safe!_
 
+## Poe
+
+### API key
+
+**How to get your access token / cookie:**
+
+1.  Login to [poe.com](https://poe.com)
+2.  Open browser DevTools (F12) and navigate to "Application" tab
+3.  Find a _p-b_ cookie for poe.com domain and copy its value
+4.  Paste cookie value to the box below and click "Connect"
+5.  Select a character and start chatting
+
 ## Anchors
 
 Anchors are used to increase the length of messages.