From d0af4a5eebd9d5f4838ecc2d4b1b036d0d8823da Mon Sep 17 00:00:00 2001 From: sageTheDM Date: Mon, 16 Sep 2024 16:08:00 +0200 Subject: [PATCH] Added a header to index --- py/static/img/logo.png | Bin 0 -> 6771 bytes py/static/styles.css | 42 ++++++++- py/templates/contact.html | 13 +++ py/templates/faq.html | 0 py/templates/index.html | 187 ++++++++++++++++++++------------------ py/voice_recognition.py | 1 - 6 files changed, 153 insertions(+), 90 deletions(-) create mode 100644 py/static/img/logo.png create mode 100644 py/templates/contact.html create mode 100644 py/templates/faq.html diff --git a/py/static/img/logo.png b/py/static/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..00332a49ebd7ca359e0d7098e30fa3603d814d13 GIT binary patch literal 6771 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 Y3!mo02(t3-p9W7$T~Do6#WwQ)0I`SxYXATM literal 0 HcmV?d00001 diff --git a/py/static/styles.css b/py/static/styles.css index 399202a..42a29bc 100644 --- a/py/static/styles.css +++ b/py/static/styles.css @@ -1,6 +1,6 @@ /* Color Variables */ :root { - --background-color: black; + --background-color: white; --text-color: white; --font-family: Arial, sans-serif; --history-background-color: rgb(0, 0, 48); @@ -23,13 +23,14 @@ padding: 0; box-sizing: border-box; } -/* Disable Scrolling */ + html, body { height: 100vh; overflow: hidden; /* Prevent scrolling */ } /* Body Styling */ body { + margin-top: 1em; display: flex; justify-content: center; align-items: center; @@ -37,6 +38,41 @@ body { color: var(--text-color); font-family: var(--font-family); } + +header { + background-color: var(--background-color); /* Use the background color variable */ + color: black; /* Use the text color variable */ + width: 100%; + text-decoration: none; + position: fixed; + top: 0; + left: 0; + padding: 10px 20px; /* Add some padding for spacing */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */ + z-index: 1000; /* Ensure the header is above other content */ + font-family: var(--font-family); /* Use the font family variable */ +} + +header li { + display: inline-block; + margin: 0 15px; /* Add spacing between list items */ +} + +header img { + height: 2em; + vertical-align: middle; /* Align image with text */ +} + +header a { + color: black; /* Ensure links are white */ + text-decoration: none; /* Remove underline from links */ + transition: color 0.3s; /* Smooth transition for hover effect */ +} + +header a:hover { + color: var(--input-button-color); /* Change color on hover for better interaction */ +} + /* Container Grid Layout */ .container { display: grid; @@ -70,7 +106,7 @@ body { text-decoration: none; color: white; width: 100%; - padding: 5px; + padding: 5px; } .history ul li a:hover{ diff --git a/py/templates/contact.html b/py/templates/contact.html new file mode 100644 index 0000000..a323ebc --- /dev/null +++ b/py/templates/contact.html @@ -0,0 +1,13 @@ + + + + + + + + AI Assistant + + + + + \ No newline at end of file diff --git a/py/templates/faq.html b/py/templates/faq.html new file mode 100644 index 0000000..e69de29 diff --git a/py/templates/index.html b/py/templates/index.html index 3425d0a..38514f1 100644 --- a/py/templates/index.html +++ b/py/templates/index.html @@ -1,93 +1,108 @@ - - + + - - - - - AI Assistant - + + + + + AI Assistant + - - -
- - -
+ +
-
- - -
-
-

Different AI models

-
-
- -
-

Code

-
-
-
-

Math

-
-
-
-

Language

-
-
-
-

Default

-
-
-
-

Custom

-
-
-
-
+ + +
- -
-
- {% for message in messages %} - {% if message.startswith('User:') %} -
{{ message }}
- {% else %} -
{{ message }}
- {% endif %} - {% endfor %} + +
+
-
- - -
- - - -
-
- - + +
+
+

Different AI models

+
+
+ +
+

Code

+
+
+
+

Math

+
+
+
+

Language

+
+
+
+

Default

+
+
+
+

Custom

+
+
+
+
+ + +
+
+ {% for message in messages %} + {% if message.startswith('User:') %} +
{{ message }}
+ {% else %} +
{{ message }}
+ {% endif %} + {% endfor %} +
+
+ + +
+ + + +
+
+ + + diff --git a/py/voice_recognition.py b/py/voice_recognition.py index 0ee41d0..965082a 100644 --- a/py/voice_recognition.py +++ b/py/voice_recognition.py @@ -28,6 +28,5 @@ class Voice: except Exception as e: text = "ERROR" return text - print(listen()) -- 2.39.5