announcements panel added

taylanbildik · taylanbildik · commit 02a59e87c421 · 2023-12-28T20:46:41.000+03:00
diff --git a/_data/announcements.json b/_data/announcements.json
@@ -0,0 +1,10 @@
+[
+    {
+        "content": "🚀 Video eğitime indirimli katılmak için tıklayın.",
+	"link": "https://www.udemy.com/course/kali-linux-ile-sifirdan-temel-linux-egitimi/?couponCode=7F64F329A3F847685A94",
+        "start_date": "2023-12-28",
+        "end_date": "2024-01-02",
+	"limited": true	
+
+    },
+]
diff --git a/_includes/announcement.html b/_includes/announcement.html
@@ -0,0 +1,51 @@
+{% for announcement in site.data.announcements %}
+    {% assign current_date = site.time | date: "%Y-%m-%d" %}
+    {% assign start_date = announcement.start_date %}
+    {% assign end_date = announcement.end_date %}
+    
+    {% if current_date >= start_date and current_date <= end_date %}
+        {% if announcement.limited %}
+            <p class="yesil text-center text-success">{{ announcement.content }} <br> <a id="countdown_{{ forloop.index }}"></a>
+                <a href="{{ announcement.link }}" class="stretched-link"></a>
+            </p>
+
+            <script>
+                // İndirim bitiş tarihi (YYYY-MM-DD HH:mm:ss)
+                var countDownDate{{ forloop.index }} = new Date("{{ announcement.end_date }}").getTime();
+
+                // Her bir saniyede bir geri sayımı güncelle
+                var x{{ forloop.index }} = setInterval(function() {
+                    
+                    // Şu anki tarih ve saat
+                    var now = new Date().getTime();
+                    
+                    // Geri sayım için kalan zaman
+                    var distance = countDownDate{{ forloop.index }} - now;
+                    
+                    // Gün, saat, dakika ve saniye hesaplamaları
+                    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+                    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+                    
+                    // Günü kontrol et
+                    var dayText = days > 1 ? days + " gün " : "";
+                    
+                    // HTML içeriğini güncelle
+                    document.getElementById("countdown_{{ forloop.index }}").innerHTML = "<strong>Kalan süre:</strong> " +
+                        dayText + hours + " saat " + minutes + " dakika " + seconds + " saniye kaldı.";
+                    
+                    // Eğer geri sayım tamamlandıysa
+                    if (distance < 0) {
+                        clearInterval(x{{ forloop.index }});
+                        document.getElementById("countdown_{{ forloop.index }}").innerHTML = "<strong>İndirim Sona Erdi!</strong>";
+                    }
+                }, 1000);
+            </script>
+        {% else %}
+            <p class="yesil text-center text-success">{{ announcement.content }}
+                <a href="{{ announcement.link }}" class="stretched-link"></a>
+            </p>
+        {% endif %}
+    {% endif %}
+{% endfor %}
diff --git a/_layouts/b-post.html b/_layouts/b-post.html
@@ -6,7 +6,7 @@
 <body data-pagefind-body>
 
 {% include nav-page.html %}
-
+{% include announcement.html %}
 
 
       <div class="container-fluid"> 
diff --git a/_layouts/komut.html b/_layouts/komut.html
@@ -6,7 +6,7 @@
 <body data-pagefind-body>
 
 {% include nav-page.html %}
-
+{% include announcement.html %}
 
 
       <div class="container-fluid"> 
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -5,7 +5,7 @@
 </head>
 <body>
 {% include nav-page.html %}
-      
+      {% include announcement.html %}
     <div class="container"> 
 		{% include meta-data.html %}	  
 		{{ content }}
diff --git a/_layouts/simple.html b/_layouts/simple.html
@@ -6,7 +6,7 @@
 <body data-pagefind-ignore="all">
 
 {% include nav-page.html %}
-      
+      {% include announcement.html %}
 <div class="container"> 
 <p></p>
 {{ content }}
diff --git a/_layouts/tutorial.html b/_layouts/tutorial.html
@@ -16,6 +16,7 @@
 <div id="progress-bar-container">
   <div id="progress-bar"></div>
 </div>
+{% include announcement.html %}
       <div class="container-fluid">
   <div class="row mb-2">
       <div style="font-size: 18px;" class="col-md-9" data-pagefind-filter="Bölüm:Eğitim Serisi:">
