update about page, add sources

Signed-off-by: hazel <hazel@hazelthats.me>

3 files changed, 28 insertions, 2 deletions

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 522a786..76b6458 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -20,13 +20,13 @@
         <a href="/about" title="About">About</a>
       </nav>
     </header>
-    <main>
-      {% if title %}
+      {% if banner %}
         <div class="banner">
           <img src="{{ banner }}" class="banner-background">
           <span class="banner-title">{{title}}</span>
         </div>
       {% endif %}
+    <main>
       {{ content | safe }}
     </main>
     <footer>
diff --git a/content/about.md b/content/about.md
index f58616d..0edb0e9 100644
--- a/content/about.md
+++ b/content/about.md
@@ -6,4 +6,8 @@ This website compiles **L**ight **P**F **D**oes **U**ltimate strategies, used on
 
 Because the website is not the direct source of strategies, some may be outdated or incorrect. I also do not claim ownership over these strategies.
 
+Site is still very much work in progress, some formatting or styling may not be great.
+
+No revenue is generated from this site, hosting is paid out of pocket. Don't expect too much.
+
 In case you wish to correct something or have a complaint, please [contact me](https://hazelthats.me/contact).
diff --git a/public/global.css b/public/global.css
index f2d47a1..faa996c 100644
--- a/public/global.css
+++ b/public/global.css
@@ -62,3 +62,25 @@ header nav a:hover {
   position: relative;
   z-index: 100;
 }
+
+main {
+  max-width: 1000px;
+  margin-inline: auto;
+}
+
+main img {
+  max-width: 100%;
+}
+
+footer {
+  font-size: 16px;
+  font-family: monospace;
+  margin: 1rem auto;
+  text-align: center;
+}
+
+footer div.git-hash {
+  color: var(--overlay-1);
+  margin: 0.5em;
+  font-size: 0.8em;
+}