myheats-website

commit 1d04b8594e72f2c8070c5906e6cb548f6a70230f
parent ea256889a72c068bf7b60de7cc22cd0b08691971
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Thu, 20 Apr 2023 22:54:02 +0200

feat: demo and improve small screen res

Diffstat:
M
_includes/intro.html
 | 
2
+-
M
assets/scss/_layout.scss
 | 
7
+++++++
M
assets/scss/base/_typography.scss
 | 
6
+++---
M
index.html
 | 
25
++++++++++---------------

4 files changed, 21 insertions(+), 19 deletions(-)
diff --git a/_includes/intro.html b/_includes/intro.html
@@ -1,6 +1,6 @@
 <section class="intro">
   <div class="container">
-    <img class="logo" src="https://0x0.in0rdr.ch/Z.png" alt="myheats-logo"/>
+    <img class="mascot" src="https://0x0.in0rdr.ch/Z.png" alt="myheats-logo"/>
     <p class="lead">
       Live-leaderboard. Simple & elegant scoring. Your code, your data, your event.
     </p>
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -292,4 +292,11 @@ hr {
       color: $blue-color;
     }
   }
+
+  .navbar {
+    a span {
+      /* hide text on small screens, display only octicon */
+      display: none;
+    }
+  }
 }
diff --git a/assets/scss/base/_typography.scss b/assets/scss/base/_typography.scss
@@ -80,13 +80,13 @@ img,
 picture {
   margin: 0;
   max-width: 100%;
-  &.logo {
+  &.mascot {
     display: block;
     width: 35%;
-    margin: 0 3% 8% 0;
+    margin: 0 auto 8% auto;
   }
   @media(min-width: 500px){
-    &.logo {
+    &.mascot {
       width: 80%;
       display: table-cell;
     }
diff --git a/index.html b/index.html
@@ -7,21 +7,16 @@ title: Home
 
 <section class="post-list">
   <div class="container">
-    {% for post in site.posts %}
-      {% unless post.next %}
-        <h2 class="category-title">{{ post.date | date: '%Y' }}</h2>
-      {% else %}
-        {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
-        {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
-        {% if year != nyear %}
-          <h2 class="category-title">{{ post.date | date: '%Y' }}</h2>
-        {% endif %}
-      {% endunless %}
-      <article class="post-item">
-        <span class="post-meta date-label">{{ post.date | date: "%b %d" }}</span>
-        <div class="article-title"><a class="post-link" href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a></div>
-      </article>
-    {% endfor %}
+    <header class="page-header">
+      <h1 class="page-title">Demo</h1>
+    </header>
+    <div class="page-content">
+      <p>A development instance and reference leaderboard is hosted on <a href="https://myheats-demo.in0rdr.ch">https://myheats-demo.in0rdr.ch</a> 🔥.</p>
+      <p>
+        Interested in the scoring backend for judges and event admins? Drop me a line on IRC
+        <a href="https://web.libera.chat/gamja/#myheats">#myheats</a> or on <a href="https://m.in0rdr.ch/@in0rdr">Mastodon</a>.
+      </p>
+    </div>
   </div>
 
 </section>