diff --git a/content/profile/minhankyaw.mdx b/content/profile/minhankyaw.mdx new file mode 100644 index 0000000..cdf853f --- /dev/null +++ b/content/profile/minhankyaw.mdx @@ -0,0 +1,20 @@ +--- +name: Min Han Kyaw +description: A Software Engineer who love Tech. +image: "https://avatars.githubusercontent.com/u/90894979?s=400&u=52f3d0baa76b5b547ba68a11a0eec071a1b6487c&v=4" +tags: + - Python + - Node.js + - PHP + - Flutter + - React + - C# + - AWS +--- + +import MinHanKyaw from "@/components/Contributors/MinHanKyaw/MinHanKyaw"; + +
+ +
+{/* */} \ No newline at end of file diff --git a/src/components/Contributors/MinHanKyaw/MinHanKyaw.jsx b/src/components/Contributors/MinHanKyaw/MinHanKyaw.jsx new file mode 100644 index 0000000..a9f13cb --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/MinHanKyaw.jsx @@ -0,0 +1,24 @@ +import TimelineHeader from './timelineHeader'; +import Intro from './intro'; +import Photos from './photos'; +import CreatePost from './createPost'; +import MainPost from './mainPost'; + +export default function MinHanKyaw() { + return ( +
+ + +
+
+ + +
+
+ + +
+
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/createPost.jsx b/src/components/Contributors/MinHanKyaw/createPost.jsx new file mode 100644 index 0000000..7482ea7 --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/createPost.jsx @@ -0,0 +1,45 @@ +// import Image from '../icons/image'; +// import Feeling from '../icons/feeling'; +// import Tag from '../icons/tag'; +import { Image,Feeling,Tag } from "./icons"; + +export default function CreatePost() { + return ( +
+
+
+ img + +
+ {/*
*/} +
+ + + +
+
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/dialog.jsx b/src/components/Contributors/MinHanKyaw/dialog.jsx new file mode 100644 index 0000000..cfff7e4 --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/dialog.jsx @@ -0,0 +1,72 @@ +// import { FaFacebook, FaLinkedin } from 'react-icons/fa'; + +export function PhoneDialog({ isOpen, onClose }) { + if (!isOpen) return null; + + return ( +
+
+
+ Call me maybe 🤙🏻 + ( ဘီယာတိုက်ရမှာနော် 😆 ) +
+ + +
+959 965 887 7879
+
+ +
+
+
+ ); +} + + +export function MailDialog({ isOpen, onClose }) { + if (!isOpen) return null; + + return ( +
+
+
somethingiswrongwithmyspacebar
+
minhankyaw.mh@gmail.com
+
+ +
+
+
+ ); +} + +export function MoreDialog({ isOpen, onClose }) { + if (!isOpen) return null; + + return ( +
+
+
ဘာညာ အာချောင်ချင်ရင် 😎
+
+ + + + + + + + + + +
+
+ +
+
+
+ ); +} \ No newline at end of file diff --git a/src/components/Contributors/MinHanKyaw/icons.jsx b/src/components/Contributors/MinHanKyaw/icons.jsx new file mode 100644 index 0000000..741e879 --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/icons.jsx @@ -0,0 +1,131 @@ +export function Phone() { + return ( + + + + ); +} + +export function DownArrow(props) { + return ( + + + + ); +} + + +export function Friend() { + return ( + // + + + + + + + ) +} + + +export function More() { + return ( + + ) +} + + +export function Bell() { + return ( + ) +} + + +export function Image() { + return ( + + ) +} + + +export function Feeling() { + return ( + + ) +} + + +export function Tag() { + return ( + + ) +} + + +export function SuitCase() { + return ( + + ) +} + + +export function Pin() { + return ( + + ) +} + + +export function HomeAlt() { + return ( + + ) +} + + +export function Hat() { + return ( + + ) +} + + +export function Like() { + return ( + // + + + + + ) +} + + +export function CommentButton() { + return ( + + ) +} + + +export function Filter() { + return ( + + ) +} + +export function FacebookIcon(props) { + return ( + + + + ); +} + +export function LinkedInIcon(props) { + return ( + + + + ); + } \ No newline at end of file diff --git a/src/components/Contributors/MinHanKyaw/intro.jsx b/src/components/Contributors/MinHanKyaw/intro.jsx new file mode 100644 index 0000000..1e5405e --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/intro.jsx @@ -0,0 +1,32 @@ + +import { SuitCase, Pin, HomeAlt, Hat } from "./icons"; + +export default function Intro() { + return ( +
+
Intro
+
+
+
+ Software Engineer at TASTYSOT Software CO., Ltd +
+
+
+
+
Studies at University of the People
+
+
+
+
+ Lives in Mandalay{' '} +
+
+
+
+
+ From Mogok{' '} +
+
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/mainPost.jsx b/src/components/Contributors/MinHanKyaw/mainPost.jsx new file mode 100644 index 0000000..8e97b17 --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/mainPost.jsx @@ -0,0 +1,62 @@ +import { More,Like,CommentButton } from "./icons"; + +export default function MainPost() { + return ( +
+
+
+
+ img +
+ Min Han Kyaw{' '} + + {/* Min Han Kyaw{' '} */} + + was with{' '} + + ဇူကာဘတ်{' '} +
+ + {' '} + November 05, 2023{' '} + +
+
+ +
+
+ My Everday life as a Software Engineer :3 +
+ photo +
+
1.5k Loves
+
1.5k Comments
+
+
+
+ + +
+ +
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/photos.jsx b/src/components/Contributors/MinHanKyaw/photos.jsx new file mode 100644 index 0000000..577f5bd --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/photos.jsx @@ -0,0 +1,22 @@ +export default function Photos() { + return ( +
+
+
Photos
+ +
+
+ photo +
+ photo + +
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/posts.jsx b/src/components/Contributors/MinHanKyaw/posts.jsx new file mode 100644 index 0000000..d7246ba --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/posts.jsx @@ -0,0 +1,16 @@ +import Filter from "./icons"; + +export default function Posts() { + return ( +
+
+
+
Posts
+ +
+
+
+ ); +} diff --git a/src/components/Contributors/MinHanKyaw/timelineHeader.jsx b/src/components/Contributors/MinHanKyaw/timelineHeader.jsx new file mode 100644 index 0000000..d14f6ba --- /dev/null +++ b/src/components/Contributors/MinHanKyaw/timelineHeader.jsx @@ -0,0 +1,99 @@ +import { Phone, DownArrow, Friend,More } from "./icons"; +import { PhoneDialog,MailDialog,MoreDialog } from './dialog'; +import React, { useState } from 'react'; + +export default function TimelineHeader() { + const [isPhoneDialogOpen, setIsPhoneDialogOpen] = useState(false); + const [isMailDialogOpen, setIsMailDialogOpen] = useState(false); + const [isMoreDialogOpen, setIsMoreDialogOpen] = useState(false); + + const handlePhoneClick = () => { + setIsPhoneDialogOpen(true); + }; + + const handleClosePhoneDialog = () => { + setIsPhoneDialogOpen(false); + }; + + const handleMailClick = () => { + setIsMailDialogOpen(true); + }; + + const handleCloseMailDialog = () => { + setIsMailDialogOpen(false); + }; + + const handleMoreClick = () => { + setIsMoreDialogOpen(true); + }; + + const handleCloseMoreDialog = () => { + setIsMoreDialogOpen(false); + }; + return ( +
+
+ cover +
+ profile +
+
+
+ Min Han Kyaw +
+ +
+
+
+
+ Posts +
+
+ Friends 606 +
+
Photos
+
Videos
+
Check-Ins
+
+ More + + + +
+
+
+ + + + + + + +
+
+
+ ); +} diff --git a/src/styles/globals.scss b/src/styles/globals.scss index a73ed5f..bf2a446 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -2,13 +2,13 @@ @tailwind components; @tailwind utilities; -.mse-gradient { - background: linear-gradient( - 145deg, - rgb(0, 32, 95) 2.8%, - rgb(132, 53, 142) 80.8% - ); -} +// .mse-gradient { +// background: linear-gradient( +// 145deg, +// rgb(0, 32, 95) 2.8%, +// rgb(132, 53, 142) 80.8% +// ); +// } // Profile scss @@ -17,4 +17,4 @@ @import "profiles/aungmyatmoe"; @import "profiles/aungkoko"; @import "profiles/peter"; -@import "profiles/jiro" +@import "profiles/jiro";