From 7981f7af12a6069133e8de7487e3935c5f4d8be0 Mon Sep 17 00:00:00 2001
From: Tomas Votruba <tomas.vot@gmail.com>
Date: Sun, 8 Sep 2024 17:33:07 +0200
Subject: [PATCH] make homepage width

---
 README.md                                |  9 +++++++++
 resources/css/app.scss                   | 13 +++++++++----
 resources/views/_snippets/menu.blade.php |  2 +-
 resources/views/homepage.blade.php       |  4 ++--
 4 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 518ad81b472..c56a15261c8 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,15 @@ cd tomasvotruba.com
 composer install
 ```
 
+- Build assets
+
+```bash
+yarn build
+
+# or to watch files and reload on scss change
+yarn dev
+```
+
 - Run local server
 
 ```bash
diff --git a/resources/css/app.scss b/resources/css/app.scss
index 54b52702e79..a0b5b49c7a3 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -305,12 +305,17 @@ a.btn {
     line-height: 1.6rem;
 }
 
+#welcome_card {
+    h2 {
+        letter-spacing: .02em;
+        font-size: 2em;
+    }
+}
+
 /* mobile optimization */
 @media (max-width: 768px) {
-    .welcome_card {
-        h2 {
-            font-size: 1.3em;
-        }
+    #welcome_card h2 {
+        font-size: 1.6em;
     }
 
     #menu {
diff --git a/resources/views/_snippets/menu.blade.php b/resources/views/_snippets/menu.blade.php
index 0628db3206b..6e7f6e6297a 100644
--- a/resources/views/_snippets/menu.blade.php
+++ b/resources/views/_snippets/menu.blade.php
@@ -17,7 +17,7 @@
 
             <span class="ps-2 pe-2">•</span>
 
-            <a href="tel:+420776778332">+420&nbsp;776&nbsp;778&nbsp;332</a>
+            <a href="tel:+420776778332">420&nbsp;776&nbsp;778&nbsp;332</a>
         </div>
 
         <div class="clearfix"></div>
diff --git a/resources/views/homepage.blade.php b/resources/views/homepage.blade.php
index 13a138250e1..40099d9fc0e 100644
--- a/resources/views/homepage.blade.php
+++ b/resources/views/homepage.blade.php
@@ -4,7 +4,7 @@
     <div class="container">
         <div class="row">
             <div class="col-12 col-md-10 offset-0 offset-md-1">
-                <div class="card welcome_card">
+                <div class="card" id="welcome_card">
                     <div class="card-body p-5 shadow">
                         <div class="d-flex mb-5">
                             <div style="max-width: 5.5em">
@@ -12,7 +12,7 @@
                             </div>
 
                             <div class="d-block ms-4 mt-4">
-                                <h2 class="mt-0" style="letter-spacing: .02em; font-size: 2em">Hi, I'm Tomas Votruba</h2>
+                                <h2 class="mt-0">Hi, I'm Tomas Votruba</h2>
                             </div>
                         </div>