diff --git a/static/ascii_text_prompts.py b/static/ascii_text_prompts.py new file mode 100644 index 0000000..4f03291 --- /dev/null +++ b/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) diff --git a/static/styles.css b/static/styles.css new file mode 100644 index 0000000..2458b93 --- /dev/null +++ b/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); +} diff --git a/static/threat_hunter.jpeg b/static/threat_hunter.jpeg new file mode 100644 index 0000000..bcecd38 Binary files /dev/null and b/static/threat_hunter.jpeg differ