From 6cc4918d2574d54a877572d50124181fb2679103 Mon Sep 17 00:00:00 2001 From: RossAsscends <124905043+RossAscends@users.noreply.github.com> Date: Thu, 2 Mar 2023 18:21:57 +0900 Subject: [PATCH] added styles to Notes pages. --- public/css/notes.css | 52 ++++++++++++++++++++++++++++++++++++-------- public/notes/1.html | 45 ++++++++++++++++++++++++++------------ public/notes/10.html | 9 +++++--- public/notes/11.html | 9 +++++--- public/notes/12.html | 22 +++++++++++++------ public/notes/2.html | 36 ++++++++++++++++++++---------- public/notes/3.html | 36 ++++++++++++++++++++---------- public/notes/4.html | 9 +++++--- public/notes/5.html | 15 +++++++++---- public/notes/6.html | 29 ++++++++++++++---------- public/notes/7.html | 33 +++++++++++++++++++++------- public/notes/8.html | 11 ++++++---- public/notes/9.html | 44 ++++++++++++++++++++++++++++--------- 13 files changed, 251 insertions(+), 99 deletions(-) diff --git a/public/css/notes.css b/public/css/notes.css index 2041c33fe..91dc543f9 100644 --- a/public/css/notes.css +++ b/public/css/notes.css @@ -1,12 +1,46 @@ - -#main{ - width: 100%; - height: 100%; - +body { + margin: 0; + padding:0; + width: 100%; + background-color: rgb(36, 37, 37); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + font-family: "Noto Sans", "Noto Color Emoji", sans-serif; + font-size:16px; /*1rem*/ + color: #999; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + /*z-index:0;*/ } -#content{ - margin-left: 6px; - max-width: 700px; -} \ No newline at end of file +#main { + padding-top: 20px; + /*z-index:1;*/ + } + +#content{ + margin: 0 auto; + max-width: 700px; + border: 1px solid #333; + padding: 20px; + border-radius: 20px; + background-color: rgba(0,0,0,0.5); + line-height: 1.5rem; + box-shadow: 0 0 5px black; + /*z-index: 2;*/ +} + +code { + border: 1px solid #999; + background-color: rgba(0,0,0,0.5); + padding: 5px; + border-radius:5px; + display: block; + } + +a {color: orange; text-decoration:none; border-bottom: 1px dotted orange; } +h2, h3 {margin: 0; color:#ccc;} +hr {border: 1px solid #999;} \ No newline at end of file diff --git a/public/notes/1.html b/public/notes/1.html index d8bc8107b..f6e09127b 100644 --- a/public/notes/1.html +++ b/public/notes/1.html @@ -1,27 +1,44 @@ - Description character + TavernAI - Note - Character Derscriptions - - + + + + +

Character description

-

Used to add the character description and the rest that the AI should - know. For example, you can add information about the world in which the action takes place and describe - the characteristics for the character you are playing for. Usually it all takes 200-350 tokens.

+

+ Used to add the character description and the rest that the AI should know.

+ For example, you can add information about the world in which the action takes place and describe + the characteristics for the character you are playing for.

+ Usually it all takes 200-350 tokens. +

Methods and format

-

For most Kobold's models the easiest way is to use a free form for description, and in each sentence it is desirable to specify the name of the character. - The entire description should be in one line without hyphenation. For examle:

- Chloe is a female elf. Chloe wears black-white maid dress with green collar and red glasses. Chloe has medium length black hair. - Chloe's personality is... etc.

+

+ For most Kobold's models the easiest way is to use a free form for description, and in each sentence it is desirable to specify the name of the character.

+ The entire description should be in one line without hyphenation.

+ For examle:

+ + Chloe is a female elf. Chloe wears black-white maid dress with green collar and red glasses. Chloe has medium length black hair. Chloe's personality is... + +

-

But that the AI would be less confused the best way is to use the W++ format. Details here: Pro-Tips

-

A list of tags that are replaced when sending to generate:

- {{user}} and <USER> are replaced by User Name
- {{char}} and <BOT> are replaced by Character Name +

+ But that the AI would be less confused the best way is to use the W++ format.

+ Details here: Pro-Tips +

+
+
+

+ A list of tags that are replaced when sending to generate:

+ {{user}} and <USER> : replaced by the User's Name
+ {{char}} and <BOT> : replaced by the Character's Name +

diff --git a/public/notes/10.html b/public/notes/10.html index 2d90592d9..f42bcb1f6 100644 --- a/public/notes/10.html +++ b/public/notes/10.html @@ -1,9 +1,12 @@ - Chat import + TavernAI - Note - Import Chat - - + + + + +
diff --git a/public/notes/11.html b/public/notes/11.html index 61b3e6f9f..e5bcaa03b 100644 --- a/public/notes/11.html +++ b/public/notes/11.html @@ -1,9 +1,12 @@ - Examples of dialogue + TavernAI - Note - Example Dialogues - - + + + + +
diff --git a/public/notes/12.html b/public/notes/12.html index 4b5684eaa..1dc180423 100644 --- a/public/notes/12.html +++ b/public/notes/12.html @@ -1,18 +1,26 @@ - Scenario + TavernAI - Note - Scenario - - + + + + +

Scenario

-

Circumstances and context of the dialogue.

-

A list of tags that are replaced when sending to generate:

- {{user}} and <USER> are replaced by User Name
- {{char}} and <BOT> are replaced by Character Name

+

+ Circumstances and context of the dialogue. +

+
+

+ A list of tags that are replaced when sending to generate:

+ {{user}} and <USER> : replaced by User Name
+ {{char}} and <BOT> : replaced by Character Name

+

diff --git a/public/notes/2.html b/public/notes/2.html index 00c2f8b5b..2c4eef241 100644 --- a/public/notes/2.html +++ b/public/notes/2.html @@ -1,23 +1,37 @@ - Personality + TavernAI - Note - Personality Summary - - + + + + +

Personality summary

-

A brief description of the personality. It is added to the chat to a depth of 8-15 messages, so it has a significant impact on the character. Example:

- Cheerful, cunning, provocative

- Another example:

- Aqua likes to do nothing and also likes to get drunk -

+

+ A brief description of the personality. It is added to the chat to a depth of 8-15 messages, so it has a significant impact on the character. +

+ + Example: +

+ Cheerful, cunning, provocative +
+ Another example: +

+ Aqua likes to do nothing and also likes to get drunk +

*In Pygmalion model, it is used as a "Personality:" graph

-

A list of tags that are replaced when sending to generate:

- {{user}} and <USER> are replaced by User Name
- {{char}} and <BOT> are replaced by Character Name

+
+ +

+ List of tags that are replaced when sending to generate:

+ {{user}} and <USER> : replaced by the User's Name
+ {{char}} and <BOT> : replaced by the Character's Name

+

diff --git a/public/notes/3.html b/public/notes/3.html index 032506e20..186927c45 100644 --- a/public/notes/3.html +++ b/public/notes/3.html @@ -1,22 +1,36 @@ - First message + TavernAI - Note - First Message - - + + + + +

First message

-

An important thing that sets exactly how and in what style the character will communicate. - It is desirable that the character's first message be long, so that later it would be less - likely that the character would respond in monosyllables. You can also use asterisks ** to describe the character's actions. For example:

- *I noticed you came inside, I walked up and stood right in front of you* Wellcome. I'm glad to see you here. *i said with toothy smug sunny smile looking you straight in the eye* What brings you... etc -

-

A list of tags that are replaced when sending to generate:

- {{user}} and <USER> are replaced by User Name
- {{char}} and <BOT> are replaced by Character Name

+

+ The First Message is an important thing that sets exactly how and in what style the character will communicate.

+ It is desirable that the character's first message be long, so that later it would be less likely that the character would respond in with very short messages.

+ You can also use asterisks ** to describe the character's actions. +

+ + For example: +

+ + *I noticed you came inside, I walked up and stood right in front of you* Wellcome. I'm glad to see you here. + *i said with toothy smug sunny smile looking you straight in the eye* What brings you... + +
+
+

+ A list of tags that are replaced when sending to generate:

+ {{user}} and <USER> are replaced by User Name
+ {{char}} and <BOT> are replaced by Character Name

+

diff --git a/public/notes/4.html b/public/notes/4.html index d6e95164f..55965ae79 100644 --- a/public/notes/4.html +++ b/public/notes/4.html @@ -1,9 +1,12 @@ - KoboldAI Settings + TavernAI - Note - KobolAI Settings - - + + + + +
diff --git a/public/notes/5.html b/public/notes/5.html index 1496786d0..c003f9a7f 100644 --- a/public/notes/5.html +++ b/public/notes/5.html @@ -1,15 +1,22 @@ - Temperature + TavernAI - Note - Temperature - - + + + + +

Temperature

-

Value from 0.1 to 2.0. Less value - the answers are more logical, but less creative. More value - the answers are more creative, but less logical.

+

+ Value from 0.1 to 2.0.

+ Less value - the answers are more logical, but less creative.

+ More value - the answers are more creative, but less logical. +

diff --git a/public/notes/6.html b/public/notes/6.html index b539f9378..99f6443f3 100644 --- a/public/notes/6.html +++ b/public/notes/6.html @@ -1,27 +1,32 @@ - NovelAI api key + TavernAI - Note - Novel AI API Key - - + + + + +

Finding your NAI API key

To get a NovelAI API key, follow these instructions:

+

+ 1. Go to the NovelAI website and Login.

- 1. Login to NovelAI through the website.

+ 2. Create a new story, or open an existing story.

- 2. Create a new story, or open an existing story.

+ 3. Open the Network Tools on your web browser. (For Chrome or Firefox, you do this by pressing Ctrl+Shift+I, then switching to the Network tab.)

- 3. Open the Network Tools on your web browser. (For Chrome or Firefox, you do this by pressing Ctrl+Shift+I, then switching to the Network tab.)

- - 4. Generate something. You should see two requests to api.novelai.net/ai/generate-stream, which might look something like this:

-

- 5. Select the second request, then in the Headers tab of the inspection panel, scroll down to the very bottom. Look for a header called Authorization:

-

- The long string (after "Bearer", not including it) is your API key.

*Proxies and Cloudflare-type services may interfere with connection + 4. Generate something. You should see two requests to api.novelai.net/ai/generate-stream, which might look something like this:

+

+ 5. Select the second request, then in the Headers tab of the inspection panel, scroll down to the very bottom. Look for a header called Authorization:

+

+ The long string (after "Bearer", not including it) is your API key.

+ * Proxies and Cloudflare-type services may interfere with connection. +

diff --git a/public/notes/7.html b/public/notes/7.html index b332ad51d..e5bab4e95 100644 --- a/public/notes/7.html +++ b/public/notes/7.html @@ -1,22 +1,39 @@ - NovelAI settings + TavernAI - Note - NovelAI Settings - - + + + + +

NovelAI settings

-

The files with the settings are here (TavernAI\public\NovelAI Settings) You also can add own settings files. +

+ The files with the settings are here (TavernAI\public\NovelAI Settings).
+ You can also manually add your own settings files.

Temperature

-

Value from 0.1 to 2.0. Lower value - the answers are more logical, but less creative. Higher value - the answers are more creative, but less logical.

-

Repetition penalty

-

Repetition penalty is responsible for the penalty of repeated words. If the character is fixated on something or repeats the same phrase, then increasing this parameter will fix it. It is not recommended to increase this parameter too much for the chat format, as it may break this format. The standard value for chat is approximately 1.0 - 1.05

+

+ Value from 0.1 to 2.0.
+ Lower value - the answers are more logical, but less creative.
+ Higher value - the answers are more creative, but less logical. +

+ +

Repetition penalty

+

+ Repetition penalty is responsible for the penalty of repeated words.
+ If the character is fixated on something or repeats the same phrase, then increasing this parameter will fix it.
+ It is not recommended to increase this parameter too much for the chat format, as it may break this format.
+ The standard value for chat is approximately 1.0 - 1.05 +

Repetition penalty range

-

The range of influence of Repetition penalty in tokens.

+

+ The range of influence of Repetition penalty in tokens. +

diff --git a/public/notes/8.html b/public/notes/8.html index 3cd4a4019..448ab8824 100644 --- a/public/notes/8.html +++ b/public/notes/8.html @@ -1,15 +1,18 @@ - NovelAI Models + TavernAI - Note - NovelAI Models - - + + + + +

NovelAI Models

-

If your subscribe tier is Paper, Tablet or Scroll use only Euterpe model otherwise you can not get an answer from NovelAI api.

+

If your subscribe tier is Paper, Tablet or Scroll use only Euterpe model otherwise you can not get an answer from NovelAI api.

diff --git a/public/notes/9.html b/public/notes/9.html index 747b85635..ebe9b4fb9 100644 --- a/public/notes/9.html +++ b/public/notes/9.html @@ -1,21 +1,45 @@ - Anchors + TavernAI - Note - Anchors - - + + + + +

Anchors

-

Anchors are used to increase the length of messages. There are two types of anchors: Character Anchor and Style Anchor

-

Character Anchor - affects the character played by the AI by motivating him to write longer messages. Looks like [Alexa talks a lot with descriptions]

-

Style Anchor - affects all AI model, motivating AI to write longer messages. Looks like [Writing style: very long messages]

-

Anchors Order sets the location of anchors in the promt, the first anchor in the order is much higher and has less influence than second.

-

The second in order anchor is turned on after 8-12 messages, because the first anchor is enough when there are few messages.

-

Sometimes some AI models may not perceive anchors correctly or the AI model already generates sufficiently long messages, so for these cases, to disable anchors, you just need to uncheck the boxes.

-

*It is automatically disabled in Pygmalion, since Pygmalion already generates long enough messages

+

+ Anchors are used to increase the length of messages.
+ There are two types of anchors: Character Anchor and Style Anchor +

+

+ Character Anchor - affects the character played by the AI by motivating him to write longer messages.

+ Looks like: + [(Bot's name) talks a lot with descriptions] +

+

+ Style Anchor - affects the entire AI model, motivating the AI to write longer messages even when it is not acting as the character.

+ Looks like: + [Writing style: very long messages] +

+
+

+ Anchors Order sets the location of anchors in the promt, the first anchor in the order is much further back in the context and thus has less influence than second. +

+

+ The second anchor is only turned on after 8-12 messages, because when the chat still only has a few message the first anchor creates enough effect ob its own. +

+

+ Sometimes an AI model may not perceive anchors correctly or the AI model already generates sufficiently long messages.
+ For these cases, you can disable the anchors by unchecking their respective boxes. +

+

+ When using Pygmalion models these anchors are automatically disabled, since Pygmalion already generates long enough messages. +