Fascinated/simple-links
1
1
Fork 0
generated from Fascinated/nextjs-13-template-with-tailwindcss
Code Issues 1 Pull Requests 10 Actions Activity

update config
All checks were successful
Publish Docker Image / docker (push) Successful in 1m44s
Details

Browse Source
This commit is contained in:
Lee 2023-07-12 11:11:08 +01:00
parent 5c0837f9e6
commit aa466b3277
3 changed files with 10 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -93,25 +93,19 @@ simple-links | Type error: Property 'theme' does not exist on type '{ name: stri
"title": "Git", // The shown title of the button "title": "Git", // The shown title of the button
"url": "https://git.fascinated.cc", // Where the button goes to when clicked "url": "https://git.fascinated.cc", // Where the button goes to when clicked
"icon": "fab fa-github", // The icon of the button (can be removed to show no icon) "icon": "fab fa-github", // The icon of the button (can be removed to show no icon)
"color": {
// The color of the icon (tailwindcss colors) // The color of the icon (tailwindcss colors)
"normal": "bg-green-700" "color": "bg-green-700"
}
}, },
{ {
"title": "Twitch", "title": "Twitch",
"url": "https://twitch.tv/fascinated_", "url": "https://twitch.tv/fascinated_",
"icon": "fab fa-twitch", "icon": "fab fa-twitch",
"color": { "color": "bg-[#6441a5]"
"normal": "bg-[#6441a5]"
}
}, },
{ {
"title": "Documentation", "title": "Documentation",
"url": "https://docs.fascinated.cc", "url": "https://docs.fascinated.cc",
"color": { "color": "bg-neutral-700"
"normal": "bg-neutral-700"
}
} }
], ],
// Icon only links // Icon only links

12
config.json
View File

@ -35,24 +35,18 @@
"title": "Git", "title": "Git",
"url": "https://git.fascinated.cc", "url": "https://git.fascinated.cc",
"icon": "fab fa-git-alt", "icon": "fab fa-git-alt",
"color": { "color": "bg-green-700"
"normal": "bg-green-700"
}
}, },
{ {
"title": "Twitch", "title": "Twitch",
"url": "https://twitch.tv/fascinated_", "url": "https://twitch.tv/fascinated_",
"icon": "fab fa-twitch", "icon": "fab fa-twitch",
"color": { "color": "bg-[#6441a5]"
"normal": "bg-[#6441a5]"
}
}, },
{ {
"title": "Documentation", "title": "Documentation",
"url": "https://docs.fascinated.cc", "url": "https://docs.fascinated.cc",
"color": { "color": "bg-neutral-700"
"normal": "bg-neutral-700"
}
} }
], ],
"socialLinks": [ "socialLinks": [

4
src/app/page.tsx
View File

@ -96,6 +96,8 @@ export default function Home() {
{links && {links &&
links.map((link, index) => { links.map((link, index) => {
const icons: any = link.icon?.split(" ") ?? []; const icons: any = link.icon?.split(" ") ?? [];
const legacyColor: any = link.color; // Here so old configs don't break
const color = link.color || legacyColor.normal;
return ( return (
<a <a
@ -104,7 +106,7 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded
${selectedTheme.buttonTextColor} ${link.color.normal} hover:brightness-75 transition gap-2`} ${selectedTheme.buttonTextColor} ${color} hover:brightness-75 transition gap-2`}
> >
{link.icon && <FontAwesomeIcon icon={icons} />} {link.icon && <FontAwesomeIcon icon={icons} />}
<p>{link.title}</p> <p>{link.title}</p>