ktyl/shift
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: ktyl:bf7a989b751095c733165d8b864b826bda8380e3
Branches Tags
ktyl:main
ktyl:sncf
ktyl:ceasar
ktyl:armand
ktyl:v0.1.2
ktyl:v0.1.1
ktyl:v0.1.0
..
compare: ktyl:d2cfa6cb24d13879c20818e0888ede589701c737
Branches Tags
ktyl:sncf
ktyl:ceasar
ktyl:main
ktyl:armand
ktyl:v0.1.2
ktyl:v0.1.1
ktyl:v0.1.0

6 Commits
bf7a989b75 ... d2cfa6cb24

Author SHA1 Message Date
Cat Flynn
d2cfa6cb24 feat: gamer group chat 2025-04-30 20:22:12 +01:00
Cat Flynn
f83f33a8c9 chore: add mod_wsgi, flask-cors packages 2025-04-28 20:07:21 +01:00
Cat Flynn
4a1837bb52 chore: use older version of python 
necessary for my crusty old debian 11 vps
 2025-04-27 22:07:40 +01:00
Cat Flynn
07b31a6bca feat: win/loss conditions 2025-04-27 21:34:50 +01:00
Cat Flynn
fa6679587d feat: split response and score generation 2025-04-27 01:04:03 +01:00
Cat Flynn
913d452144 feat: conversation history 2025-04-26 21:04:54 +01:00
3 changed files with 41 additions and 59 deletions
Show Stats Expand all files Collapse all files

9
index.html
View File

@ -3,7 +3,6 @@
<head>
<link rel="stylesheet" href="styles.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
@ -20,11 +19,9 @@
<p id="typing-indicator">NAME is typing...</p>
<div id="input-panel-container">
<div id="input-panel" class="rounded-rectangle">
<input id="textbox-input" type="text" onkeydown="pressSendButton()"></input>
<button onclick="pressSendButton()"><i class="fa fa-arrow-right" style="font-size:2em"></i></button>
</div>
<div id="textbox">
<input id="textbox-input" class="rounded-rectangle" type="text" onkeydown="pressSendButton()"></input>
<button class="rounded-rectangle" onclick="pressSendButton()">send</button>
</div>
</div>

2
main.js
View File

@ -11,7 +11,7 @@ class Conversation {
}
setInteractive(isInteractive) {
const children = document.getElementById("input-panel").children;
const children = document.getElementById("textbox").children;
for (let i = 0; i < children.length; i++) {
children[i].disabled = !isInteractive;
}

89
styles.css
View File

@ -11,8 +11,6 @@
--light-cyan: #e0fbfc;
--buff: #edb88b;
--eeriee-black: #1d201f;
--clear: #00000000;
}
html {
@ -137,8 +135,6 @@ h1 {
color: var(--light-cyan);
float: left;
border-bottom-left-radius: 0;
}
.message-content.theirs h3 {
@ -158,8 +154,6 @@ h1 {
right: 0;
margin-bottom: 0.5em;
border-bottom-right-radius: 0;
}
.ours .message-text {
@ -173,11 +167,11 @@ h1 {
}
ul {
margin: 0;
padding-top: 1em;
padding-right: 2em;
height: 100%;
overflow: scroll;
/*height:100%;*/
flex-grow: 1;
margin: 0 .5em;
padding: .5em 0;
list-style: none;
}
@ -194,52 +188,14 @@ li.message {
margin-bottom: 1em;
}
#input-panel-container {
padding: 0 1em 1em 1em;
}
#input-panel {
display: flex;
justify-content: space-between;
padding: 0;
z-index: 1;
background-color: var(--light-cyan);
border-radius: 100vw;
}
#input-panel input {
#textbox {
width: 100%;
color: var(--onyx);
background-color: rgba(0,0,0,0);
border-style: none;
padding: 0 2em;
display: flex;
bottom: 0;
z-index: 1;
<<<<<<< HEAD
font-size: 1em;
}
#input-panel input:focus {
outline: none;
=======
>>>>>>> 021d12d (feat: update input style)
}
button {
color: var(--vermilion);
background-color: #00000000;
border-style: none;
border-radius: 100% !important;
padding: 1em !important;
float: right;
}
button:hover {
color: var(--light-cyan);
background-color: var(--onyx);
/*background-color: var(--light-cyan);*/
}
#typing-indicator {
@ -253,6 +209,35 @@ button:hover {
bottom: 3em;
}
#textbox input {
flex-grow: 4;
color: var(--onyx);
background-color: var(--light-cyan);
margin: 0.5em;
left: 1em;
font-size: 1em;
z-index: 1;
}
button {
background-color: var(--vermilion);
color: var(--light-cyan);
margin: 0.5em;
padding: 0;
flex-grow: 1;
right: 0;
font-size: 1em;
}
button:hover {
color: var(--light-cyan);
background-color: var(--onyx);
}
.message-status {
color: var(--onyx);