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

Compare commits

merge into: Fascinated:renovate/sharp-0.x-lockfile
Branches Tags
Fascinated:master
Fascinated:renovate/postcss-8.x-lockfile
Fascinated:renovate/typescript-5.x-lockfile
Fascinated:renovate/node-20.x-lockfile
Fascinated:renovate/react-monorepo
Fascinated:renovate/tailwindcss-3.x-lockfile
Fascinated:renovate/sharp-0.x-lockfile
Fascinated:renovate/autoprefixer-10.x-lockfile
Fascinated:renovate/eslint-8.x-lockfile
Fascinated:renovate/actions-cache-4.x
Fascinated:renovate/major-nextjs-monorepo
Fascinated:development
...
pull from: Fascinated:master
Branches Tags
Fascinated:master
Fascinated:renovate/postcss-8.x-lockfile
Fascinated:renovate/typescript-5.x-lockfile
Fascinated:renovate/node-20.x-lockfile
Fascinated:renovate/react-monorepo
Fascinated:renovate/tailwindcss-3.x-lockfile
Fascinated:renovate/sharp-0.x-lockfile
Fascinated:renovate/autoprefixer-10.x-lockfile
Fascinated:renovate/eslint-8.x-lockfile
Fascinated:renovate/actions-cache-4.x
Fascinated:renovate/major-nextjs-monorepo
Fascinated:development

2 Commits
renovate/s ... master

Author SHA1 Message Date
Liam
81e19866ff update all depends
All checks were successful
Publish Docker Image / docker (push) Successful in 1m49s
Details
2024-08-29 22:50:10 +01:00
Liam
42f631da08 fix background image
All checks were successful
Publish Docker Image / docker (push) Successful in 2m27s
Details
2024-08-29 22:45:47 +01:00
6 changed files with 690 additions and 8532 deletions
Show Stats Expand all files Collapse all files

8012
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
package.json
View File

@ -10,26 +10,26 @@
"update-depends": "npm-check -u" "update-depends": "npm-check -u"
}, },
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.4.2", "@fortawesome/fontawesome-svg-core": "^6.6.0",
"@fortawesome/free-brands-svg-icons": "^6.4.2", "@fortawesome/free-brands-svg-icons": "^6.6.0",
"@fortawesome/free-regular-svg-icons": "^6.4.2", "@fortawesome/free-regular-svg-icons": "^6.6.0",
"@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.6.0",
"@fortawesome/react-fontawesome": "^0.2.0", "@fortawesome/react-fontawesome": "^0.2.2",
"@types/node": "^20.8.6", "@types/node": "^22.5.1",
"@types/react": "^18.2.28", "@types/react": "^18.3.4",
"@types/react-dom": "^18.2.13", "@types/react-dom": "^18.3.0",
"autoprefixer": "^10.4.16", "autoprefixer": "^10.4.20",
"eslint": "^8.51.0", "eslint": "^9.9.1",
"eslint-config-next": "^13.5.4", "eslint-config-next": "^14.2.7",
"next": "^13.5.4", "next": "^14.2.7",
"next-plugin-yaml": "^1.0.1", "next-plugin-yaml": "^1.0.1",
"npm-check": "^6.0.1", "npm-check": "^6.0.1",
"postcss": "^8.4.31", "postcss": "^8.4.41",
"react": "18.2.0", "react": "18.3.1",
"react-dom": "18.2.0", "react-dom": "18.3.1",
"sharp": "^0.33.0", "sharp": "^0.33.5",
"tailwindcss": "^3.3.3", "tailwindcss": "^3.4.10",
"typescript": "^5.2.2", "typescript": "^5.5.4",
"use-lanyard": "^1.4.4" "use-lanyard": "^1.5.2"
} }
} }

4
src/app/components/Avatar.tsx
View File

@ -5,7 +5,7 @@ import Image from "next/image";
import { Fragment } from "react"; import { Fragment } from "react";
import { useLanyardWS } from "use-lanyard"; import { useLanyardWS } from "use-lanyard";
const Config: Config = require("../../../config.yml") as any; const config: Config = require("../../../config.yml") as any;
function LanyardWrapper(props: { children: any }) { function LanyardWrapper(props: { children: any }) {
return <Fragment>{props.children}</Fragment>; return <Fragment>{props.children}</Fragment>;
@ -13,7 +13,7 @@ function LanyardWrapper(props: { children: any }) {
export default function Avatar(props: any) { export default function Avatar(props: any) {
const { avatar } = props; const { avatar } = props;
const { discord }: any = Config; const { discord }: any = config;
return ( return (
<div className="relative inline-block"> <div className="relative inline-block">

15
src/app/layout.tsx
View File

@ -1,21 +1,18 @@
import { Config } from "@/src/types/config"; import { Config } from "@/src/types/config";
import { config } from "@fortawesome/fontawesome-svg-core"; import { config as fontAwesomeConfig } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css"; import "@fortawesome/fontawesome-svg-core/styles.css";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ReactNode } from "react";
const Config: Config = require("../../config.yml") as any; const config: Config = require("../../config.yml") as any;
config.autoAddCss = false; fontAwesomeConfig.autoAddCss = false;
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
export const metadata = Config.metadata; // Site metadata from the config export const metadata = config.metadata; // Site metadata from the config
export default function RootLayout({ export default function RootLayout({ children }: { children: ReactNode }) {
children,
}: {
children: React.ReactNode;
}) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children}</body> <body className={inter.className}>{children}</body>

31
src/app/page.tsx
View File

@ -8,7 +8,7 @@ import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import Avatar from "./components/Avatar"; import Avatar from "./components/Avatar";
const Config: Config = require("../../config.yml") as any; const config: Config = require("../../config.yml") as any;
library.add(fab, far, fas); // Loading in the icons from FontAwesome library.add(fab, far, fas); // Loading in the icons from FontAwesome
@ -23,7 +23,7 @@ export default function Home() {
options, options,
description, description,
theme, theme,
} = Config; // All of the settings pulled from the config file } = config; // All the settings pulled from the config file
// Theme colors to use when using the selected theme // Theme colors to use when using the selected theme
// all used colors are from TailwindCSS // all used colors are from TailwindCSS
@ -54,32 +54,23 @@ export default function Home() {
const selectedTheme = themeColors[theme] || themeColors.dark; // The theme to use (fallback of dark) const selectedTheme = themeColors[theme] || themeColors.dark; // The theme to use (fallback of dark)
return ( return (
<> <div className={"relative"}>
<main
className={`flex flex-col items-center justify-center w-screen h-screen ${selectedTheme.backgroundColor} ${selectedTheme.textColor}`}
>
{/* Background Image */} {/* Background Image */}
{background.showBackground && background.backgroundImage && ( {background.showBackground && background.backgroundImage && (
<Image // eslint-disable-next-line @next/next/no-img-element
<img
alt="Background image" alt="Background image"
src={background.backgroundImage} src={background.backgroundImage}
fill={true} className={`absolute z-0 object-cover w-full h-full ${background.blur && "blur-sm"} brightness-${background.darken.enabled && background.darken.amount / 2}`}
style={{
zIndex: 0,
filter: `${background.blur && "blur(4px)"} brightness(${
background.darken.enabled && background.darken.amount / 2
})`,
}}
/> />
)} )}
<main
className={`flex flex-col items-center justify-center w-screen h-screen ${selectedTheme.backgroundColor} ${selectedTheme.textColor}`}
>
{/* Info Card */} {/* Info Card */}
<div <div
className={`${ className={`${infoCard.transparency != 0 && `${selectedTheme.infoCardColor} shadow-lg rounded-lg`} text-center`}
infoCard.transparency != 0
? `${selectedTheme.infoCardColor} shadow-lg rounded-lg`
: ``
} text-center`}
style={{ style={{
zIndex: 1, zIndex: 1,
opacity: infoCard.transparency != 0 ? infoCard.transparency : 1, opacity: infoCard.transparency != 0 ? infoCard.transparency : 1,
@ -184,6 +175,6 @@ export default function Home() {
)} )}
</div> </div>
</main> </main>
</> </div>
); );
} }

1114
yarn.lock
View File

File diff suppressed because it is too large Load Diff