tmp: sfd button

Author: amiremohamadi

.github/workflows/hugo.yaml

@@ -37,6 +37,10 @@ jobs:
         with:
           submodules: recursive
           fetch-depth: 0
+      - name: Apply patches
+        run: |
+          cd themes/tehlug-hugo-theme
+          git apply ../../patches/0001-tmp-attention-button-to-sfd-website.patch
       - name: Setup Pages
         id: pages
         uses: actions/configure-pages@v4

config.yaml

@@ -6,6 +6,7 @@ paginate: 3
 favicon: static/favicon.ico
 
 params:
+  customCSS: "/css/attention.css"
   subtitle: "گروه کاربران گنو/لینوکس بیرجند"
   mapView: 0.002
   mode: "auto"

patches/0001-tmp-attention-button-to-sfd-website.patch

@@ -0,0 +1,30 @@
+From 9695c1f4a0b42baee004cdd80df8f07aa8789701 Mon Sep 17 00:00:00 2001
+From: Amir Mohammadi <amiremohamadi@yahoo.com>
+Date: Wed, 3 Sep 2025 14:01:10 +0330
+Subject: [PATCH] tmp: attention button to sfd website
+
+---
+ layouts/index.html | 7 +++++++
+ 1 file changed, 7 insertions(+)
+
+diff --git a/layouts/index.html b/layouts/index.html
+index fcc5e89..96d8cdb 100644
+--- a/layouts/index.html
++++ b/layouts/index.html
+@@ -5,6 +5,13 @@
+ 	<div class="container wrapper">
+ 		{{ partial "head.html" . }}
+ 
++       <div class="attention-wrapper">
++         <button class="attention-button" onclick="window.location.href='https://sfd.birlug.ir'">
++           <div class="pulse-dot"></div>
++           ثبت‌نام جشن آزادی نرم‌افزار
++         </button>
++       </div>
++
+ 		<div class="recent-posts section">
+ 			<h2 class="section-header">
+ 				اخبار و جلسات
+-- 
+2.42.0
+

static/css/attention.css

@@ -0,0 +1,56 @@
+.attention-wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.attention-button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background: #6fcf97;
+  color: #0d1f33;
+  padding: 18px 40px;
+  margin-top: 8px;
+  margin-bottom: 38px;
+  border: none;
+  border-radius: 50px;
+  cursor: pointer;
+  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
+  transition: transform 0.2s ease, box-shadow 0.3s ease;
+}
+
+.attention-button:hover {
+  transform: scale(1.1);
+}
+
+.pulse-dot {
+  width: 16px;
+  height: 16px;
+  background: #f2994a;
+  border-radius: 50%;
+  position: relative;
+}
+
+.pulse-dot::after {
+  content: "";
+  position: absolute;
+  top: -6px;
+  left: -6px;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: rgba(255,111,60,0.5);
+  animation: pulse 0.8s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(0.5);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1.8);
+    opacity: 0;
+  }
+}