update banner

gdg-twhk · Oct 31, 2024 · ca6aa50 · ca6aa50
1 parent 2fdb257
commit ca6aa50
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
@@ -1,4 +1,4 @@
-.cover {
+.cover, .cover-front {
   width: 100%;
   height: calc(100dvh - var(--mat-toolbar-standard-height));
   background-size: cover;
@@ -8,8 +8,8 @@
 }
 
 @media (max-width: 599px) {
-  .cover {
-    padding-bottom: calc(100dvh - var(--mat-toolbar-mobile-height));
+  .cover, .cover-front {
+    height: calc(100dvh - var(--mat-toolbar-mobile-height));
   }
 }
 

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
@@ -1,4 +1,6 @@
-<div class="cover" style="background-image: url('./assets/banner.svg');"></div>
+<div class="cover" style="background-image: url('./assets/banner-bg.jpg');">
+    <div class="cover-front" style="background-image: url('./assets/banner.svg');"></div>
+</div>
 <div class="max-width-constraint two-columns">
     <div class="two-columns-texts">
         <h1>DevFest Taipei 2024</h1>

diff --git a/src/assets/banner-bg.jpg b/src/assets/banner-bg.jpg
diff --git a/src/assets/banner.svg b/src/assets/banner.svg