Upload files to "static"

static/ascii_text_prompts.py

@@ -0,0 +1,35 @@
+import re
+
+
+ascii_art = f"""
+┓┏       ┏┓┳
+┣┫┓┏┏┓╋  ┣┫┃
+┛┗┗┻┛┗┗  ┛┗┻
+"""
+
+
+# Original ASCII Art with ANSI Color Codes
+full_ascii_art = f"""
+┓┏       ┏┓   •┏• •  ┓  •     ┓┓•         
+┣┫┓┏┏┓╋  ┣┫┏┓╋┓╋┓┏┓┏┓┃  ┓┏┓╋┏┓┃┃┓┏┓┏┓┏┓┏┏┓
+┛┗┗┻┛┗┗  ┛┗┛ ┗┗┛┗┗┗┗┻┗  ┗┛┗┗┗ ┗┗┗┗┫┗ ┛┗┗┗ 
+                                  ┛       
+"""
+
+infinitei = f"""
+██╗███╗   ██╗███████╗██╗███╗   ██╗██╗████████╗██████╗ ██╗
+██║████╗  ██║██╔════╝██║████╗  ██║██║╚══██╔══╝╚════██╗██║
+██║██╔██╗ ██║█████╗  ██║██╔██╗ ██║██║   ██║    █████╔╝██║
+██║██║╚██╗██║██╔══╝  ██║██║╚██╗██║██║   ██║    ╚═══██╗██║
+██║██║ ╚████║██║     ██║██║ ╚████║██║   ██║   ██████╔╝██║
+╚═╝╚═╝  ╚═══╝╚═╝     ╚═╝╚═╝  ╚═══╝╚═╝   ╚═╝   ╚═════╝ ╚═╝
+"""
+
+# Function to strip ANSI escape codes
+def strip_ansi_codes(text):
+    ansi_escape = re.compile(r'\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])')
+    return ansi_escape.sub('', text)
+
+# Stripped versions of the ASCII art
+full_ascii_art_stripped = strip_ansi_codes(full_ascii_art)
+infinitei_stripped = strip_ansi_codes(infinitei)

static/styles.css

@@ -0,0 +1,177 @@
+/* Existing styles */
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background-color: #333;
+    color: white;
+    padding: 10px;
+    text-align: center;
+}
+
+header nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 15px;
+}
+
+header nav a {
+    color: white;
+    text-decoration: none;
+    padding: 8px 15px;
+    display: inline-block;
+}
+
+header nav a:hover {
+    background-color: #555;
+    text-decoration: underline;
+}
+
+/* Dropdown styles */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #333;
+    min-width: 150px;
+    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+}
+
+.dropdown-content a {
+    color: white;
+    padding: 8px 15px;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+}
+
+.dropdown-content a:hover {
+    background-color: #555;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+/* Main content styles */
+main {
+    padding: 20px;
+}
+
+/* Main content centered and 60% width */
+.main-content {
+    width: 60%;
+    margin: 0 auto; /* Centers the content horizontally */
+    padding: 20px; /* Optional: Adds some padding inside the content */
+    text-align: center; /* Centers the text inside the container */
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+ul li {
+    margin: 5px 0;
+}
+
+ul li a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+ul li a:hover {
+    text-decoration: underline;
+}
+
+h1, h2 {
+    color: #333;
+}
+
+pre {
+    background-color: #f4f4f4;
+    padding: 10px;
+    border: 1px solid #ddd;
+    overflow-x: auto;
+}
+
+.tip {
+    background-color: #f1f9ff;
+    border-left: 4px solid #007bff;
+    margin: 20px auto;
+    padding: 10px;
+    font-style: italic;
+    color: #333;
+    max-width: 800px;
+    width: 90%;
+    border-radius: 4px;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+    text-align: center;
+}
+
+/* Center container */
+.center-container {
+    text-align: center;
+    margin: 0 auto;
+    max-width: 800px;
+    padding: 20px;
+}
+
+/* ASCII art styles */
+.ascii-art.no-background {
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    margin-bottom: 20px;
+    color: #333;
+    white-space: pre-wrap;
+    text-align: center;
+}
+
+.ascii-image {
+    display: block;
+    margin: 20px auto;
+    max-width: 100%;
+    height: auto;
+    border-radius: 10px;
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+/* Styled buttons */
+.link-container {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 20px;
+}
+
+.link-button {
+    display: inline-block;
+    padding: 10px 20px;
+    text-decoration: none;
+    color: #ffffff;
+    background-color: #007bff;
+    border-radius: 5px;
+    font-size: 16px;
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.link-button:hover {
+    background-color: #0056b3;
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.link-button:active {
+    background-color: #003f7f;
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+}