From e4865f6bbd83daf7527782829add1747a8e9f8f7 Mon Sep 17 00:00:00 2001 From: Karl Date: Thu, 12 Mar 2020 08:51:36 +0100 Subject: [PATCH 1/6] added basic empty pages --- website/tts/help/commands/index.html | 22 ++++++++++++++++++++++ website/tts/help/index.html | 28 ++++++++++++++++++++++++++++ website/tts/help/settings/index.html | 22 ++++++++++++++++++++++ website/tts/help/setup/index.html | 22 ++++++++++++++++++++++ website/tts/help/usage/index.html | 22 ++++++++++++++++++++++ 5 files changed, 116 insertions(+) create mode 100644 website/tts/help/commands/index.html create mode 100644 website/tts/help/index.html create mode 100644 website/tts/help/settings/index.html create mode 100644 website/tts/help/setup/index.html create mode 100644 website/tts/help/usage/index.html diff --git a/website/tts/help/commands/index.html b/website/tts/help/commands/index.html new file mode 100644 index 0000000..cf651c2 --- /dev/null +++ b/website/tts/help/commands/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + TTS commands help + + + + + diff --git a/website/tts/help/index.html b/website/tts/help/index.html new file mode 100644 index 0000000..70b13ff --- /dev/null +++ b/website/tts/help/index.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + TTS help + + +

Available help pages

+ + + diff --git a/website/tts/help/settings/index.html b/website/tts/help/settings/index.html new file mode 100644 index 0000000..feaaaf2 --- /dev/null +++ b/website/tts/help/settings/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + TTS settings help + + + + + diff --git a/website/tts/help/setup/index.html b/website/tts/help/setup/index.html new file mode 100644 index 0000000..fd5de66 --- /dev/null +++ b/website/tts/help/setup/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + TTS setup help + + + + + diff --git a/website/tts/help/usage/index.html b/website/tts/help/usage/index.html new file mode 100644 index 0000000..69bc412 --- /dev/null +++ b/website/tts/help/usage/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + TTS usage help + + + + + From 94780ad24dc830ea0aefcdbe72b7d396b5ed668a Mon Sep 17 00:00:00 2001 From: Karl Date: Thu, 12 Mar 2020 09:36:25 +0100 Subject: [PATCH 2/6] added basic info --- website/tts/help/settings/index.html | 57 +++++++++++++++++++++++++++- 1 file changed, 56 insertions(+), 1 deletion(-) diff --git a/website/tts/help/settings/index.html b/website/tts/help/settings/index.html index feaaaf2..38856ad 100644 --- a/website/tts/help/settings/index.html +++ b/website/tts/help/settings/index.html @@ -17,6 +17,61 @@ TTS settings help - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
commandoptionsdefaultexplanation
conversationtrue / falsetrueAllows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer"
subtrue / falsefalseMake the TTS subscriber only. It will still cost points for none subs but no TTS is played
queuetrue / falsetrueIf disabled new messages skip currently playing messages.
voiceany voice nameBrianDefault voice name. Check available voices here: TODO: add link
volume0 - 100100Volume of the TTS playback.
maxmessagetime0 - 3000Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted)
cooldown0 - 3000Time in seconds between TTS messages. It will still cost points!
timeoutcheck0 - 302The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message.
From 7d54d66009c6461481ad9d44636e27866e69b3f3 Mon Sep 17 00:00:00 2001 From: DivineCarly Date: Sat, 14 Mar 2020 22:48:19 +0100 Subject: [PATCH 3/6] Style for help page --- website/tts/help/settings/style.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 website/tts/help/settings/style.css diff --git a/website/tts/help/settings/style.css b/website/tts/help/settings/style.css new file mode 100644 index 0000000..e69de29 From 460eae3c32ca15014a44e6e1e05a32b08fbdaf32 Mon Sep 17 00:00:00 2001 From: DivineCarly Date: Sun, 15 Mar 2020 11:02:23 +0100 Subject: [PATCH 4/6] Added navbar and classes --- website/tts/help/settings/index.html | 123 +++++++++++++++------------ website/tts/help/settings/style.css | 57 +++++++++++++ 2 files changed, 124 insertions(+), 56 deletions(-) diff --git a/website/tts/help/settings/index.html b/website/tts/help/settings/index.html index 38856ad..feea43a 100644 --- a/website/tts/help/settings/index.html +++ b/website/tts/help/settings/index.html @@ -5,6 +5,7 @@ + @@ -17,61 +18,71 @@ TTS settings help - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
commandoptionsdefaultexplanation
conversationtrue / falsetrueAllows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer"
subtrue / falsefalseMake the TTS subscriber only. It will still cost points for none subs but no TTS is played
queuetrue / falsetrueIf disabled new messages skip currently playing messages.
voiceany voice nameBrianDefault voice name. Check available voices here: TODO: add link
volume0 - 100100Volume of the TTS playback.
maxmessagetime0 - 3000Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted)
cooldown0 - 3000Time in seconds between TTS messages. It will still cost points!
timeoutcheck0 - 302The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message.
+
+
    +
  • DNBDJGFNBJDNFKJDFN
    • +
  • +
  • +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
commandoptionsdefaultexplanation
conversationtrue / falsetrueAllows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer"
subtrue / falsefalseMake the TTS subscriber only. It will still cost points for none subs but no TTS is played
queuetrue / falsetrueIf disabled new messages skip currently playing messages.
voiceany voice nameBrianDefault voice name. Check available voices here: TODO: add link
volume0 - 100100Volume of the TTS playback.
maxmessagetime0 - 3000Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted)
cooldown0 - 3000Time in seconds between TTS messages. It will still cost points!
timeoutcheck0 - 302The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message.
+
diff --git a/website/tts/help/settings/style.css b/website/tts/help/settings/style.css index e69de29..e440095 100644 --- a/website/tts/help/settings/style.css +++ b/website/tts/help/settings/style.css @@ -0,0 +1,57 @@ +body{ + margin:0; + background-color: #191919; +} +.navbar ul, .navbar li{ + top:0px; + margin:0px; + list-style-type: none; + background-color:#9147ff; + background-size: 200px,auto, contain; + font-family: "Segoe UI"; + letter-spacing: 1px; + font-size: 20px; + overflow: hidden; + z-index: 999; +} +.navbar{ + position: absolute; + background-color:#9147ff; + padding-top:10px; + padding-bottom:10px; + width:100%; +} +.navbar li a{ + transition: color .5s; +} +.navbar li:hover a{ + color:white !important; +} +.navbar ul{ + padding:1; +} +.navbar li { +float: left; +} +.FuckingTable{ + font-family: "Segoe UI"; + background-color: #f2f2f2;; + position: absolute; + margin-top: 10%; + margin-left: 15%; + border-collapse: collapse; + border-radius: 2px; +} +th, td { + text-align: left; + padding: 8px; + border: 0px; + } +tr:nth-child(even) {background-color: #f2f2f2;} +tr:nth-child(odd) {background-color: #CCCCCC;} + +@media (prefers-color-scheme: dark) { + body{ + background-color: #191919; + } +} \ No newline at end of file From 94411c6c6a97dd32fe7bf6bef27de3bf2e2ef489 Mon Sep 17 00:00:00 2001 From: DivineCarly Date: Wed, 18 Mar 2020 10:17:43 +0100 Subject: [PATCH 5/6] More design lel --- website/tts/help/index.html | 16 +++---- website/tts/help/settings/index.html | 56 +++++++++++++++++++++++-- website/tts/help/settings/style.css | 63 ++++++++++++++++------------ website/tts/help/style.css | 41 ++++++++++++++++++ 4 files changed, 138 insertions(+), 38 deletions(-) create mode 100644 website/tts/help/style.css diff --git a/website/tts/help/index.html b/website/tts/help/index.html index 70b13ff..bffd0cc 100644 --- a/website/tts/help/index.html +++ b/website/tts/help/index.html @@ -5,6 +5,7 @@ + @@ -17,12 +18,13 @@ TTS help -

Available help pages

- +
+ +
diff --git a/website/tts/help/settings/index.html b/website/tts/help/settings/index.html index feea43a..c25de49 100644 --- a/website/tts/help/settings/index.html +++ b/website/tts/help/settings/index.html @@ -5,6 +5,7 @@ + @@ -20,12 +21,59 @@
- +
+
+
+
+
+
+

Conversation

+

Allows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer".

+

Usage: !tts settings Conversation true or !tts settings Conversation true

+

Default: true

+
+

Sub

+

Make the TTS subscriber only. It will still cost points for none subs but no TTS is played.

+

Usage: !tts settings Sub true or!tts settings Sub false

+

Default: false

+
+

Queue

+

If disabled new messages skip currently playing messages.

+

Usage: !tts settings Queue true or!tts settings Queue false

+

Default: true

+
+

Voice

+

Default voice name. Check available voices here: TODO: add link

+

Usage: Steve: Hello Steve: Hello

+

Default: Brian

+
+

Volume

+

Volume of the TTS playback choose between 0 - 100.

+

How????

+

Default: 100

+
+

Maxmessagetime

+

Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted).

+

How????

+

Default: 0

+
+

Cooldown

+

Time in seconds between TTS messages. It will still cost points!

+

How????

+

Default: 0

+
+

Timeoutcheck

+

The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message. Choose between 0 - 30.

+

How????

+

Default: 2

+
+
diff --git a/website/tts/help/settings/style.css b/website/tts/help/settings/style.css index e440095..12b5392 100644 --- a/website/tts/help/settings/style.css +++ b/website/tts/help/settings/style.css @@ -1,51 +1,60 @@ body{ - margin:0; - background-color: #191919; + margin:0; + background-color: #191919; } .navbar ul, .navbar li{ - top:0px; - margin:0px; - list-style-type: none; - background-color:#9147ff; - background-size: 200px,auto, contain; - font-family: "Segoe UI"; - letter-spacing: 1px; - font-size: 20px; - overflow: hidden; - z-index: 999; + top:0%; + margin:0%; + list-style-type: none; + background-color:#9147ff; + background-size: 200px,auto, contain; + font-family: "Segoe UI"; + letter-spacing: 1px; + font-size: 20px; + overflow: hidden; + z-index: 999; } .navbar{ - position: absolute; - background-color:#9147ff; - padding-top:10px; - padding-bottom:10px; - width:100%; + position: absolute; + background-color:#9147ff; + padding-top:10px; + padding-bottom:10px; + width:100%; } .navbar li a{ transition: color .5s; + color:black; } .navbar li:hover a{ color:white !important; } .navbar ul{ padding:1; + color:black; } .navbar li { float: left; +color:black; +} +.commands{ + Color:#9147ff; + font-family: "Segoe UI"; + margin-left: 25%; + font-size: 16px; } .FuckingTable{ - font-family: "Segoe UI"; - background-color: #f2f2f2;; - position: absolute; - margin-top: 10%; - margin-left: 15%; - border-collapse: collapse; - border-radius: 2px; + font-family: "Segoe UI"; + background-color: #f2f2f2;; + position: absolute; + margin-top: 10%; + margin-left: 15%; + border-collapse: collapse; + border-radius: 2px; } th, td { - text-align: left; - padding: 8px; - border: 0px; + text-align: left; + padding: 8px; + border: 0px; } tr:nth-child(even) {background-color: #f2f2f2;} tr:nth-child(odd) {background-color: #CCCCCC;} diff --git a/website/tts/help/style.css b/website/tts/help/style.css new file mode 100644 index 0000000..7aef530 --- /dev/null +++ b/website/tts/help/style.css @@ -0,0 +1,41 @@ +body{ + margin:0; + background-color: #191919; +} +::selection{ + +} +.navbar ul, .navbar li{ + top:0px; + margin:0px; + list-style-type: none; + background-color:#9147ff; + background-size: 200px,auto, contain; + font-family: "Segoe UI"; + letter-spacing: 1px; + font-size: 20px; + overflow: hidden; + z-index: 999; +} +.navbar{ + position: absolute; + background-color:#9147ff; + padding-top:10px; + padding-bottom:10px; + width:100%; +} +.navbar li a{ + transition: color .5s; + color:black; +} +.navbar li:hover a{ + color:white !important; +} +.navbar ul{ + padding:1; + color:black; +} +.navbar li { +float: left; +color:black; +} \ No newline at end of file From 0d8a4674a5b0b25d1749d82b86ddfada8b3001d8 Mon Sep 17 00:00:00 2001 From: DivineCarly Date: Thu, 19 Mar 2020 19:03:17 +0100 Subject: [PATCH 6/6] SLICK DESIG --- website/tts/help/settings/index.html | 231 ++++++++++++++----------- website/tts/help/settings/style.css | 25 +-- website/tts/help/settings/tailwind.css | 78 +++++++++ website/tts/help/style.css | 6 +- 4 files changed, 220 insertions(+), 120 deletions(-) create mode 100644 website/tts/help/settings/tailwind.css diff --git a/website/tts/help/settings/index.html b/website/tts/help/settings/index.html index c25de49..94bfd21 100644 --- a/website/tts/help/settings/index.html +++ b/website/tts/help/settings/index.html @@ -7,6 +7,7 @@ + @@ -27,110 +28,130 @@
  • Settings   
    • -
    -
    -
    -
    -
    -
    -

    Conversation

    -

    Allows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer".

    -

    Usage: !tts settings Conversation true or !tts settings Conversation true

    -

    Default: true

    -
    -

    Sub

    -

    Make the TTS subscriber only. It will still cost points for none subs but no TTS is played.

    -

    Usage: !tts settings Sub true or!tts settings Sub false

    -

    Default: false

    -
    -

    Queue

    -

    If disabled new messages skip currently playing messages.

    -

    Usage: !tts settings Queue true or!tts settings Queue false

    -

    Default: true

    -
    -

    Voice

    -

    Default voice name. Check available voices here: TODO: add link

    -

    Usage: Steve: Hello Steve: Hello

    -

    Default: Brian

    -
    -

    Volume

    -

    Volume of the TTS playback choose between 0 - 100.

    -

    How????

    -

    Default: 100

    -
    -

    Maxmessagetime

    -

    Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted).

    -

    How????

    -

    Default: 0

    -
    -

    Cooldown

    -

    Time in seconds between TTS messages. It will still cost points!

    -

    How????

    -

    Default: 0

    -
    -

    Timeoutcheck

    -

    The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message. Choose between 0 - 30.

    -

    How????

    -

    Default: 2

    -
    - -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    commandoptionsdefaultexplanation
    conversationtrue / falsetrueAllows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer"
    subtrue / falsefalseMake the TTS subscriber only. It will still cost points for none subs but no TTS is played
    queuetrue / falsetrueIf disabled new messages skip currently playing messages.
    voiceany voice nameBrianDefault voice name. Check available voices here: TODO: add link
    volume0 - 100100Volume of the TTS playback.
    maxmessagetime0 - 3000Max duration of a single redemtion. Using multiple voices counts as one message for this setting. (0 = unlimted)
    cooldown0 - 3000Time in seconds between TTS messages. It will still cost points!
    timeoutcheck0 - 302The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait before playing the TTS message.
    -
    +





    +
    +

    All Settings


    +
    +
    + + +
    +

    Allows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer".

    +

    Usage: !tts settings Conversation true or !tts settings Conversation true

    +

    Default: true

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    Make the TTS subscriber only. It will still cost points for none subs but no TTS is played.

    +

    Usage: !tts settings Sub true or!tts settings Sub false

    +

    Default: false

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    If disabled new messages skip currently playing messages.

    +

    Usage: !tts settings Queue true or!tts settings Queue false

    +

    Default: true

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    Default voice name. Check available voices here: TODO: add link

    +

    Usage: Steve: Hello Steve: Hello

    +

    Default: Brian

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    Volume of the TTS playback choose between 0 - 100. Choose between 0 - 100.

    +

    Usage: !tts playback 0

    +

    Default: 100

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    Max duration of a single redemtion. Using multiple voices counts as one message for this setting.

    +

    (0 = unlimted). Choose between 0 - 300.

    +

    Usage: !tts maxmessagetime 0

    +

    Default: 0

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    Time in seconds between TTS messages. It will still cost points!

    +

    Usage: !tts Cooldown 30

    +

    Default: 0

    +
    +
    +
    +

    +
    +
    +
    + + +
    +

    The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait

    +

    before playing the TTS message. Choose between 0 - 30.

    +

    Usage: !tts timoutcheck 10

    +

    Default: 2

    +
    +
    +
    +
    +






    + diff --git a/website/tts/help/settings/style.css b/website/tts/help/settings/style.css index 12b5392..0967c51 100644 --- a/website/tts/help/settings/style.css +++ b/website/tts/help/settings/style.css @@ -1,16 +1,17 @@ body{ margin:0; - background-color: #191919; + /*background-color: #191919;*/ + background-color:white; } + .navbar ul, .navbar li{ - top:0%; - margin:0%; + top:0px; + margin:0px; list-style-type: none; background-color:#9147ff; background-size: 200px,auto, contain; font-family: "Segoe UI"; letter-spacing: 1px; - font-size: 20px; overflow: hidden; z-index: 999; } @@ -22,15 +23,16 @@ body{ width:100%; } .navbar li a{ - transition: color .5s; - color:black; +transition: color .5s; +color:black; +font-size: 20px; } .navbar li:hover a{ - color:white !important; +color:white !important; } .navbar ul{ - padding:1; - color:black; +padding:1; +color:black; } .navbar li { float: left; @@ -39,8 +41,9 @@ color:black; .commands{ Color:#9147ff; font-family: "Segoe UI"; - margin-left: 25%; - font-size: 16px; + font-size: 18px; + margin-left: 1%; + margin-right: 1%; } .FuckingTable{ font-family: "Segoe UI"; diff --git a/website/tts/help/settings/tailwind.css b/website/tts/help/settings/tailwind.css new file mode 100644 index 0000000..4879819 --- /dev/null +++ b/website/tts/help/settings/tailwind.css @@ -0,0 +1,78 @@ +.border{ + margin-left: 24%; + margin-right: 24%; + border-color: #9147ff; + border-radius: 0.5rem; + border-width: 3px; +} + /* Tab content - closed */ + .tab-content { + max-height: 0; + -webkit-transition: max-height .35s; + -o-transition: max-height .35s; + transition: max-height .35s; + width: 100%; + } + /* :checked - resize to full height */ + .tab input:checked ~ .tab-content { + max-height: 100vh; + line-height: 0; + } + /* Label formatting when open */ + .tab input:checked + label{ + /*@apply text-xl p-5 border-l-2 border-indigo-500 bg-gray-100 text-indigo*/ + font-size: 1.25rem; /*.text-xl*/ + padding: 1.25rem; /*.p-5*/ + border-left-width: 2px; /*.border-l-2*/ + border-color: #9147ff; /*.border-indigo*/ + background-color: #f8fafc; /*.bg-gray-100 */ + color: #9147ff; /*.text-indigo*/ + + } + /* Icon */ + .tab label::after { + float:right; + right: 0; + top: 0; + display: block; + width: 1.5em; + height: 1.5em; + line-height: 1.5; + font-size: 1.25rem; + text-align: center; + -webkit-transition: all .35s; + -o-transition: all .35s; + transition: all .35s; + line-height: 1em; + } + /* Icon formatting - closed */ + .tab input[type=checkbox] + label::after { + content: "+"; + font-weight:bold; /*.font-bold*/ + border-width: 1px; /*.border*/ + border-radius: 9999px; /*.rounded-full */ + border-color: #b8c2cc; /*.border-grey*/ + } + .tab input[type=radio] + label::after { + content: "\25BE"; + font-weight:bold; /*.font-bold*/ + border-width: 1px; /*.border*/ + border-radius: 9999px; /*.rounded-full */ + border-color: #b8c2cc; /*.border-grey*/ + } + /* Icon formatting - open */ + .tab input[type=checkbox]:checked + label::after { + transform: rotate(315deg); + background-color: #9147ff; /*.bg-indigo*/ + color: #f8fafc; /*.text-grey-lightest*/ + } + .tab input[type=radio]:checked + label::after { + transform: rotateX(180deg); + background-color: #9147ff; /*.bg-indigo*/ + color: #f8fafc; /*.text-grey-lightest*/ + } + .w-full{ + padding: 0%; + font-size: 18px; + } + \ No newline at end of file diff --git a/website/tts/help/style.css b/website/tts/help/style.css index 7aef530..1d03c82 100644 --- a/website/tts/help/style.css +++ b/website/tts/help/style.css @@ -2,9 +2,7 @@ body{ margin:0; background-color: #191919; } -::selection{ -} .navbar ul, .navbar li{ top:0px; margin:0px; @@ -12,8 +10,8 @@ body{ background-color:#9147ff; background-size: 200px,auto, contain; font-family: "Segoe UI"; - letter-spacing: 1px; - font-size: 20px; + letter-spacing: 1px; + font-size: 20px; overflow: hidden; z-index: 999; }