From af54cdb9228ccab6dcc1767e05b88a5bf5809783 Mon Sep 17 00:00:00 2001
From: testuser <testuser@archlinux>
Date: Sun, 15 Jun 2025 18:11:33 +0530
Subject: modified many files

---
 layouts/partials/instructions.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 layouts/partials/instructions.html

(limited to 'layouts/partials/instructions.html')

diff --git a/layouts/partials/instructions.html b/layouts/partials/instructions.html
new file mode 100644
index 0000000..6c13acc
--- /dev/null
+++ b/layouts/partials/instructions.html
@@ -0,0 +1,22 @@
+<div class="rounded-lg p-6 mb-8 text-white mt-6"
+     style="background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px);">
+    <h2 class="text-xl font-bold mb-4">How to Customize This Page</h2>
+    <div class="space-y-3">
+        <div>
+            <h3 class="font-semibold">Adding New Links</h3>
+            <p class="text-sm opacity-80">Copy one of the link cards and update the href, icon, title, and description.</p>
+        </div>
+        <div>
+            <h3 class="font-semibold">Changing Icons</h3>
+            <p class="text-sm opacity-80">Replace the Font Awesome class (e.g., 'fa-twitter') with any icon from <a href="https://fontawesome.com/icons" class="underline" target="_blank">Font Awesome</a>.</p>
+        </div>
+        <div>
+            <h3 class="font-semibold">Updating Profile</h3>
+            <p class="text-sm opacity-80">Edit the profile section at the top with your name, bio, and profile image URL.</p>
+        </div>
+        <div>
+            <h3 class="font-semibold">Theme Colors</h3>
+            <p class="text-sm opacity-80">Modify the Tailwind color classes (e.g., 'bg-blue-400') to match your brand.</p>
+        </div>
+    </div>
+</div>
-- 
cgit v1.2.3