Improve styling and add images, logo and links

solaris-games · May 24, 2024 · 2308440 · 2308440
1 parent 44aaab1
commit 2308440
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 2 deletions.
diff --git a/sass/style.scss b/sass/style.scss
@@ -1,2 +1,9 @@
 @import "simple.css";
 
+.me-2 {
+    margin: 2px;
+}
+
+:root {
+    --accent: rgba(60, 210, 165, 0.75);
+}
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/static/solaris_logo_text.png b/static/solaris_logo_text.png
diff --git a/templates/base.html b/templates/base.html
@@ -10,9 +10,27 @@
 <body>
   <section class="section">
     <div class="container">
+      <header>
+        <img src="/solaris_logo_text.png" class="solaris-logo">
+        {% block title %} {% endblock %}
+      </header>
+
       {% block content %} {% endblock %}
     </div>
   </section>
+
+  <footer>
+    <a href="https://github.com/solaris-games/solaris" target="_blank" title="Code" class="me-2">
+     GitHub
+    </a>
+    <a href="https://store.steampowered.com/app/1623930/Solaris/" target="_blank" title="Steam" class="me-2">
+      Steam
+    </a>
+    <a href="https://discord.com/invite/v7PD33d" target="_blank" title="Discord" class="me-2">
+      Discord
+    </a>
+    <a href="https://www.buymeacoffee.com/limitingfactor" target="_blank" class="me-2"></i>Donate</a>
+  </footer>
 </body>
 
 </html>
diff --git a/templates/blog-page.html b/templates/blog-page.html
@@ -1,9 +1,12 @@
 {% extends "base.html" %}
 
-{% block content %}
+{% block title %}
 <h1 class="title">
   {{ page.title }}
 </h1>
+{% endblock title %}
+
+{% block content %}
 <p class="subtitle"><strong>{{ page.date }}</strong></p>
 {{ page.content | safe }}
 

diff --git a/templates/index.html b/templates/index.html
@@ -1,9 +1,12 @@
 {% extends "base.html" %}
 
-{% block content %}
+{% block title %}
 <h1 class="title">
   Solaris DevBlog
 </h1>
+{% endblock title %}
+
+{% block content %}
 <ul>
   {% for page in section.pages %}
   <li><a href="{{ page.permalink | safe }}">{{ page.date }}: {{ page.title }}</a></li>