kunthawat/opencode-skill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Add LINE icon to website-creator skill

Browse Source
This commit is contained in:
Kunthawat Greethong
2026-03-22 11:43:55 +07:00
parent 1d2a5514d4
commit fe48c4c294
3 changed files with 324 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
skills/website-creator/scripts/templates/components/common/Footer.astro
View File

@@ -22,9 +22,9 @@ const legalLinks = [
];
const socialLinks = [
{ name: 'Facebook', href: 'https://facebook.com', icon: 'facebook' },
{ name: 'Line', href: 'https://line.me', icon: 'line' },
{ name: 'YouTube', href: 'https://youtube.com', icon: 'youtube' },
{ name: 'Facebook', href: 'https://facebook.com', icon: 'facebook', svg: '' },
{ name: 'Line', href: 'https://line.me', icon: 'line', svg: 'line' },
{ name: 'YouTube', href: 'https://youtube.com', icon: 'youtube', svg: '' },
];
---
@@ -45,9 +45,13 @@ const socialLinks = [
<!-- Social Links -->
<div id="footer-social">
<div id="social-links-container" class="flex space-x-4">
{socialLinks.map((social, index) => (
{socialLinks.map((social) => (
<a id={`social-${social.icon}`} href={social.href} target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-secondary-800 rounded-full flex items-center justify-center hover:bg-primary-600 transition-colors" aria-label={social.name}>
<span class="text-sm font-medium">{social.name[0]}</span>
{social.svg === 'line' ? (
<img src="/images/icons/line.svg" alt="LINE" class="w-5 h-5" />
) : (
<span class="text-sm font-medium">{social.name[0]}</span>
)}
</a>
))}
</div>