aselimov/LucentLink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit of LucentLink files

Browse source
This commit is contained in:
Alex Selimov 2025-09-03 22:11:20 -04:00
commit 3c4c52fe2b
Signed by: aselimov
GPG key ID: 3DDB9C3E023F1F31
20 changed files with 569 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
layouts/partials/about.html Normal file
View file

@ -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 }}

9
layouts/partials/head.html Normal file
View file

@ -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>

22
layouts/partials/instructions.html Normal file
View file

@ -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>

17
layouts/partials/link-card.html Normal file
View file

@ -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>

14
layouts/partials/messaging-etiquette.html Normal file
View file

@ -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>

22
layouts/partials/profile.html Normal file
View file

@ -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>

11
layouts/partials/spotify-playlist.html Normal file
View file

@ -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 }}