modified many filesHEAD master

author: testuser <testuser@archlinux> 2025-06-15 18:11:33 +0530
committer: testuser <testuser@archlinux> 2025-06-15 18:11:33 +0530
commit: af54cdb9228ccab6dcc1767e05b88a5bf5809783 (patch)
tree: a32db3cd749de91d43a2054f5461bfeb6dffed7d /layouts/partials
parent: 76865d553f4b2e0b0e1338514e7791746fdad69f (diff)
7 files changed, 108 insertions, 0 deletions
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
new file mode 100644
index 0000000..8d739f1
--- /dev/null
+++ b/layouts/partials/about.html
@@ -0,0 +1,13 @@
+{{ with .Params.about }}
+<div class="bg-white bg-opacity-10 rounded-lg p-6 mb-6 border border-white border-opacity-20">
+  <h2 class="text-xl font-bold mb-4">{{ .title }}</h2>
+  <div class="space-y-4">
+    {{ range .sections }}
+      <div>
+        <h3 class="font-semibold mb-2">{{ .heading }}</h3>
+        <p class="text-sm opacity-80">{{ .content }}</p>
+      </div>
+    {{ end }}
+  </div>
+</div>
+{{ end }}
+\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
new file mode 100644
index 0000000..f100897
--- /dev/null
+++ b/layouts/partials/head.html
@@ -0,0 +1,9 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ .Site.Title }}</title>
+    <link rel="stylesheet" href="css/style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  </head>
+  
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>
diff --git a/layouts/partials/link-card.html b/layouts/partials/link-card.html
new file mode 100644
index 0000000..8440fa8
--- /dev/null
+++ b/layouts/partials/link-card.html
@@ -0,0 +1,17 @@
+<div class="space-y-4 mb-8">
+
+    {{ range .Params.links }}
+
+      <a href="{{ .href }}" class="block link-card p-4 flex items-center">
+        <div class="w-10 h-10 flex items-center justify-center mr-4">
+          <i class="{{ .icon }} icon text-xl"></i>
+        </div>
+        <div>
+          <h3 class="font-medium">{{ .title }}</h3>
+          <p class="text-sm opacity-70">{{ .description }}</p>
+        </div>
+      </a>
+
+    {{ end }}
+
+</div>
+\ No newline at end of file
diff --git a/layouts/partials/messaging-etiquette.html b/layouts/partials/messaging-etiquette.html
new file mode 100644
index 0000000..7e7be95
--- /dev/null
+++ b/layouts/partials/messaging-etiquette.html
@@ -0,0 +1,14 @@
+<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">{{ .Params.messaging.title }}</h2>
+    <div class="space-y-3">
+      {{ range .Params.messaging.items }}
+        <div class="flex items-start">
+          <div class="flex-shrink-0 h-5 w-5 {{ .color }} mt-0.5 mr-2">
+            <i class="{{ .icon }}"></i>
+          </div>
+          <p class="text-sm opacity-80">{{ .text }}</p>
+        </div>
+      {{ end }}
+    </div>
+</div>
diff --git a/layouts/partials/profile.html b/layouts/partials/profile.html
new file mode 100644
index 0000000..d018103
--- /dev/null
+++ b/layouts/partials/profile.html
@@ -0,0 +1,22 @@
+{{/* layouts/partials/profile.html */}}
+<div class="flex flex-col items-center mb-8">
+    {{ with .Params.profileImage }}
+      {{/* strip leading “/” if present, otherwise leave as-is */}}
+      {{ $img := replaceRE "^/" "" . }}
+      <img src="{{ $img }}"
+           alt="{{ $.Params.name }}"
+           class="profile-pic mb-4">
+    {{ end }}
+    <h1 class="text-3xl font-bold mb-2 text-center" style="color: var(--text-color)">
+      {{ .Params.name }}
+    </h1>
+    <p class="text-center opacity-80 mb-6">{{ .Params.description }}</p>
+  
+    <div class="flex flex-wrap justify-center gap-4 mb-8 social-icons">
+      {{ range .Params.socials }}
+        <a href="{{ .url }}" class="text-xl" target="_blank" rel="noopener">
+          <i class="{{ .icon }} icon"></i>
+        </a>
+      {{ end }}
+    </div>
+</div>
+\ No newline at end of file
diff --git a/layouts/partials/spotify-playlist.html b/layouts/partials/spotify-playlist.html
new file mode 100644
index 0000000..fea9c52
--- /dev/null
+++ b/layouts/partials/spotify-playlist.html
@@ -0,0 +1,11 @@
+{{/* layouts/partials/spotify-playlist.html */}}
+{{ with .Params.spotifyPlaylist.iframe }}
+<div class="spotify-widget pulsating-box border-trace h-auto rounded-lg p-6 mb-8 border text-white mt-6"
+     style="background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1);">
+  <div class="flex items-center mb-4">
+      <i class="fab fa-spotify text-2xl mr-3 mb-1"></i>
+      <h3 class="text-xl font-bold">My Spotify Playlist</h3>
+    </div>
+    {{ . | safeHTML }}
+  </div>
+{{ end }}
+\ No newline at end of file
author	testuser <testuser@archlinux>	2025-06-15 18:11:33 +0530
committer	testuser <testuser@archlinux>	2025-06-15 18:11:33 +0530
commit	af54cdb9228ccab6dcc1767e05b88a5bf5809783 (patch)
tree	a32db3cd749de91d43a2054f5461bfeb6dffed7d /layouts/partials
parent	76865d553f4b2e0b0e1338514e7791746fdad69f (diff)