separate hero file

0LNetworkCommunity · Jun 30, 2024 · 17a3088 · 17a3088
1 parent b08e1a3
commit 17a3088
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 5 deletions.
diff --git a/docs/hero.txt b/docs/hero.txt
@@ -0,0 +1,15 @@
+    .::::      .:::::::   .:::::::: .:::     .::
+  .::    .::   .::    .:: .::       .: .::   .::
+.::        .:: .::    .:: .::       .:: .::  .::
+.::        .:: .:::::::   .::::::   .::  .:: .::
+.::        .:: .::        .::       .::   .: .::
+  .::     .::  .::        .::       .::    .: ::
+    .::::      .::        .:::::::: .::      .::
+
+.::       .:: .:: .::    .:::::::           .:
+.::       .:: .:    .::  .::    .::        .: ::
+.::       .:: .:     .:: .::    .::       .:  .::
+.::       .:: .::: .:    .: .::          .::   .::
+.::       .:: .:     .:: .::  .::       .:::::: .::
+.::       .:: .:      .: .::    .::    .::       .::
+.:::::::: .:: .:::: .::  .::      .:: .::         .::
diff --git a/docs/index.html b/docs/index.html
@@ -17,7 +17,7 @@
       background-color: #000000;
     }
 
-    #content {
+    #container {
       padding-top: 100px;
       /* border: 1px solid #000; */
       background-color: #000000;
@@ -27,17 +27,17 @@
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     }
 
+    #hero {
+      font-size:2vw
+    }
+
     @media (max-width: 600px) {
       #content {
         font-size: 12px;
         padding: 10px;
       }
     }
   </style>
-</head>
-
-<body>
-  <div id="content">Loading...</div>
   <script>
     fetch('words.txt')
       .then(response => response.text())
@@ -47,7 +47,23 @@
       .catch(error => {
         document.getElementById('content').textContent = 'All your base are belong to us.';
       });
+
+    fetch('hero.txt')
+      .then(response => response.text())
+      .then(data => {
+        document.getElementById('hero').textContent = data;
+      })
+      .catch(error => {
+        document.getElementById('hero').textContent = '';
+      });
   </script>
+</head>
+
+<body>
+  <div id="container">
+    <div id="hero">...</div>
+    <div id="content">...</div>
+  </div>
 </body>
 
 </html>