[docs] add logo

ananthakumaran · Jan 28, 2024 · aea5f0a · aea5f0a
1 parent e0d58ca
commit aea5f0a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/docs/images/logo.svg b/docs/images/logo.svg
diff --git a/docs/index.md b/docs/index.md
@@ -6,8 +6,9 @@ hide:
 ---
 
 <div class="hero" markdown>
+![Logo](./images/logo.svg)
 # Paisa
-<p>Personal Finance Manager</p>
+<p class="subtitle">Personal Finance Manager</p>
 </div>
 
 <div class="home" markdown>

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -58,12 +58,18 @@
   margin-bottom: 3rem;
 }
 
+.hero img {
+  height: 90px;
+  margin-top: -60px;
+  margin-bottom: 15px;
+}
+
 .hero h1 {
   text-align: center;
   color: inherit;
   font-weight: 700;
   color: var(--logo-color);
-  margin-bottom: 0;
+  margin-bottom: -7px;
   margin-top: -30px;
   font-size: 3rem;
 }
@@ -82,7 +88,11 @@
   margin: auto;
   line-height: 1.28;
   color: var(--md-default-fg-color--light);
-  font-size: 0.72rem;
+  font-size: 0.9rem;
+}
+
+.hero p.subtitle {
+  opacity: 0.7;
 }
 
 .home .tabbed-set {