ascii added

static/assets/styles.css

@@ -42,6 +42,7 @@ body {
     gap: 40px;
     overflow-y: scroll;
     overflow-x: hidden;
+    align-items: center;   
 }
 
 #index-container::-webkit-scrollbar {
@@ -49,10 +50,13 @@ body {
 }
 
 #index-header {
-    text-align: center;
-    vertical-align: middle;
     padding-left: 60px;
     padding-right: 60px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
 }
 
 #index-content {
@@ -143,3 +147,11 @@ p {
     flex-direction: column;
     gap: 20px;
 }
+
+.ascii {
+    font-family: 'Courier New', Courier, monospace;
+    white-space: pre;
+    width: fit-content;
+    font-size: 12px;
+    font-weight: bold;
+}

templates/index.html

@@ -5,12 +5,28 @@
 {% block content %}
 <div id="main-container">
     <div id="index-container" class="disable-scrollbar">
-        <div id="index-header" class="title">
+        <div id="index-header">
-            <div>CONCEPT NULL</div>
+            <div class="ascii">  
+  .g8"""bgd   .g8""8q. `7MN.   `7MF' .g8"""bgd `7MM"""YMM  `7MM"""Mq. MMP""MM""YMM 
+.dP'     `M .dP'    `YM. MMN.    M .dP'     `M   MM    `7    MM   `MM.P'   MM   `7 
+dM'       ` dM'      `MM M YMb   M dM'       `   MM   d      MM   ,M9      MM      
+MM          MM        MM M  `MN. M MM            MMmmMM      MMmmdM9       MM      
+MM.         MM.      ,MP M   `MM.M MM.           MM   Y  ,   MM            MM      
+`Mb.     ,' `Mb.    ,dP' M     YMM `Mb.     ,'   MM     ,M   MM            MM      
+  `"bmmmd'    `"bmmd"' .JML.    YM   `"bmmmd'  .JMMmmmmMMM .JMML.        .JMML.  </div>       
+<div class="ascii">  
+`7MN.   `7MF'`7MMF'   `7MF'`7MMF'      `7MMF'      
+  MMN.    M    MM       M    MM          MM        
+  M YMb   M    MM       M    MM          MM        
+  M  `MN. M    MM       M    MM          MM        
+  M   `MM.M    MM       M    MM      ,   MM      , 
+  M     YMM    YM.     ,M    MM     ,M   MM     ,M 
+.JML.    YM     `bmmmmd"'  .JMMmmmmMMM .JMMmmmmMMM </div> 
             <div class="astr-line">&#x2732; &#x2732; &#x2732;</div>
         </div>
         <div id="index-content">
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat dignissim justo, posuere imperdiet justo condimentum at. Sed eget odio vitae velit efficitur facilisis lacinia eget libero. Donec ex magna, laoreet id hendrerit at, varius et sem. Phasellus tempor ante in felis vehicula, vitae rhoncus tellus posuere. Ut nec sodales urna. Sed molestie lectus vel dolor maximus, sed cursus urna mattis. Cras eu mauris sit amet mauris lacinia accumsan vitae eu arcu. Duis quis mollis mauris. Maecenas condimentum ac tortor vel sodales. Fusce eget erat ut odio interdum porta. Donec placerat nisl id dui dapibus, finibus volutpat massa placerat. Donec commodo pellentesque ipsum eget ullamcorper. Praesent fermentum sit amet turpis sit amet sagittis. Aliquam tempus, sapien eget tincidunt luctus, urna felis molestie dolor, ac blandit arcu erat vitae eros. Morbi a lacus laoreet, varius eros ut, rutrum nibh.</p>
+                          
         </div>
         <div id="index-links">
             <div id="index-link-list">