updating homepage

src/index.html

@@ -9,8 +9,8 @@
 <nav class="navbar navbar-expand-md bg-dark sticky-top border-bottom">
   <div class="container">
     <a class="navbar-brand d-md-none" href="#">
-      <img class="bi" width="24" height="24" src="img/icon80.png">
-      Aperture
+      <img class="bi" width="32" height="32" src="img/icon32.svg" alt="webOS Homebrew">
+      webOS Homebrew
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas"
             aria-controls="offcanvas" aria-label="Toggle navigation">
@@ -24,7 +24,7 @@ <h5 class="offcanvas-title" id="offcanvasLabel">webOS Homebrew</h5>
       <div class="offcanvas-body">
         <ul class="navbar-nav flex-grow-1 justify-content-start">
           <li class="nav-item"><a class="nav-link" href="#">
-            <img class="bi" width="24" height="24" src="img/icon80.png">
+            <img class="bi" width="32" height="32" src="img/icon32.svg" alt="webOS Homebrew">
           </a></li>
           <li class="nav-item"><a class="nav-link" href="#">Apps</a></li>
           <li class="nav-item"><a class="nav-link" href="#">Develop</a></li>
@@ -35,7 +35,7 @@ <h5 class="offcanvas-title" id="offcanvasLabel">webOS Homebrew</h5>
   </div>
 </nav>
 <main class="landing">
-  <div class="headline p-4 d-flex flex-column align-items-center">
+  <div class="headline px-2 py-4 d-flex flex-column align-items-center">
     <div class="tv-container">
       <img class="tv-amblight z-n1" id="amblight-canvas">
       <div class="tv-screen">
@@ -47,10 +47,10 @@ <h5 class="offcanvas-title" id="offcanvasLabel">webOS Homebrew</h5>
     <div class="mt-4 text-end">
       <h2 class="headline-title fw-light text-nowrap">
         <span class="feature" data-graphics="img/kodi-recently-added.jpg">Kodi</span>
-        <span class="feature" data-graphics="img/moonlight.png">Game streaming</span>
+        <span class="feature" data-graphics="img/moonlight.png">Moonlight</span>
         <span class="feature amblight" data-graphics="img/borealias.webp">Ambient light</span>
         <span class="feature active" data-graphics="img/hbchannel.png">More apps</span>
-        on your <span class="webos web">web</span><span class="webos os">OS</span> TV
+        for <span class="webos web">web</span><span class="webos os">OS</span> TV
       </h2>
     </div>
   </div>

src/partials/footer.html

@@ -1,14 +1,7 @@
-
 <footer class="container py-5">
   <div class="row">
     <div class="col-12 col-md">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
-           stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img"
-           viewBox="0 0 24 24"><title>Product</title>
-        <circle cx="12" cy="12" r="10"></circle>
-        <path
-            d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"></path>
-      </svg>
+      <img class="bi" width="32" height="32" src="../img/icon32.svg" alt="webOS Homebrew">
       <small class="d-block mb-3 text-body-secondary">© 2020–2024</small>
     </div>
     <div class="col-6 col-md">

src/scss/landing.scss

@@ -39,10 +39,11 @@ main.landing {
     }
 
     .tv-screen {
-      width: 60vw;
-      border-radius: 0.2vw;
+      width: 85vw;
+      border-radius: 0.4%;
       padding: 0.3% 0.3% 0.5%;
-      box-shadow: 0.5vw 0.8vw 1vw rgba(0, 0, 0, 0.3);
+
+      box-shadow: 0.7vw 1vw 1.2vw rgba(0, 0, 0, 0.3);
 
       background: linear-gradient(135deg, #222, #111);
       background-clip: padding-box;
@@ -70,5 +71,19 @@ main.landing {
         }
       }
     }
+
+    @include media-breakpoint-up(sm) {
+      .tv-screen {
+        width: 75vw;
+        box-shadow: 0.6vw 0.9vw 1.1vw rgba(0, 0, 0, 0.3);
+      }
+    }
+
+    @include media-breakpoint-up(md) {
+      .tv-screen {
+        width: 65vw;
+        box-shadow: 0.5vw 0.8vw 1vw rgba(0, 0, 0, 0.3);
+      }
+    }
   }
 }