Index page changes

README.md

@@ -9,7 +9,7 @@ git clone gitea@git.wownero.com:wownero/YellWOWPages.git
 cd YellWOWPages
 pip install -r requirements.txt
 
-cp settings.py_example settings.py
+cp settings.py_example settings.py_example
 ```
 
 Change `settings.py` to your liking. Then run the application:

yellow/templates/base.html

@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
     <link rel="stylesheet" href="{{ url_for('static', filename='colors.css') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='icon.css') }}">
+    <link rel="icon" href="{{ url_for('static', filename='1.svg') }}">
 </head>
     <style>
         html, body{
@@ -56,7 +57,19 @@
             font-size: bold;
             font-size: 10rem;
         }
+        #root{
+            display: flex;
+            gap: 1rem;
+            font-weight: 800;
+            font-size: 2rem;
+            align-items: center;
+        }
         img{
+            width: 500px;
+            height: 500px;
+            object-fit: contain;
+        }
+        #wow{
             width: 50px;
             height: 50px;
             object-fit: contain;

yellow/templates/index.html

@@ -5,18 +5,19 @@
 </div>
 
 <div id="main">
-    <main>
+    <div id="root">
-        <strong>Yell<span>WOW</span>Pages</strong>
+        <img src="../static/1-ico.svg" alt="">
-    </main>
+        <div style="flex-direction: column;">
-    <div>
+            <div>
-        The first <img src="../../static/wownero.png" alt=""> addresses library -
+                The first <img src="../static/wownero.png" alt="" id="wow"> addresses library <br>
-        from the community, for the community.
+                from the community, for the community.
-    </div>
+            </div>
-    <br><br>
+            <div>
-    <div style="margin-top:40px;">
+                <a style="text-decoration: none;" href="{{ url_for('bp_routes.search') }}">
-      <a style="text-decoration: none;" href="{{ url_for('bp_routes.search') }}">
+                    <button style="max-width:320px;">start searching</button>
-        <button style="max-width:320px;">start searching</button>
+                </a>
-      </a>
+            </div>
+        </div>
     </div>
 </div>