diff --git a/public/css/style.css b/public/css/style.css index a9925f9f3..ce9b6b4cc 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -20,7 +20,7 @@ body { body { color: rgb(229, 224, 216); font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - //font: 1em 'Open Sans', sans-serif; + /* font: 1em 'Open Sans', sans-serif; */ background-color: #f1f1f1; } diff --git a/public/index.html b/public/index.html index 8c269d8a3..6b7e6cb3e 100644 --- a/public/index.html +++ b/public/index.html @@ -32,7 +32,16 @@ var default_user_name = "You"; var name1 = default_user_name; var name2 = "Chloe"; - var chat = [{name: 'Chloe', is_user:false,is_name:true, create_date:0, mes:'\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n Hello there! How is your evening going?\n\n@@@TavernAI v'+VERSION+'@@@
Cloud




'}];//
Give a Tip




'}]; + var chat = [{ + name: 'Chloe', + is_user: false, + is_name: true, + create_date: 0, + mes: '\n*You went inside. The air smelled of fried meat, tobacco and a hint of wine. A dim light was cast by candles, and a fire crackled in the fireplace. It seems to be a very pleasant place. Behind the wooden bar is an elf waitress, she is smiling. Her ears are very pointy, and there is a twinkle in her eye. She wears glasses and a white apron. As soon as she noticed you, she immediately came right up close to you.*\n\n' + + ' Hello there! How is your evening going?\n' + + '\n@@@TavernAI v'+VERSION+'@@@
Cloud




' + }]; + var chat_create_date = 0; var default_ch_mes = "Hello"; var count_view_mes = 0; @@ -3063,4 +3072,4 @@ - \ No newline at end of file + diff --git a/public/style.css b/public/style.css index 3fdd07fc5..67af7d700 100644 --- a/public/style.css +++ b/public/style.css @@ -85,27 +85,27 @@ code { max-width:800px; margin-left: auto; margin-right: auto; - //border-right: 0.1px solid gray; - //border-left: 0.1px solid gray; - //box-shadow: 0 0 2px rgba(200,200,200,0.1); + /* border-right: 0.1px solid gray; */ + /* border-left: 0.1px solid gray; */ + /* box-shadow: 0 0 2px rgba(200,200,200,0.1); */ } #chat { scrollbar-width: thin; - //width: 900px; - //height: 80%; + /* width: 900px; */ + /* height: 80%; */ overflow: hidden; overflow-y: scroll; background: #191b3100; - //white-space:nowrap; - //margin-left: 30%; /* Отступ слева */ - //width: 40%; /* Ширина слоя */ - //padding: 10px; /* Поля вокруг текста */ + /* white-space:nowrap; */ + /* margin-left: 30%; /* Отступ слева */ */ + /* width: 40%; /* Ширина слоя */ */ + /* padding: 10px; /* Поля вокруг текста */ */ } ::-webkit-scrollbar { width: .60em; - //background-color: blue; + /* background-color: blue; */ } ::-webkit-scrollbar-track { @@ -118,28 +118,28 @@ code { box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07); } #form_sheld { - //box-shadow: 0 0 2px rgba(200,200,200,0.5); + /* box-shadow: 0 0 2px rgba(200,200,200,0.5); */ box-shadow: 0 0 2px rgba(200,200,200,0.1); white-space:nowrap; background: #191b31A0; - //height: 10%; - //margin-left: 30%; /* Отступ слева */ - //width: 95%; /* Ширина слоя */ - //padding: 10px; /* Поля вокруг текста */ - //background: red; - //margin-left: auto; - //margin-right: auto; + /* height: 10%; */ + /* margin-left: 30%; /* Отступ слева */ */ + /* width: 95%; /* Ширина слоя */ */ + /* padding: 10px; /* Поля вокруг текста */ */ + /* background: red; */ + /* margin-left: auto; */ + /* margin-right: auto; */ } #send_form { display: grid; grid-template-columns: 35px auto 60px; - //background: green; + /* background: green; */ width: 100%; margin-left: auto; margin-right: auto; } #send_textarea{ - //width:100%; + /* width:100%; */ font-size: 11pt; height: 89px; resize: none; @@ -156,14 +156,14 @@ code { margin-top: 10px; } #send_but_sheld{ - //display:inline-block; - //height: 100%; - //margin-left: 17px; - //background: blue; + /* display:inline-block; */ + /* height: 100%; */ + /* margin-left: 17px; */ + /* background: blue; */ } #send_but{ - //visibility: visible; + /* visibility: visible; */ width: 100%; margin: 0 auto; margin-left: 4px; @@ -182,7 +182,7 @@ code { height: 100%; margin: 0 auto; margin-left: 2px; - //visibility: collapse; + /* visibility: collapse; */ background: url('img/load.svg') no-repeat top left; background-size: 45px 45px; background-position: center center; @@ -190,7 +190,7 @@ code { #options_button{ margin-top: 0px; cursor: pointer; - //opacity: 0.5; + /* opacity: 0.5; */ position: block; width:40px; height: 40px; @@ -198,7 +198,7 @@ code { background-size: contain; background-repeat: no-repeat; - //background-size: 20px; + /* background-size: 20px; */ } #options{ @@ -209,7 +209,7 @@ code { height: 100px; bottom: 196px; position: relative; - //background-color: blue; + /* background-color: blue; */ z-index:1990; } @@ -220,7 +220,7 @@ code { background-color: #191b31F3; min-width: 205px; z-index: 1; - //bottom: 1px; + /* bottom: 1px; */ } /* Ссылки внутри выпадающего блока */ @@ -254,24 +254,24 @@ code { box-shadow: 0 0 2px rgba(200,200,200,0.1); padding: 4px; background: #191b31CC; - //box-shadow: 0 0 2px rgba(200,200,200,0.5); + /* box-shadow: 0 0 2px rgba(200,200,200,0.5); */ - //display: inline-block; + /* display: inline-block; */ vertical-align: top; width: 100%; - //height:60px; - //background: red; - //font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif; + /* height:60px; */ + /* background: red; */ + /* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif; */ font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: rgb(229, 224, 216); font-size: 18px; - //background: blue; + /* background: blue; */ margin-bottom: 26px; } .avatar { - //box-shadow: 0 0 2px rgba(200,200,200,0.5); - //background: #13152c; + /* box-shadow: 0 0 2px rgba(200,200,200,0.5); */ + /* background: #13152c; */ width: 67px; height: 103px; border-style: none; @@ -292,11 +292,11 @@ code { padding-left: 35px; } .ch_name{ - //background: green; + /* background: green; */ font-weight:bolder; } .mes_text{ - //background: olive; + /* background: olive; */ font-weight:lighter; padding-top: 3px; @@ -321,7 +321,7 @@ code { } } .mes_text i{ - //color: rgb(229, 224, 216, 0.5); + /* color: rgb(229, 224, 216, 0.5); */ } br { display: block; @@ -370,7 +370,7 @@ textarea{ border:0px solid grey; box-shadow: 0 0 2px rgba(200,200,200,0.5); background-color: #13152c; - //padding: 10px; + /* padding: 10px; */ margin-left: 10px; @@ -385,7 +385,7 @@ textarea{ .right_menu{ - //padding: 15px 20px; + /* padding: 15px 20px; */ max-height: 86%; overflow: hidden; overflow-y: auto; @@ -443,7 +443,7 @@ input[type=button] { } .right_menu_button{ display:inline-block; - //box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); + /* box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); */ cursor:pointer; vertical-align:middle; text-align: center; @@ -456,8 +456,8 @@ input[type=button] { #character_import_button{ cursor: pointer; display: inline-block; - margin-left: 15px;//274px; - margin-top: 6px;//10px; + margin-left: 15px;/* 274px; */ + margin-top: 6px;/* 10px; */ } #character_import_button h2{ @@ -478,7 +478,7 @@ input[type=button] { #rm_api_block{ display: none; padding-bottom: 5px; - //visibility: hidden; + /* visibility: hidden; */ } #api_url_text{ margin-right: 4px; @@ -505,7 +505,7 @@ input[type=button] { } #rm_characters_block{ display: block; - //visibility: hidden; + /* visibility: hidden; */ } .character_select{ padding: 0px; @@ -565,10 +565,10 @@ input[type=button] { #bg_menu_button{ display: inline-block; opacity: 0.4; - //transition: 0.5s + /* transition: 0.5s */ cursor: pointer; width: 20px; - //background: #191b3188; + /* background: #191b3188; */ text-align: center; height: 20px; color: #ffffff88; @@ -583,10 +583,10 @@ input[type=button] { margin-top: 0px; margin-left: 6px; opacity: 0.0; - //padding-top: 10px; + /* padding-top: 10px; */ cursor:auto; display: block; - width: 122px;//114px; + width: 122px;/* 114px; */ height: 0px; background: #191b3100; overflow: hidden; @@ -605,8 +605,8 @@ input[type=button] { box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07); } .bg_example { - //box-shadow: 0 0 2px rgba(200,200,200,0.5); - //background: #13152c; + /* box-shadow: 0 0 2px rgba(200,200,200,0.5); */ + /* background: #13152c; */ width: 103px; height: 83px; border-style: none; @@ -636,8 +636,8 @@ input[type=button] { } .bg_example_but_load { margin-left: 3px; - //box-shadow: 0 0 2px rgba(200,200,200,0.5); - //background: #13152c; + /* box-shadow: 0 0 2px rgba(200,200,200,0.5); */ + /* background: #13152c; */ width: 103px; height: 83px; border-style: none; @@ -723,13 +723,13 @@ input[type=button] { margin-right: auto; } #delete_button{ - opacity: 0.51;//0.5 + opacity: 0.51;/* 0.5 */ cursor: pointer; display: block; float:right; margin-top: 25px; margin-right: 10px; - color: #ffffff68;//66 + color: #ffffff68;/* 66 */ } #export_button{ opacity: 0.51; @@ -773,7 +773,7 @@ input[type=button] { } .input-file input[type=file] { - //position: absolute; + /* position: absolute; */ z-index: -1; opacity: 0; display: block; @@ -900,7 +900,7 @@ input[type=button] { #online_status{ opacity: 0.3; position: absolute; - //left: 4px; + /* left: 4px; */ bottom: 0px; margin-left: 9px; margin-bottom: 15px; @@ -954,7 +954,7 @@ input[type=button] { display: none; opacity: 0.5; accent-color: #ffffff; - //background-color: green; + /* background-color: green; */ width: 20px; height: 20px; } @@ -965,8 +965,8 @@ input[type=button] { display: block; } select { - //font-size: .9rem; - //border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); + /* font-size: .9rem; */ + /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); */ color: #ffffff66; padding: 5px 10px; width:95%; @@ -1051,7 +1051,7 @@ input[type="range"] { height: 7px; background: rgba(255, 255, 255, 0.6); border-radius: 15px; - //background-image: linear-gradient(#ff4500, #ff4500); + /* background-image: linear-gradient(#ff4500, #ff4500); */ background-size: 70% 100%; background-repeat: no-repeat; } @@ -1102,7 +1102,7 @@ input[type="range"] { .mes_edit{ display: inline-block; float:right; - //right:8px; + /* right:8px; */ cursor:pointer; margin-right: 4px; opacity:0.07; @@ -1122,7 +1122,7 @@ input[type="range"] { .mes_edit_cancel{ display: none; float:right; - //right:8px; + /* right:8px; */ margin-right: 4px; cursor:pointer; opacity:0.5; @@ -1142,7 +1142,7 @@ input[type="range"] { } #your_name{ outline: none; - //box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1); + /* box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1); */ box-shadow: 0 0px 0px rgba(255, 255, 255, 0.0); border: none; background: transparent; @@ -1226,7 +1226,7 @@ label.checkbox :checked + span:after { margin-right: auto; left: 0; right: 0; - //text-align: center; + /* text-align: center; */ margin-top: 0px; box-shadow: 0 0 2px rgba(200,200,200,0.1); padding: 4px; @@ -1247,7 +1247,7 @@ label.checkbox :checked + span:after { } #character_popup h3{ - //margin-top: 0px; + /* margin-top: 0px; */ margin-bottom: 0px; margin-left: 0px; } @@ -1274,7 +1274,7 @@ label.checkbox :checked + span:after { } #personality_textarea{ width: 92%; - //height: 65px; + /* height: 65px; */ margin-top: 0px; margin-left: 0px; } @@ -1298,23 +1298,16 @@ label.checkbox :checked + span:after { } #character_popup_ok{ cursor: pointer; - display: none;//grid; + display: none;/* grid; */ place-items: center; height: 40px; margin-top: 15px; - margin-left: 36px;//36px;329px;/ - //margin-right: auto; - width: 110px;//80px + margin-left: 36px;/* 36px;329px;/ */ + /* margin-right: auto; */ + width: 110px;/* 80px */ text-align: center; } - - - - - - - #shadow_select_chat_popup{ display: none; opacity: 1.0; @@ -1336,7 +1329,7 @@ label.checkbox :checked + span:after { margin-right: auto; left: 0; right: 0; - //text-align: center; + /* text-align: center; */ margin-top: 21vh; box-shadow: 0 0 2px rgba(200,200,200,0.1); padding: 4px; @@ -1372,8 +1365,8 @@ label.checkbox :checked + span:after { margin-left: 5px; margin-top: 30px; scrollbar-width: thin; - //width: 900px; - //height: 80%; + /* width: 900px; */ + /* height: 80%; */ overflow: hidden; overflow-y: scroll; max-width:430px; @@ -1400,7 +1393,7 @@ label.checkbox :checked + span:after { background-color: #ffffff07; } .select_chat_block[highlight]{ - background-color: #ffffff09;//#c2b07a12; + background-color: #ffffff09;/* #c2b07a12; */ } .select_chat_block .avatar{ @@ -1419,7 +1412,7 @@ label.checkbox :checked + span:after { background-repeat: no-repeat; background-size: 28px; background-position: 92px 5px; - //background-image: url('img/book5.png'); + /* background-image: url('img/book5.png'); */ width: 92%; height: 40px; margin-left: 10px; @@ -1447,4 +1440,4 @@ label.checkbox :checked + span:after { #export_character_div{ display: grid; grid-template-columns: 340px auto; -} \ No newline at end of file +}