polish

Author: simplearyan

content/assets/tree3d.md

@@ -14,7 +14,7 @@ tags:
 ---
 
 
-{{< timer/timer title="Free Download" link="https://drive.google.com/file/d/1Yhpeiz0uGWgJhYcjNDVsBFqAinhzDHVZ/view?usp=drive_link" timer="true" >}}
+{{< timer/timer title="Free Download" link="https://drive.google.com/file/d/1Yhpeiz0uGWgJhYcjNDVsBFqAinhzDHVZ/view?usp=drive_link" timer="true" showbutton="false" >}}
 
 
 

content/blog/blender/snake-3d-model-tutorial-blender-asset.md

@@ -30,6 +30,10 @@ POWERHOUSE A16 BIONIC CHIP — The superfast chip powers advanced features like
 
 ### Free 3D Model 🧊
 
+<div style="text-align:center">
+<h4>Click and wait for 20 seconds 👇
+</div>
+
 {{< timer/timer title="Free Download" link="/assets/download/"  >}}
 
 

content/blog/blender/tree3d-blender-3d-model.md

@@ -31,6 +31,10 @@ POWERHOUSE A16 BIONIC CHIP — The superfast chip powers advanced features like
 
 ### Free 3D Model 🧊
 
+<div style="text-align:center">
+<h4>Click and wait for 20 seconds 👇
+</div>
+
 {{< timer/timer title="Free Download" link="/assets/tree3d/" >}}
 
 

layouts/shortcodes/timer/timer.html

@@ -1,21 +1,16 @@
-{{ $title := .Get "title" }}
-{{ $link := .Get "link" }}
-{{ $timer := .Get "timer" | default "false" }}
-{{ $showbutton := .Get "showbutton" | default "true" }}
-
-{{ if eq $timer "true" }}
+{{ $title := .Get "title" }} {{ $link := .Get "link" }} {{ $timer := .Get
+"timer" | default "false" }} {{ $showbutton := .Get "showbutton" | default
+"true" }} {{ if eq $timer "true" }}
 <div class="timer-container">
-  {{/*  {{ if eq $showbutton "true" }}
+  {{/* {{ if eq $showbutton "true" }}
   <button class="timer-btn" data-link="{{ $link }}">{{ $title }}</button>
-  {{ end }}  */}}
+  {{ end }} */}}
   <span class="timer-label"></span>
   <progress class="timer-progress" value="0" max="20"></progress>
 </div>
 
 {{ else if eq $showbutton "true" }}
-  <a href="{{ $link }}" class="timer-btn">
-    {{ $title }}
-  </a>
+<a href="{{ $link }}" class="timer-btn"> {{ $title }} </a>
 {{ end }}
 
 <script>
@@ -48,11 +43,11 @@
     var progress = document.querySelector(".timer-progress");
     var link = "{{ $link }}";
     var countdown = 20;
-    label.textContent = " Redirecting in " + countdown + "s...";
+    label.textContent = " Downloading in " + countdown + "s...";
     progress.value = 0;
     var timer = setInterval(function () {
       countdown--;
-      label.textContent = " Redirecting in " + countdown + "s...";
+      label.textContent = " Downloading in " + countdown + "s...";
       progress.value = 20 - countdown;
       if (countdown <= 0) {
         clearInterval(timer);
@@ -62,7 +57,6 @@
   });
 </script>
 
-
 <style>
   .timer-btn {
     margin-top: 1.5rem;
@@ -77,18 +71,21 @@
     text-decoration: none;
     text-align: center;
     width: -webkit-fill-available;
+    font-size: 1.2rem;
   }
   .timer-btn:disabled {
     background: #aaa;
     cursor: not-allowed;
   }
   .timer-label {
     margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
     margin-left: 10px;
     color: #333;
     font-weight: bold;
     display: block;
     text-align: center;
+    font-size: 1.5rem;
   }
 
   .timer-progress {
@@ -98,6 +95,7 @@
     appearance: none;
     background-color: #e0e0e0;
     overflow: hidden;
+    margin-bottom: 1.5rem;
   }
   .timer-progress::-webkit-progress-bar {
     background-color: #e0e0e0;