From 873e0766f31dd427f52f0d51477ec71173eed5fa Mon Sep 17 00:00:00 2001 From: Jan Tuomi Date: Wed, 11 Oct 2023 22:43:16 +0300 Subject: Rewrite in htmx + flask --- components/Social/Social.module.css | 21 ----------------- components/Social/Social.tsx | 45 ------------------------------------- 2 files changed, 66 deletions(-) delete mode 100644 components/Social/Social.module.css delete mode 100644 components/Social/Social.tsx (limited to 'components/Social') diff --git a/components/Social/Social.module.css b/components/Social/Social.module.css deleted file mode 100644 index ad0728a..0000000 --- a/components/Social/Social.module.css +++ /dev/null @@ -1,21 +0,0 @@ -.social { - display: flex; - flex-flow: row nowrap; - justify-content: center; - align-items: center; - margin: 0 1rem; - width: 45px; - height: 45px; -} - -.social img { - width: 40px; - height: 40px; - transition: transform 0.1s; -} - -.social:hover img, -.social:active img, -.social:focus img { - transform: scale(1.1); -} diff --git a/components/Social/Social.tsx b/components/Social/Social.tsx deleted file mode 100644 index f663f6e..0000000 --- a/components/Social/Social.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import styles from "./Social.module.css"; - -export type SocialType = "telegram" | "linkedin" | "github"; - -interface Props { - type: SocialType; -} - -interface TypeItem { - alt: string; - src: string; - href: string; -} - -const typeMap: Record = { - telegram: { - alt: "Telegram", - src: "/social/telegram.svg", - href: "https://t.me/kal_jan", - }, - linkedin: { - alt: "LinkedIn", - src: "/social/linkedin.svg", - href: "https://www.linkedin.com/in/jantuomi/", - }, - github: { - alt: "GitHub", - src: "/social/github.svg", - href: "http://github.com/jantuomi" - }, -}; - -const Social = ({ type }: Props): JSX.Element => { - const typeItem = typeMap[type]; - - return ( - - {typeItem.alt} - - ); -}; - - - -export default Social; -- cgit v1.3