Skip to content
This repository was archived by the owner on Feb 10, 2022. It is now read-only.

Website tts help #56

Draft
wants to merge 6 commits into
base: master
Choose a base branch
from
Draft

Website tts help #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e4865f6
added basic empty pages
cineafx Mar 12, 2020
94780ad
added basic info
cineafx Mar 12, 2020
7d54d66
Style for help page
Mar 14, 2020
460eae3
Added navbar and classes
Mar 15, 2020
94411c6
More design lel
Mar 18, 2020
0d8a467
SLICK DESIG
Mar 19, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions website/tts/help/commands/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<title>TTS commands help</title>
</head>
<body>

</body>
</html>
30 changes: 30 additions & 0 deletions website/tts/help/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<title>TTS help</title>
</head>
<body>
<div class="navbar">
<ul>
<li><a href="setup/index.html" style="text-decoration: none">Setup&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="usage/index.html" style="text-decoration: none">How to use&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="commands/index.html" style="text-decoration: none">Commands&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="settings/index.html"style="text-decoration: none">Settings&nbsp;&nbsp;&nbsp;</a></li>
</ul>
</div>
</body>
</html>
157 changes: 157 additions & 0 deletions website/tts/help/settings/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="tailwind.css">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<title>TTS settings help</title>
</head>
<body>
<div class="navbar">
<ul>
<li><a href="../setup/index.html" style="text-decoration: none"; color:#000;>Setup&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="../usage/index.html" style="text-decoration: none">How to use&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="../commands/index.html" style="text-decoration: none">Commands&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="../settings/index.html"style="text-decoration: none">Settings&nbsp;&nbsp;&nbsp;</a></li>
</ul>
</div>
<br><br><br><br><br><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<h1><strong>All Settings</strong></h1><br>
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-one" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-one">Conversation</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Allows users to use multiple voices in one message: "Brian: Kappa Kappa Keepo Justin: Wow what a memer".</p>
<p class="p-5">Usage: !tts settings Conversation true or !tts settings Conversation true</p>
<p class="p-5">Default: true</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-two" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-two"><strong>Sub</strong></label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Make the TTS subscriber only. It will still cost points for none subs but no TTS is played.</p>
<p class="p-5">Usage: !tts settings Sub true or!tts settings Sub false</p>
<p class="p-5">Default: false</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-three" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-three">Queue</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">If disabled new messages skip currently playing messages.</p>
<p class="p-5">Usage: !tts settings Queue true or!tts settings Queue false</p>
<p class="p-5">Default: true</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-four" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-four">Voice</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Default voice name. Check available voices here: TODO: add link <!--TODO: add link--></p>
<p class="p-5">Usage: Steve: Hello Steve: Hello</p>
<p class="p-5">Default: Brian</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-five" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-five">Volume</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Volume of the TTS playback choose between 0 - 100. Choose between 0 - 100.</p>
<p class="p-5">Usage: !tts playback 0</p>
<p class="p-5">Default: 100</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-six" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-six">Maxmessagetime</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Max duration of a single redemtion. Using multiple voices counts as one message for this setting.</p>
<p class="p-5">(0 = unlimted). Choose between 0 - 300.</p>
<p class="p-5">Usage: !tts maxmessagetime 0</p>
<p class="p-5">Default: 0</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-seven" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-seven">Cooldown</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">Time in seconds between TTS messages. It will still cost points!</p>
<p class="p-5">Usage: !tts Cooldown 30</p>
<p class="p-5">Default: 0</p>
</div>
</div>
</div>
</div><br>
<div class="w-full md:w-3/5 mx-auto p-8">
<div class="shadow-md">
<div class="tab w-full overflow-hidden border-t">
<input class="absolute opacity-0 " id="tab-multi-eight" type="checkbox" name="tabs">
<label class="block p-5 leading-normal cursor-pointer" for="tab-multi-eight">Timeoutcheck</label>
<div class="tab-content overflow-hidden border-l-2 bg-gray-100 border-indigo-500 leading-normal">
<p class="p-5">The bot doesn't play message which have been timed out in that timeframe. How long the bot should wait </p>
<p class="p-5">before playing the TTS message. Choose between 0 - 30.</p>
<p class="p-5">Usage: !tts timoutcheck 10</p>
<p class="p-5">Default: 2</p>
</div>
</div>
</div>
</div>
<br><br><br><br><br><br><br>
</body>
<script>
/* Optional Javascript to close the radio button version by clicking it again */
var myRadios = document.getElementsByName('tabs2');
var setCheck;
var x = 0;
for(x = 0; x < myRadios.length; x++){
myRadios[x].onclick = function(){
if(setCheck != this){
setCheck = this;
}else{
this.checked = false;
setCheck = null;
}
};
}
</script>
</html>
69 changes: 69 additions & 0 deletions website/tts/help/settings/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
body{
margin:0;
/*background-color: #191919;*/
background-color:white;
}

.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;
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;
font-size: 20px;
}
.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";
font-size: 18px;
margin-left: 1%;
margin-right: 1%;
}
.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;
}
}
78 changes: 78 additions & 0 deletions website/tts/help/settings/tailwind.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}

22 changes: 22 additions & 0 deletions website/tts/help/setup/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<title>TTS setup help</title>
</head>
<body>

</body>
</html>
Loading