diff --git a/py/static/img/logo.png b/py/static/img/logo.png new file mode 100644 index 0000000..00332a4 Binary files /dev/null and b/py/static/img/logo.png differ 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 %} +
+
+ + +
+ + + +
+
+ + +