Rewrite in htmx + flask

4 files changed, 0 insertions, 106 deletions

diff --git a/components/Box/Box.module.css b/components/Box/Box.module.css
deleted file mode 100644
index f6234ff..0000000
--- a/components/Box/Box.module.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.box {
-    padding: 1rem 1rem;
-    width: 100%;
-    color: #333;
-    background-color: #eee;
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.box:hover,
-.box:active,
-.box:focus {
-    font-weight: bold;
-    background-color: #ddd;
-}
-
-.arrow {
-    font-size: 24px;
-    line-height: 20px;
-}
\ No newline at end of file
diff --git a/components/Box/Box.tsx b/components/Box/Box.tsx
deleted file mode 100644
index 8e463e5..0000000
--- a/components/Box/Box.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Link from "next/link";
-import styles from "./Box.module.css";
-
-export interface Props {
-    href: string;
-    text: string;
-}
-
-const Box = ({ text, href }: Props): JSX.Element => (
-    <Link href={href}>
-        <a className={styles.box}>
-            <span>{text}</span>
-            <span className={styles.arrow}>→</span>
-        </a>
-    </Link>
-);
-
-export default Box;
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<SocialType, TypeItem> = {
-    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 (
-        <a className={styles.social} target="blank" rel="noopener noreferrer" href={typeItem.href}>
-            <img src={typeItem.src} alt={typeItem.alt} />
-        </a>
-    );
-};
-
-
-
-export default Social;