diff --git a/app/components/ContactButton.tsx b/app/components/ContactButton.tsx index 2784aaa..09ca93e 100755 --- a/app/components/ContactButton.tsx +++ b/app/components/ContactButton.tsx @@ -43,7 +43,7 @@ const ContactButton: React.FC = ({platform, title, descripti } return ( -
+

{ title }

diff --git a/app/components/ContactIcons.tsx b/app/components/ContactIcons.tsx index 9cecef6..01fe906 100755 --- a/app/components/ContactIcons.tsx +++ b/app/components/ContactIcons.tsx @@ -1,10 +1,10 @@ import * as icons from 'simple-icons'; +import FediverseIcon from './Extra/Fediverse'; import PixelfedIcon from './Extra/Pixelfed'; -import Image from 'next/image'; let ContactIcons = () => { return ( -

    +
    • { className="w-7 h-7 transition ease-in-out delay-60 opacity-60 hover:opacity-100 hover:scale-105 duration-300" style={ {['width']: '35px', ['height']: '35px', ['fill']: 'white', ['display']: 'inline-block'} - } - dangerouslySetInnerHTML={{ __html: icons.siActivitypub.svg }}> - - -
    • -
    • - - + }> +
    • diff --git a/app/components/Extra/Fediverse.tsx b/app/components/Extra/Fediverse.tsx new file mode 100644 index 0000000..76591d9 --- /dev/null +++ b/app/components/Extra/Fediverse.tsx @@ -0,0 +1,18 @@ +// Fediverse.tsx +import React from "react"; + +let FediverseIcon = () => { + return ( + + + + ); +} + +export default FediverseIcon; +/* + +Pixelfed + + +*/ \ No newline at end of file diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx index 635b59c..9db3518 100755 --- a/app/components/Navbar.tsx +++ b/app/components/Navbar.tsx @@ -30,7 +30,7 @@ const Navbar = () => { ]; return ( -
      +
        {links.map(({ id, text, link }) => (
      • = ({ images }) => { return ( -
        +
        {images.map((item: ImageItem[], index: number) => (
        {item.map((image: ImageItem, idx: number) => ( diff --git a/app/layout.tsx b/app/layout.tsx index 150bb48..c18dcc6 100755 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -19,8 +19,8 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - - + + {children}