Merge pull request #113 from ceruleandeep/fix/panelIcons

Fix panel icons for user settings and personas

Usage/Prompts/prompts.md

@@ -97,7 +97,7 @@ Giving the AI additional instructions in the Main Prompt can help it understand
 
 > Answer truthfully and write out your thinking step by step to be sure you get the right answer.
 
-The AI will more easily follow instructions about what it should do than what it should not do. For example, if you want the AI to avoid writing in a certain way, it's better to tell it how you want it to write instead. And while `Do not decide what {{user}} says or does` is commonly included in prompts to prevent the AI from controlling your persona, some users find `Write {{char}}'s responses in a way that respects {{user}}'s autonomy` is more effective.
+The AI will more easily follow instructions about what it should do than what it should not do. For example, if you want the AI to avoid writing in a certain way, it's better to tell it how you want it to write instead. And while *"Do not decide what \{\{user\}\} says or does"* is commonly included in prompts to prevent the AI from controlling your persona, some users find *"Write  \{\{char\}\}'s responses in a way that respects  \{\{user\}\}'s autonomy"* is more effective.
 
 There is often a better place than the Main Prompt to include information about the user or characters, modify a character's writing and speaking style, or give other specific instructions. The Main Prompt is best used for general instructions about the conversation as a whole, or about a type of conversation that you want to have.
 

Usage/index.md

@@ -93,7 +93,7 @@ Manage information and when to insert it into the prompt
 :::
 
 :::callout
-<i class="fa-solid fa-gear fa-2xl fa-fw"></i> **[User Settings](/Usage/User_Settings/User_Settings.md)**
+<i class="fa-solid fa-user-gear fa-2xl fa-fw"></i> **[User Settings](/Usage/User_Settings/User_Settings.md)**
 
 Change the theme, and the look and feel of messages and chats
 :::
@@ -105,22 +105,19 @@ Change the background image
 :::
 
 :::callout
-<i class="fa-solid fa-cubes fa-2xl fa-fw"></i>
-**[Extensions](/extensions/index.md)**
+<i class="fa-solid fa-cubes fa-2xl fa-fw"></i> **[Extensions](/extensions/index.md)**
 
 Add new features and capabilities to the AI or the interface
 :::
 
 :::callout
-<i class="fa-solid fa-user-gear fa-2xl fa-fw"></i>
-**[Personas](/Usage/personas.md)**
+<i class="fa-solid fa-face-smile fa-2xl fa-fw"></i> **[Personas](/Usage/personas.md)**
 
 Create and manage personas to use with the AI
 :::
 
 :::callout
-<i class="fa-solid fa-address-card fa-2xl fa-fw"></i>
-**[Characters](/Usage/Characters/index.md)**
+<i class="fa-solid fa-address-card fa-2xl fa-fw"></i> **[Characters](/Usage/Characters/index.md)**
 
 Create and manage characters for the AI to use
 :::

_includes/head.html

@@ -27,13 +27,9 @@
         margin-bottom: 0 !important;
     }
 
-    div.callout:has(img) {
-        min-height: 8rem;
-    }
-
-    .callout i.fa-solid {
-        margin-right: 1rem;
-        filter: invert(42%) hue-rotate(183deg) brightness(91%) contrast(83%);
+    .callout .fa-fw {
+        margin: 1rem 0.5rem 1rem 0;
+        color: slategrey;
     }
 </style>
 <link href="/static/webfonts/NotoSans/stylesheet.css" rel="stylesheet"/>