Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🔥 build(profile): add minhankyaw profile #161

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions content/profile/minhankyaw.mdx
Original file line number Diff line number Diff line change
@@ -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";

<div style={{ fontFamily: 'Helvetica Neue, sans-serif', background: '#fafafa' }}>
<MinHanKyaw />
</div>
{/* */}
24 changes: 24 additions & 0 deletions src/components/Contributors/MinHanKyaw/MinHanKyaw.jsx
Original file line number Diff line number Diff line change
@@ -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 (
<div className="antialiased">
<TimelineHeader />

<div className="bg-gray-200 bg-opacity-80 px-52 grid grid-cols-12 pt-4 gap-4 z-0 pb-56">
<div className="col-span-5 col-start-1 row-start-1 space-y-4">
<Intro />
<Photos />
</div>
<div className="flex-row row-start-1 col-span-7 col-start-6 space-y-4">
<CreatePost />
<MainPost />
</div>
</div>
</div>
);
}
45 changes: 45 additions & 0 deletions src/components/Contributors/MinHanKyaw/createPost.jsx
Original file line number Diff line number Diff line change
@@ -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 (
<div>
<div className="w-full rounded-lg bg-white p-4">
<div className="flex space-x-2">
<img
src="https://drive.google.com/uc?export=view&id=1N1-Wu9SeVi5Mscl3elGopCnLDq3j_dNZ"
alt="img"
className="h-10 w-10 rounded-full object-cover"
/>
<input
className="bg-gray-200 bg-opacity-80 px-4 py-3 w-full focus:outline-none rounded-full"
placeholder="Write something to ko kyaw gyi ..."
/>
</div>
{/* <div className="border border-fGray border-opacity-10 mt-4" /> */}
<div className="flex justify-between">
<button className="flex justify-center items-center w-1/3 focus:outline-none mt-4 py-2">
<Image />
<div className="text-gray-500 text-sm ml-2">
Photo/Video
</div>
</button>
<button className="flex justify-center items-center w-1/3 focus:outline-none mt-4 py-2">
<Tag />
<div className="text-gray-500 text-sm ml-2">
Tag Friends
</div>
</button>
<button className="flex justify-center items-center w-1/3 focus:outline-none mt-4 py-2">
<Feeling />
<div className="text-gray-500 text-sm ml-2">
Feelling/Activity
</div>
</button>
</div>
</div>
</div>
);
}
72 changes: 72 additions & 0 deletions src/components/Contributors/MinHanKyaw/dialog.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
// import { FaFacebook, FaLinkedin } from 'react-icons/fa';

export function PhoneDialog({ isOpen, onClose }) {
if (!isOpen) return null;

return (
<div className="fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black bg-opacity-75">
<div className="bg-white p-4 rounded-lg shadow-md">
<div className="text-xl mb-4 text-black flex items-center justify-between">
Call me maybe 🤙🏻
<span className="text-xs text-gray-500"> ( ဘီယာတိုက်ရမှာနော် 😆 )</span>
</div>


<div className="text-sm mb-4 flex justify-end text-black">+959 965 887 7879</div>
<div className="flex justify-end">
<button className="bg-blue-500 text-white px-4 py-2 rounded-lg" onClick={onClose}>
Okay Pr -_-
</button>
</div>
</div>
</div>
);
}


export function MailDialog({ isOpen, onClose }) {
if (!isOpen) return null;

return (
<div className="fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black bg-opacity-75">
<div className="bg-white p-4 rounded-lg shadow-md">
<div className="text-xl mb-4 text-black"> somethingiswrongwithmyspacebar </div>
<div className="text-sm mb-4 flex justify-end text-black">[email protected]</div>
<div className="flex justify-end">
<button className="bg-blue-500 text-white px-4 py-2 rounded-lg" onClick={onClose}>
ar ar yr yr -_-
</button>
</div>
</div>
</div>
);
}

export function MoreDialog({ isOpen, onClose }) {
if (!isOpen) return null;

return (
<div className="fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black bg-opacity-75">
<div className="bg-white p-4 rounded-lg shadow-md text-center">
<div className="text-lg mb-4 text-black">ဘာညာ အာချောင်ချင်ရင် 😎</div>
<div className="flex justify-center mb-4">
<a className="bg-blue-500 w-12 h-9 rounded-lg m-2 flex items-center justify-center" href="https://www.facebook.com/novaroption/" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="18" height="18">
<path d="M12 0C5.373 0 0 5.373 0 12c0 6.626 5.373 12 12 12 6.627 0 12-5.374 12-12 0-6.627-5.373-12-12-12zm5.648 6.51h-3.388c-.68 0-1.235.554-1.235 1.235v3.39h2.488l-.646 2.595H12.34v6.87H8.965v-6.87H6.122V9.34h2.843V6.175C8.965 3.095 10.573 1.41 13.658 1.41c.782 0 1.466.062 1.648.09v2.01z"/>
</svg>
</a>
<a className="bg-blue-500 w-12 h-9 rounded-lg m-2 flex items-center justify-center" href="https://www.linkedin.com/in/min-han-kyaw-2a1455189/" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="18" height="18">
<path d="M3.862 18H.275V5.976h3.587V18zM2.068 4.727C.926 4.727 0 3.8 0 2.664s.926-2.063 2.068-2.063 2.068.927 2.068 2.063c0 1.137-.927 2.063-2.068 2.063zM18 18h-3.588v-5.404c0-1.288-.025-2.942-1.788-2.942-1.789 0-2.063 1.398-2.063 2.91V18H7.517V5.976h3.587v1.51h.05c.5-.948 1.72-1.946 3.542-1.946C16.139 5.54 18 7.607 18 11.067V18z"/>
</svg>
</a>
</div>
<div className="flex justify-end">
<button className="bg-blue-500 text-white px-4 py-2 rounded-lg" onClick={onClose}>
‌အေးဆေးနေပါရစေ 🥲
</button>
</div>
</div>
</div>
);
}
Loading
Loading