update 3

raizora-id · Aug 21, 2024 · 6490d21 · 6490d21
1 parent 39aee41
commit 6490d21
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 10 deletions.
diff --git a/apps/hadirmu/templates/temp1-undangan-wedding/.vscode/settings.json b/apps/hadirmu/templates/temp1-undangan-wedding/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
-}
+  "liveServer.settings.port": 5502
+}
diff --git a/apps/hadirmu/templates/temp1-undangan-wedding/audio/wedd.mp3 b/apps/hadirmu/templates/temp1-undangan-wedding/audio/wedd.mp3
diff --git a/apps/hadirmu/templates/temp1-undangan-wedding/css/awal.css b/apps/hadirmu/templates/temp1-undangan-wedding/css/awal.css
@@ -0,0 +1,48 @@
+.home_2 .copyright p {
+  margin: 0;
+}
+#start-page {
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  text-align: center;
+  padding: 20px; /* Menambahkan padding jika diperlukan */
+}
+
+.start-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+}
+
+.start-content h1 {
+  font-size: 48px;
+  margin-top: 30px;
+  line-height: 1; /* Menambahkan line-height untuk spasi antara baris */
+}
+
+.start-content p {
+  font-size: 24px;
+  margin-top: 20px;
+  line-height: 1.5; /* Menambahkan line-height untuk spasi antara baris */
+}
+
+.start-content button {
+  background-color: #e95b5b;
+  color: #fff;
+  border: none;
+  padding: 15px 25px;
+  font-size: 18px;
+  cursor: pointer;
+  border-radius: 5px; /* Menambahkan sudut membulat pada tombol */
+  transition: background-color 0.3s ease; /* Menambahkan transisi pada warna latar belakang */
+}
+
+.start-content button:hover {
+  background-color: #ff5c5c;
+}
diff --git a/apps/hadirmu/templates/temp1-undangan-wedding/index.html b/apps/hadirmu/templates/temp1-undangan-wedding/index.html
@@ -30,6 +30,7 @@
     <link rel="stylesheet" type="text/css" href="css/style.css" />
     <link rel="stylesheet" href="css/rsvp.css" />
     <link rel="stylesheet" href="css/gift-style.css" />
+    <link rel="stylesheet" href="css/awal.css" />
     <!-- favicon links -->
     <link
       rel="shortcut icon"
@@ -39,15 +40,32 @@
   </head>
   <body>
     <!-- preloader Start -->
+    <div id="start-page"  >
+      <div class="start-content" >
+        <img src="images/content/blog1.jpg" alt="Logo">
+        <h2 
+        class="wow animated fadeInDown " 
+        >Undangan Pernikahan</h2>
+        <p class="wow animated zoomIn">Jhon & Alisa</p>
+        <button id="start-button"
+        class="wow animated fadeInUp"
+                              data-wow-duration="2s">Buka Undangan</button>
+        <audio id="background-music" controls autoplay loop style="display: none;">
+          <source src="audio/wedd.mp3" type="audio/mp3">
+          Your browser does not support the audio element.
+        </audio>
+      </div>
+    </div>
+
+  </div>
+  <div id="main-content" style="display: none;">
     <div id="preloader">
       <div id="status">
-        <img
-          src="images/header/preloader.gif"
-          id="preloader_image"
-          alt="loader"
-        />
+        <img src="preloader.gif" id="preloader_image" alt="loader" />
       </div>
     </div>
+
+
     <!-- Header Wrapper Start -->
     <div section-scroll="0" class="wd_scroll_wrap">
       <div class="wd_slider_wrapper">
@@ -329,7 +347,7 @@ <h1>7:30 pm</h1>
 
 
     <!-- doa wrapper -->
-    <div>
+    <!-- <div>
       <div class="wd_event_wrapper   wd_centerpadder50">
         <div class="container">
           <div class="row">
@@ -361,7 +379,7 @@ <h1>- Q.S. Ar-Rum: 21 -</h1>
             </div>
           </div>
         </div>
-      </div>
+      </div> -->
       <!-- doa Wrapper End -->
 
 
@@ -403,7 +421,7 @@ <h3>Comments</h3>
         <div id="comments-container"></div>
       </div>
     </section>
-</div>
+
     <!-- RSVP Wrapper End -->
 
 
@@ -848,6 +866,7 @@ <h2>Email Us</h2>
         </div>
       </div>
     </div>
+  </div>
     <!-- Footer Wrapper End -->
     <!--main js file start-->
     <script type="text/javascript" src="js/jquery.js"></script>
@@ -860,6 +879,14 @@ <h2>Email Us</h2>
     <script type="text/javascript" src="js/custom.js"></script>
     <script type="text/javascript" src="js/rsvp.js"></script>
     <script>
+
+
+document.getElementById('start-button').addEventListener('click', function() {
+  document.getElementById('start-page').style.display = 'none';
+  document.getElementById('main-content').style.display = 'block';
+  document.getElementById('background-music').play();
+});
+
       $(window).on("load", function () {
         var wow = new WOW({
           boxClass: "wow",