diary-website

commit f535e8485c6d41885a7dcbede1c855bebf072d20
parent 0e5f74e336e83da7b37eadb567971f154ea7ac2f
Author: Andreas Gruhler <agruhl@gmx.ch>
Date:   Sun, 25 Jul 2021 16:43:41 +0200

add intro

Diffstat:
M
_includes/intro.html
 | 
3
++-
M
assets/scss/_layout.scss
 | 
1
+
M
assets/scss/_variables.scss
 | 
2
+-
M
assets/scss/base/_typography.scss
 | 
6
++++++

4 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/_includes/intro.html b/_includes/intro.html
@@ -1,5 +1,6 @@
 <section class="intro">
   <div class="container">
-    <p class="lead">Hi, I'm John Doe. I do stuffs with computer and sometimes write about it here. I'm from Penang, MY and I ship code at <a href="#">Microsoft</a>.</p>
+    <img class="mascot" src="https://github.com/in0rdr/diary/raw/master/img/diary-worm.png" alt="diary-worm"/>
+    <p class="lead">This is a text-based diary, inspired by <a href="https://lostpackets.de/khal">khal</a>. Journal entries are stored in text files.</p>
   </div>
 </section>
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -87,6 +87,7 @@ hr {
 
   .container {
     padding-bottom: 0;
+    display: table;
   }
 }
 
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -21,7 +21,7 @@ $primary-color: #000;
 $action-color: $primary-color;
 $white-color: #fff;
 $black-color: #000;
-$blue-color: #0086B3;
+$blue-color: #FFB22F;
 $dark-gray-color: #333;
 $medium-gray-color: #999;
 $light-gray-color: #ccc;
diff --git a/assets/scss/base/_typography.scss b/assets/scss/base/_typography.scss
@@ -46,6 +46,7 @@ p {
   &.lead {
     font-size: rem(22);
     font-weight: 300;
+    display: table-cell;
   }
 }
 
@@ -73,6 +74,11 @@ img,
 picture {
   margin: 0;
   max-width: 100%;
+  &.mascot {
+    display: table-cell;
+    width: 80%;
+    vertical-align: middle;
+  }
 }
 
 blockquote {