diff --git a/commit_history.txt b/commit_history.txt new file mode 100644 index 0000000..e1a1374 --- /dev/null +++ b/commit_history.txt @@ -0,0 +1,89 @@ +9a17e11ce8bdba1ae77b7101173b18cd91b739c6 - sageTheDm , 16 hours ago, 2024-09-17 16:37:23 +0200 : Merge pull request 'Fixede the CSS together with Yasin' (#19) from React-Group/ai-virtual-assistant:main into main +33ef734c705112935acfae1b9350b312200e6f54 - Patrick , 16 hours ago, 2024-09-17 16:36:56 +0200 : Merge pull request 'fix scroll bar' (#34) from YasinOnm08/ai-virtual-assistant:main into main +734d7f3a0937559344fc111f66333b89f8cd2e8e - YasinOnm08 , 16 hours ago, 2024-09-17 16:32:27 +0200 : fix scrolling bar +fa4f1473ad23d304f2f62e698bd74f6d99d92727 - YasinOnm08 , 17 hours ago, 2024-09-17 15:20:00 +0200 : Merge pull request 'main' (#12) from React-Group/ai-virtual-assistant:main into main +3987d32ef372c817a174fc03ecead54b7f5362c1 - sageTheDm , 17 hours ago, 2024-09-17 15:08:50 +0200 : Merge pull request 'new buttons' (#18) from React-Group/ai-virtual-assistant:main into main +ca2c3f782b3f9b1a0ea2e4d68dfa7416576d00e7 - Patrick_Pluto , 17 hours ago, 2024-09-17 15:03:51 +0200 : Added functionality. +26929728430f430a1a40ea4959366f56b490139c - Patrick_Pluto , 19 hours ago, 2024-09-17 13:52:15 +0200 : Fixed html. +3f379fef429c00e422028563a45727d2a3990344 - sageTheDm , 19 hours ago, 2024-09-17 13:51:14 +0200 : Merge pull request 'Windows css fixend and backend' (#17) from React-Group/ai-virtual-assistant:main into main +df79f6b2c3cf4e52e4ec3a699d05f5dd94d2357e - Patrick_Pluto , 19 hours ago, 2024-09-17 13:50:08 +0200 : Merge branch 'main' of interstellardevelopment.org:React-Group/ai-virtual-assistant +0f3b5cb49aa3a416ad6ef13b288001f06805c262 - Patrick_Pluto , 19 hours ago, 2024-09-17 13:49:52 +0200 : New Changes. +d70c8d28f359c775584301bf6a95e88dd8b02b7a - Patrick , 19 hours ago, 2024-09-17 13:49:05 +0200 : Merge pull request 'fix windows css' (#33) from YasinOnm08/ai-virtual-assistant:main into main +26851aaeadf9cf2fdee6bf7f1d4d1b5c70e03652 - YasinOnm08 , 19 hours ago, 2024-09-17 13:48:04 +0200 : fix windows css +80e733e0cab4eb2b3e110254e6d4a235317c7ede - YasinOnm08 , 19 hours ago, 2024-09-17 13:24:38 +0200 : Merge pull request 'main' (#11) from React-Group/ai-virtual-assistant:main into main +94660381adc516b5a9870fccb85cc100952d22ca - sageTheDm , 19 hours ago, 2024-09-17 13:09:14 +0200 : Merge pull request 'Backend optimisation' (#16) from React-Group/ai-virtual-assistant:main into main +af1353a41a1e7dce118b3d613a30ec1a9338170f - Patrick_Pluto , 20 hours ago, 2024-09-17 12:36:32 +0200 : FIXED THE MERGE CONFLICT (THANKS) +e1df8869fb738db62c2f341f649cf1d20434ed51 - Patrick_Pluto , 24 hours ago, 2024-09-17 08:18:19 +0200 : pull +164b1288e1ef4716dd64b5cb5d504e78d6c02746 - Patrick , 20 hours ago, 2024-09-17 12:33:49 +0200 : Merge pull request 'GUI changes & first steps into responsive design' (#32) from sageTheDm/ai-virtual-assistant:main into main +1703650c2cb1b02c66a97d9689ad2a547cd276bc - sageTheDM , 20 hours ago, 2024-09-17 12:33:11 +0200 : additional responsive design +1821cbd64f05acd21b67fb95f6fc841bc7a0b9ba - sageTheDM , 20 hours ago, 2024-09-17 12:25:15 +0200 : GUI changes & first steps into responsive design +72e8a086368e5261c65f03e859e35fcf9a314374 - sageTheDm , 24 hours ago, 2024-09-17 08:06:29 +0200 : Merge pull request 'Backend modifycation' (#15) from React-Group/ai-virtual-assistant:main into main +1da19274253860e3b14e41fe0495cf3f4aabe573 - Patrick , 24 hours ago, 2024-09-17 08:05:22 +0200 : Merge pull request 'Removed contact form and added a documentaion subside' (#31) from sageTheDm/ai-virtual-assistant:main into main +755c2c441f278d31741044a729962684913a0495 - sageTheDM , 24 hours ago, 2024-09-17 08:03:46 +0200 : Removed contact form and added a documentaion subside +c0282041affbd9a83ec6ca446e17eb0b4983ee4a - Patrick , 2 days ago, 2024-09-16 18:49:33 +0200 : Merge pull request 'modifyed the css' (#30) from sageTheDm/ai-virtual-assistant:main into main +2ca055b4c175bba6f693af4dbb95255f00c7d436 - sageTheDM , 2 days ago, 2024-09-16 17:08:09 +0200 : modifyed the css +c850c6c29087342af9fc8f7dba7bbfe214c3aa0c - Patrick , 2 days ago, 2024-09-16 16:46:06 +0200 : Merge pull request 'Web app modification' (#29) from sageTheDm/ai-virtual-assistant:main into main +0edf05669ecab4a0430aac2c91a3d614d476d1ec - Patrick_Pluto , 2 days ago, 2024-09-16 16:45:46 +0200 : small refactor +01fadc2ccf724c5ef14a518e9f917c4df2d70e0d - sageTheDM , 2 days ago, 2024-09-16 16:44:30 +0200 : Tried to add the contact form --> js is not working atm +f5368857856b4f515b555edaec8c7f6040014ed9 - sageTheDm , 2 days ago, 2024-09-16 16:21:18 +0200 : Merge pull request 'Fixed subsides' (#14) from React-Group/ai-virtual-assistant:main into main +f7d23ef603c244cc2b72fdb52e7264c5d161e50f - Patrick_Pluto , 2 days ago, 2024-09-16 16:18:48 +0200 : fixed the subsites fr fr +e0cd65ae65ae98fae315142d8c4bdb7c84a15eff - Patrick_Pluto , 2 days ago, 2024-09-16 16:12:51 +0200 : fixed the subsites +1cd03932696dd46f17723f7516417c336e911c11 - Patrick , 2 days ago, 2024-09-16 16:10:06 +0200 : Merge pull request 'Added a header to the project' (#28) from sageTheDm/ai-virtual-assistant:main into main +027a90311c96c5c3539571e571f29e7d9c06b2b6 - sageTheDm , 2 days ago, 2024-09-16 16:08:55 +0200 : Merge pull request 'class diagram' (#13) from React-Group/ai-virtual-assistant:main into main +68f2b744fc4f7b57bd393f528ea9e247c8d2b4eb - sageTheDM , 2 days ago, 2024-09-16 16:08:18 +0200 : Merge branch 'main' of interstellardevelopment.org:sageTheDm/ai-virtual-assistant +d0af4a5eebd9d5f4838ecc2d4b1b036d0d8823da - sageTheDM , 2 days ago, 2024-09-16 16:08:00 +0200 : Added a header to index +5b2a18ccedeb2de6a33d43550c1390b8470c3bce - Patrick_Pluto , 2 days ago, 2024-09-16 16:00:20 +0200 : class diagram +be9f2e5690f8479669227bc8d33bfca3b8f52a4e - sageTheDm , 2 days ago, 2024-09-16 15:31:43 +0200 : Merge pull request 'Bug fixes' (#12) from React-Group/ai-virtual-assistant:main into main +5fd449396805cb481cefd3712f6e5979d97ec73a - YasinOnm08 , 2 days ago, 2024-09-16 15:17:00 +0200 : Merge pull request 'main' (#10) from React-Group/ai-virtual-assistant:main into main +086237c9f58d4d873bea4289604a853c9a5e92c6 - Patrick , 2 days ago, 2024-09-16 15:16:23 +0200 : Merge pull request 'voice_recognition comments' (#27) from YasinOnm08/ai-virtual-assistant:main into main +8849b80d8435196dcef3905634d1fda3c10ae01b - sageTheDm , 2 days ago, 2024-09-16 15:16:19 +0200 : Merge pull request 'Fixed embeds' (#11) from React-Group/ai-virtual-assistant:main into main +40a1c688aeadf315feb25afb0bcc0577b0d38627 - YasinOnm08 , 2 days ago, 2024-09-16 15:15:00 +0200 : voice_recognition comments +72538174b297f5407165e53ebf1808705a3d9025 - Patrick_Pluto , 2 days ago, 2024-09-16 15:14:24 +0200 : Fixed embeds +3ee8936481548e534178eb02e00ebee85c68f085 - sageTheDm , 2 days ago, 2024-09-16 14:42:01 +0200 : Merge pull request 'Patrick changed the structure' (#10) from React-Group/ai-virtual-assistant:main into main +e1529430cc281ea2600bee56fda887631bc79827 - Patrick , 2 days ago, 2024-09-16 14:39:32 +0200 : Merge pull request 'simple_chat, voice_recognition' (#22) from YasinOnm08/ai-virtual-assistant:main into main +8df4abce9b485fd810076dc69b2892db2646276e - Patrick_Pluto , 2 days ago, 2024-09-16 14:39:11 +0200 : wooo, ai chat! +26013232543eed6045ec60a5b57548a132793918 - YasinOnm08 , 2 days ago, 2024-09-16 14:38:45 +0200 : voice_recognition +d2f8d47f5c44baa914217047c76e16d7810bc958 - YasinOnm08 , 2 days ago, 2024-09-16 14:28:41 +0200 : simple_chat, voice_recognition +e2d16258588df4937dcfa91a128b32065f2594a1 - sageTheDm , 2 days ago, 2024-09-16 14:25:21 +0200 : Merge pull request 'Python API Calling' (#9) from React-Group/ai-virtual-assistant:main into main +1fe4a6dafe768ed0e92cde02443532217903ffee - Patrick_Pluto , 2 days ago, 2024-09-16 14:24:22 +0200 : Backend more +4b30bef7480f8c79a6945cbbe4eedd27ceb94cf1 - sageTheDm , 2 days ago, 2024-09-16 13:45:38 +0200 : Merge pull request 'Python integration' (#8) from React-Group/ai-virtual-assistant:main into main +eb7ad5fb984316d2957b009a8368b4dae49ed27e - YasinOnm08 , 2 days ago, 2024-09-16 13:45:36 +0200 : Merge pull request 'OOPified.' (#9) from React-Group/ai-virtual-assistant:main into main +43043a08e97562c7cef36fea567d53a8f10702f1 - Patrick_Pluto , 2 days ago, 2024-09-16 13:44:48 +0200 : OOPified. +2f6b4abf01fc8d0ba7b51aea407df722c7bd075b - YasinOnm08 , 2 days ago, 2024-09-16 13:43:17 +0200 : Merge pull request 'Fixed html.' (#8) from React-Group/ai-virtual-assistant:main into main +e3cdde8a74b08b88985ca34fbfe269c6eff3584c - Patrick_Pluto , 2 days ago, 2024-09-16 13:38:30 +0200 : Fixed html. +574377cc55a7e37e1b87dc8d6f8ca5e0a151ff48 - Patrick , 2 days ago, 2024-09-16 13:24:34 +0200 : Merge pull request 'main' (#7) from React-Group/ai-virtual-assistant:main into main +ad0c54cb48f914f4fda021c4e49b719c0167b4b0 - Patrick , 2 days ago, 2024-09-16 13:24:00 +0200 : Merge pull request 'changed structure' (#7) from React-Group/ai-virtual-assistant:main into main +4cbb44b9fc39024518943b9b1fcc77aaeafedef9 - Patrick_Pluto , 2 days ago, 2024-09-16 13:22:37 +0200 : changed structure +06ab25ac430bb57f99b694701bdf00b3379b4358 - sageTheDm , 2 days ago, 2024-09-16 13:21:11 +0200 : Merge pull request 'pull changes for python' (#6) from React-Group/ai-virtual-assistant:main into main +0cd3d2e84616436482edff9bd9874caea9d48f46 - Patrick , 2 days ago, 2024-09-16 13:20:28 +0200 : Merge pull request 'main' (#21) from sageTheDm/ai-virtual-assistant:main into main +57aa2eac0ce0997bed5223a49507146616bacc73 - sageTheDM , 2 days ago, 2024-09-16 13:18:39 +0200 : Merge branch 'main' of interstellardevelopment.org:sageTheDm/ai-virtual-assistant +247b8a36f3526e349df5569a5b15078dcc6786d2 - Patrick_Pluto , 2 days ago, 2024-09-16 13:17:33 +0200 : .gitignore vscode/ +0ccfd98e32ac6c7b296d2d9bba3770c0187558d3 - Patrick_Pluto , 2 days ago, 2024-09-16 13:16:26 +0200 : Initial Flask Setup +1f5911d2fab75675425a199adb531c0bfa0ac1d6 - sageTheDM , 2 days ago, 2024-09-16 13:16:11 +0200 : Improved the css & html +8d93b39f9d5bd99e0220cb2f07153ef2c1dcf6ad - Patrick , 2 days ago, 2024-09-16 12:20:13 +0200 : Merge pull request 'Merge pull request 'First GUI Prototype' (#20) from sageTheDm/ai-virtual-assistant:main into main' (#5) from React-Group/ai-virtual-assistant:main into main +fd9b270822a817f6aafa52d47b90a90f0882f299 - Patrick , 2 days ago, 2024-09-16 12:19:34 +0200 : Merge pull request 'main' (#6) from React-Group/ai-virtual-assistant:main into main +2fd81dbe3e9d6281807b1cdecabe6e4a23de346e - Patrick , 2 days ago, 2024-09-16 12:19:05 +0200 : Merge pull request 'First GUI Prototype' (#20) from sageTheDm/ai-virtual-assistant:main into main +8d51733f2f02c6185ca026784c024b37f35f4ec9 - sageTheDm , 2 days ago, 2024-09-16 12:18:10 +0200 : Merge pull request 'main' (#4) from React-Group/ai-virtual-assistant:main into main +da2fb2ebe24c990e92e21c13157e2295b1baf39d - sageTheDM , 2 days ago, 2024-09-16 12:17:53 +0200 : First GUI prototype +1e639383c2a5bbad15c0eeb1fe36886d88737c1e - Patrick_Pluto , 2 days ago, 2024-09-16 12:17:06 +0200 : Fixed multiline responses. +d7544c082f1738925c9ba367f05e98c9e4e486ce - Patrick_Pluto , 2 days ago, 2024-09-16 12:07:15 +0200 : Last Changes before break. +22f56e0bac23f707efde40030fa469a5e8ac0ee3 - Patrick , 2 days ago, 2024-09-16 12:01:51 +0200 : Merge pull request 'input/output' (#18) from YasinOnm08/ai-virtual-assistant:main into main +480660b5efdb92a4f6ff52ed1b735305a9f8a311 - YasinOnm08 , 2 days ago, 2024-09-16 11:59:15 +0200 : model change possible +564c50184a836828d3055b59e2becc29485671a8 - sageTheDm , 2 days ago, 2024-09-16 11:55:59 +0200 : Merge pull request 'main' (#3) from React-Group/ai-virtual-assistant:main into main +c8b525153335b472e3d766a6917afa6458248f10 - YasinOnm08 , 2 days ago, 2024-09-16 11:45:14 +0200 : Merge branch 'main' of interstellardevelopment.org:YasinOnm08/ai-virtual-assistant +1727a8b633c8a9569092dc374b68fe65929267fd - YasinOnm08 , 2 days ago, 2024-09-16 11:45:07 +0200 : Merge pull request 'main' (#5) from React-Group/ai-virtual-assistant:main into main +b3ae2625ac25b32f6315b71efb643b8024ffef8a - Patrick_Pluto , 2 days ago, 2024-09-16 11:44:35 +0200 : Added online model. +c4655fb49e85bfc4a0a91019b81e5f3e745e4557 - Patrick_Pluto , 2 days ago, 2024-09-16 11:27:00 +0200 : Expanded AI API. +2c7aa6bc3ca0d5f761bbf996391f035c6c8bed25 - YasinOnm08 , 2 days ago, 2024-09-16 11:21:09 +0200 : input/output +7ec13c6b4f950df74ea4e8883c238b0439838176 - YasinOnm08 , 2 days ago, 2024-09-16 10:29:51 +0200 : Merge pull request 'First AI API.' (#4) from React-Group/ai-virtual-assistant:main into main +7cdcc35a2a5390d70d8c017a4aacb1a29c046912 - Patrick_Pluto , 2 days ago, 2024-09-16 10:29:26 +0200 : First AI API. +e1ced9b8774863cd7c485079756b4951c5bea7d5 - sageTheDm , 2 days ago, 2024-09-16 10:15:04 +0200 : Merge pull request 'main' (#2) from React-Group/ai-virtual-assistant:main into main +49963824a3e04ee5c6dae8e7d16f1e4200b06e15 - YasinOnm08 , 2 days ago, 2024-09-16 10:03:52 +0200 : Merge pull request 'Api boilerplate fix' (#3) from React-Group/ai-virtual-assistant:main into main +3d63c5a37c8163555d4aaef4c3996a40c6d7ffef - Patrick_Pluto , 2 days ago, 2024-09-16 10:03:26 +0200 : Api boilerplate fix +bbe686d6655690b9368d5d54852907c6c3d3b350 - YasinOnm08 , 2 days ago, 2024-09-16 10:01:42 +0200 : Merge pull request 'Api boilerplate' (#2) from React-Group/ai-virtual-assistant:main into main +c9c3dd70e2177ed4695cee6ca8cf70fee034ac92 - Patrick_Pluto , 2 days ago, 2024-09-16 09:58:54 +0200 : Api boilerplate +87857c24adf32a2a8b0d91780a5593524b97cdb6 - YasinOnm08 , 2 days ago, 2024-09-16 09:51:49 +0200 : Merge pull request 'test' (#1) from React-Group/ai-virtual-assistant:main into main +9bd3a43d5d1e6e418d8150063045ef67e2a632dc - Patrick_Pluto , 2 days ago, 2024-09-16 09:50:51 +0200 : plan +0b2ce512093f8df992407cb76960c95cdffc2bd3 - sageTheDm , 2 days ago, 2024-09-16 08:56:48 +0200 : Merge pull request 'Folder Structure' (#1) from React-Group/ai-virtual-assistant:main into main +4622c3ef1277489e9c0a6e32d015524140bcaf11 - Patrick_Pluto , 2 days ago, 2024-09-16 08:53:32 +0200 : Folder Structure +2dc17b85b70736103721a8db049949d07081b096 - Patrick , 2 days ago, 2024-09-16 08:42:36 +0200 : Initial commit \ No newline at end of file diff --git a/get_commit.sh b/get_commit.sh new file mode 100755 index 0000000..f645da6 --- /dev/null +++ b/get_commit.sh @@ -0,0 +1,15 @@ +#!/bin/bash + +# Define the output file name +OUTPUT_FILE="commit_history.txt" + +# Check if the file already exists +if [ -f "$OUTPUT_FILE" ]; then + echo "File $OUTPUT_FILE already exists. Deleting it." + rm "$OUTPUT_FILE" +fi + +# Create a new commit history file with detailed information +git log --pretty=format:"%H - %an <%ae>, %ar, %ad : %s" --date=iso > "$OUTPUT_FILE" + +echo "Commit history has been exported to $OUTPUT_FILE." diff --git a/py/static/img/styles.css b/py/static/img/styles.css new file mode 100644 index 0000000..365495d --- /dev/null +++ b/py/static/img/styles.css @@ -0,0 +1,517 @@ +:root { + --background-color: white; + --text-color: white; + --font-family: Arial, sans-serif; + --history-background-color: rgb(0, 0, 48); + --models-background-color: rgb(0, 0, 48); + --output-background-color: black; + /* Set the conversation background to black */ + --user-message-color: rgb(0, 128, 255); + /* Blueish bubble for user */ + --ai-message-color: rgb(100, 100, 255); + /* Lighter blue for AI */ + --input-background-color: rgb(0, 0, 48); + --input-button-color: rgb(0, 128, 255); + --input-button-hover-color: rgb(0, 100, 200); + --scrollbar-track: rgb(91, 172, 253); + --scrollbar-thumb: rgb(0, 88, 176); +} + +/* Global Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + + + +html, +body { + height: 100vh; + overflow: hidden; + /* Prevent scrolling */ +} + +/* Body Styling */ +body { + margin-top: 2em; + display: flex; + justify-content: center; + align-items: center; + background-color: var(--background-color); + color: var(--text-color); + font-family: var(--font-family); + margin-bottom: 0.5em; +} + +/* Header Styling */ +header { + background-color: var(--background-color); + color: black; + width: 100%; + text-decoration: none; + position: fixed; + top: 0; + left: 0; + padding: 10px 20px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + z-index: 1000; + font-family: var(--font-family); +} + +header li { + display: inline-block; + margin: 0 15px; +} + +header img { + height: 2em; + vertical-align: middle; +} + +header a { + color: black; + text-decoration: none; + transition: color 0.3s; +} + +header a:hover { + color: var(--input-button-color); +} + +/* Container Grid Layout */ +.container { + display: grid; + grid-template-columns: 1fr 3fr; + grid-template-rows: 3fr 1fr 1fr 1fr; + gap: 10px; + width: 90vw; + height: 95vh; +} + +/* History Section */ + +.history-background { + grid-column: 1/2; + grid-row: 1/2; + height: 100%; + overflow: hidden; + background-color: var(--history-background-color); + padding: 1em; + border-radius: 2em; +} + +.history { + height: 100%; + overflow-y: scroll; + padding-right: 10px; +} + +.history ul { + list-style: none; +} + +.history ul li { + padding: 10px 0; + border-bottom: 1px solid var(--text-color); + width: 100%; +} + +.history ul li a { + display: block; + text-decoration: none; + color: white; + width: 100%; + padding: 5px; +} + +.history ul li a:hover { + background-color: var(--input-button-hover-color); +} + +/* Models Section */ +.model-background { + grid-column: 1/2; + grid-row: 2/5; + overflow-y: auto; + background-color: var(--models-background-color); + border-radius: 2em; + padding: 1em; + height: 90%; + box-sizing: border-box; + overflow: hidden; +} + +.models { + grid-column: 1/2; + grid-row: 2/5; + overflow-y: auto; + background-color: var(--models-background-color); + border-radius: 2em; + padding: 1em; + height: 100%; + box-sizing: border-box; + overflow: hidden; + overflow-y: scroll; +} + +.models form { + padding-right: 10px; + padding-left: 10px; + display: flex; + align-items: center; + justify-content: center; +} + +.models .titel { + padding-bottom: 1em; + display: flex; + justify-content: center; + align-items: center; +} + +.grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1.5vh; + width: fit-content; + /* height: calc(100% - 2em); */ +} + +.grid h3 { + font-size: x-large; +} + +.model-box { + display: flex; + align-items: center; + justify-content: center; + color: #fff; + border-radius: 5%; + overflow: hidden; + position: relative; + height: 18vh; + width: 18vh; +} + +.overlay { + z-index: 900; + position: absolute; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + /* Dark overlay */ + color: white; + display: flex; + justify-content: center; + align-items: center; + font-size: 300%; + transition: opacity 0.5s ease; + pointer-events: none; + opacity: 0; + font-size: xx-large; +} + +.overlay img { + align-self: flex-end; + justify-self: end; + height: 3vh; + width: 3vh; + position: absolute; + right: 15px; + bottom: 15px; +} + +.model-box:hover .overlay { + opacity: 1; +} + +.code-model { + background-image: url(/static/img/code.jpg); + background-repeat: no-repeat; + background-size: cover; +} + +.math-model { + background-image: url(/static/img/math.jpg); + background-color: white; + background-position: center; + background-repeat: no-repeat; + background-size: contain; +} + +.language-model { + background-image: url(/static/img/language.jpg); + background-color: #72cce4; + background-repeat: no-repeat; + background-size: contain; + background-position: center; +} + +.default-model { + background-image: url(/static/img/default.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +/* Output Section */ +.output { + grid-column: 2; + grid-row: 1 / 4; + border-radius: 2em; + background-color: var(--output-background-color); + padding: 1.5em; + display: flex; + flex-direction: column; + justify-content: flex-start; + font-size: 1.2em; + overflow-y: auto; + min-height: 75vh; + margin-bottom: 0; + width: 100%; +} + + +/* Conversation */ +#conversation { + display: flex; + flex-direction: column; + padding: 10px; + overflow-y: auto; + max-height: 80vh; + background-color: var(--output-background-color); + /* Black background */ + border-radius: 10px; + scroll-behavior: smooth; + /* Optional: Smooth scrolling */ +} + +.user-message, +.ai-message { + margin: 10px 0; + padding: 10px 15px; + border-radius: 15px; + max-width: 60%; + width: fit-content; + /* Adjusts width to fit the content */ + word-wrap: break-word; + display: block; + /* Changed from inline-block to block */ + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); +} + +/* Align user message to the right */ +.user-message { + background-color: var(--user-message-color); + color: var(--text-color); + border-bottom-right-radius: 0; + margin-left: auto; + text-align: right; + /* Align text to the right */ +} + +/* Align AI message to the left */ +.ai-message { + background-color: var(--ai-message-color); + color: var(--text-color); + border-bottom-left-radius: 0; + margin-right: auto; + text-align: left; + /* Align text to the left */ +} + + +/* Output Form Buttons */ +.output form { + display: flex; + justify-content: flex-start; + gap: 10px; +} + +.output form button { + background-color: transparent; + color: white; + border: none; + padding: 0; + margin: 5px; + cursor: pointer; + transition: transform 0.2s ease-in-out; +} + +.output form button:hover { + transform: scale(1.2); +} + +.output form button img { + height: 1.8em; +} + +/* Input Section */ +.input { + grid-column: 2/3; + grid-row: 4/5; + border-radius: 20px; + background-color: var(--input-background-color); + padding: 1.5vh; + display: flex; + justify-content: space-between; + align-items: center; + height: auto; + /* margin-top: -9em; */ + gap: 10px; + height: 10vh; +} + +.input input { + flex-grow: 1; + padding: 5px; + font-size: 1.2em; + border-radius: 8px; + border: 2px solid var(--input-button-color); + outline: none; + margin-right: 10px; + background-color: rgba(255, 255, 255, 0.9); + color: #333; + transition: border-color 0.3s ease-in-out; + height: 7vh; +} + +.input input:focus { + border-color: var(--input-button-hover-color); +} + +.input button { + padding: 1em; + margin: 5px; + background-color: var(--input-button-color); + color: white; + border: none; + border-radius: 50%; + font-size: 1.5em; + cursor: pointer; + height: 50px; + width: 50px; + display: flex; + justify-content: center; + align-items: center; + transition: background-color 0.3s ease; + position: relative; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); +} + +.input button img { + height: 1em; +} + +.input button:hover { + background-color: var(--input-button-hover-color); + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); +} + +/* FAQ Section */ +#faq { + max-width: 800px; + width: 90%; + margin-top: 50px; + padding: 20px; + background-color: #222; + border-radius: 10px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); +} + +#faq h2 { + text-align: center; + color: #00ccff; + font-size: 2em; + margin-bottom: 20px; +} + +.faq-item { + margin-bottom: 20px; + padding: 10px; + border-radius: 5px; + background-color: #333; +} + +.faq-item h3 { + color: #00ccff; + margin-bottom: 10px; + font-size: 1.5em; +} + +.faq-item p { + color: #ddd; + font-size: 1.1em; + line-height: 1.5; +} + +.faq-item:hover { + background-color: #444; + transition: background-color 0.3s; +} + +::-webkit-scrollbar { + width: 7px; +} + +::-webkit-scrollbar-track { + background-color: var(--scrollbar-track); + border-radius: 5px; + overflow: hidden; + margin-left: 10px; + padding-left: 15px; +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); + border-radius: 5px; +} + +@media (max-width: 1400px) { + .grid { + grid-template-columns: 1fr; + } + + .model-box { + width: 15vw; + aspect-ratio: 1/1; + } +} + +/* Responsive Adjustments */ +@media (max-width: 768px) { + .container { + grid-template-columns: 1fr; + grid-template-rows: auto; + width: 95vw; + } + + .history, + .models { + display: none; + /* Hide history and models */ + } + + .output { + grid-column: 1; + grid-row: 1 / span 2; + } + + .input { + grid-column: 1; + grid-row: 3; + /* margin-top: -4em; */ + } + + .input button { + height: 40px; + width: 40px; + } + + .output form button img { + height: 1.5em; + } +} \ No newline at end of file diff --git a/py/static/styles.css b/py/static/styles.css index 365495d..5da67b2 100644 --- a/py/static/styles.css +++ b/py/static/styles.css @@ -24,8 +24,6 @@ box-sizing: border-box; } - - html, body { height: 100vh; @@ -91,7 +89,6 @@ header a:hover { } /* History Section */ - .history-background { grid-column: 1/2; grid-row: 1/2; @@ -272,9 +269,9 @@ header a:hover { min-height: 75vh; margin-bottom: 0; width: 100%; + height: 100%; } - /* Conversation */ #conversation { display: flex; @@ -289,6 +286,17 @@ header a:hover { /* Optional: Smooth scrolling */ } +/* Resizable Conversation */ +.resize { + resize: both; + overflow: auto; + /* Allow resizing both horizontally and vertically */ + min-width: 300px; + min-height: 300px; + /* Minimum dimensions to prevent it from becoming too small */ +} + +/* User and AI Messages */ .user-message, .ai-message { margin: 10px 0; @@ -323,7 +331,6 @@ header a:hover { /* Align text to the left */ } - /* Output Form Buttons */ .output form { display: flex; @@ -514,4 +521,4 @@ header a:hover { .output form button img { height: 1.5em; } -} \ No newline at end of file +} diff --git a/py/templates/index.html b/py/templates/index.html index 441ae4d..56fc71a 100644 --- a/py/templates/index.html +++ b/py/templates/index.html @@ -61,7 +61,7 @@ -
+