diff --git a/README.md b/README.md index ac8341c..9f19ed0 100644 --- a/README.md +++ b/README.md @@ -9,11 +9,17 @@ Here is a list of documentation to help you get started: - [Lucide](https://lucide.dev/icons/) - Icons library - [Next-intl](https://next-intl-docs.vercel.app/) - Internationalization library +## Icons + +- When using custom icons that are not provided by lucide, make sure to add them as SVGs to the `components/assets/icons` folder. This improves performance since the icons are handled as vectors and not as images. + ## Quirks to keep in mind - When you want to link to a new internal page use the `` component from `@/lib/navigation` instead of the normal anchortag ``. This will ensure that the page is loaded with the correct locale. If you want to link to external resources or other media, use the built-in `` component from Next.js. Remember to add `prefetch={false}` to the `` component if the page is not visited often. -## Developmen` +## Development setup + +Make sure you have Node.js installed on your machine. If you don't have it, you can download it [here](https://nodejs.org/en/download/). First, install dependencies: diff --git a/messages/en.json b/messages/en.json index b90a833..85af89d 100644 --- a/messages/en.json +++ b/messages/en.json @@ -14,6 +14,7 @@ "system": "System", "profile": "Profile", "signIn": "Sign in", - "links": "Links" + "links": "Links", + "socialMedia": "Social media" } } diff --git a/messages/no.json b/messages/no.json index 416417f..eddfb11 100644 --- a/messages/no.json +++ b/messages/no.json @@ -14,6 +14,7 @@ "system": "System", "profile": "Profil", "signIn": "Logg inn", - "links": "Lenker" + "links": "Lenker", + "socialMedia": "Sosiale medier" } } diff --git a/src/components/assets/icons/Facebook.tsx b/src/components/assets/icons/Facebook.tsx new file mode 100644 index 0000000..9e532ca --- /dev/null +++ b/src/components/assets/icons/Facebook.tsx @@ -0,0 +1,22 @@ +function Facebook({ className, ...rest }: { className?: string }) { + return ( + + ); +} + +export { Facebook }; diff --git a/src/components/assets/icons/Github.tsx b/src/components/assets/icons/Github.tsx new file mode 100644 index 0000000..456f705 --- /dev/null +++ b/src/components/assets/icons/Github.tsx @@ -0,0 +1,23 @@ +function Github({ className, ...rest }: { className?: string }) { + return ( + + ); +} + +export { Github }; diff --git a/src/components/assets/icons/Instagram.tsx b/src/components/assets/icons/Instagram.tsx new file mode 100644 index 0000000..7a5c5c3 --- /dev/null +++ b/src/components/assets/icons/Instagram.tsx @@ -0,0 +1,24 @@ +function Instagram({ className, ...rest }: { className?: string }) { + return ( + + ); +} + +export { Instagram }; diff --git a/src/components/assets/icons/Slack.tsx b/src/components/assets/icons/Slack.tsx new file mode 100644 index 0000000..0e8a519 --- /dev/null +++ b/src/components/assets/icons/Slack.tsx @@ -0,0 +1,29 @@ +function Slack({ className, ...rest }: { className?: string }) { + return ( + + ); +} + +export { Slack }; diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index 65ec06a..64f8d91 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -51,6 +51,17 @@ function Footer() { +
+

{t('socialMedia')}

+ +