-
Notifications
You must be signed in to change notification settings - Fork 219
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
🔥 build(profile): add nyeinminhtet profile (#136)
- Loading branch information
1 parent
26336e7
commit 1791258
Showing
4 changed files
with
145 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| --- | ||
| name: Nyein Min Htet | ||
| description: I'm trying to become a web developer. I think I'm not good at programming but I'm still doing. | ||
| image: "https://avatars.githubusercontent.com/u/95125660?v=4" | ||
| tags: | ||
| - Html | ||
| - Css | ||
| - JavaScript | ||
| - ReactJs | ||
| - NextJs | ||
| - NodeJs | ||
| --- | ||
|
|
||
| import Nyeinminhtet from "@/components/Contributors/nyeinminhtet/Nyeinminhtet"; | ||
|
|
||
| <div className="grid grid-col-1 gap-3"> | ||
| <Nyeinminhtet /> | ||
| <div className="border border-gray-100 rounded-lg p-10 "> | ||
|
|
||
| ```typescript | ||
| const about_me: Person = { | ||
| name: "NyeinMinHtet", | ||
| relationship: "single", | ||
| hobby: ["playing football", "listening music", "reading"], | ||
| language: "JavaScript", | ||
| Framework: "ReactJs,NextJs", | ||
| }; | ||
|
|
||
| console.log( | ||
| `My name is ${about_me.name} and I'm learning ${about_me.Framework}. When I'm free I always ${about_me.hobby[1]}.` | ||
| ); | ||
| ``` | ||
|
|
||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| import React from "react"; | ||
| import { IoLogoFacebook, IoLogoGithub } from "react-icons/io5"; | ||
|
|
||
| import { motion } from "framer-motion"; | ||
|
|
||
| const Nyeinminhtet = () => { | ||
| return ( | ||
| <main className="flex gap-5"> | ||
| <div className="flex gap-2 font-semibold "> | ||
| <div className="flex items-end"> | ||
| <motion.h1 | ||
| animate={{ rotate: 360, color: "red" }} | ||
| transition={{ repeat: Infinity, duration: 2 }} | ||
| className="text-5xl" | ||
| > | ||
| N | ||
| </motion.h1> | ||
| <span className="text-3xl">yein</span> | ||
| </div> | ||
| <div className="flex items-center"> | ||
| <motion.h1 | ||
| animate={{ rotate: 360, color: "red" }} | ||
| transition={{ repeat: Infinity, duration: 2 }} | ||
| className="text-5xl" | ||
| > | ||
| M | ||
| </motion.h1> | ||
| <span className="text-3xl">in</span> | ||
| </div> | ||
|
|
||
| <div className="flex items-center"> | ||
| <motion.h1 | ||
| animate={{ rotate: 360, color: "red" }} | ||
| transition={{ repeat: Infinity, duration: 2 }} | ||
| className="text-5xl" | ||
| > | ||
| H | ||
| </motion.h1> | ||
| <span className="text-3xl">tet</span> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="flex flex-row gap-3"> | ||
| <a href="https://www.facebook.com/nminnhtet/" target="_blank"> | ||
| <IoLogoFacebook size={40} /> | ||
| </a> | ||
| <a href="https://github.com/nyeinminhtet" target="_blank"> | ||
| <IoLogoGithub size={40} /> | ||
| </a> | ||
| <a href="https://www.nyeinminhtet.com" target="_blank"> | ||
| <img | ||
| src="https://avatars.githubusercontent.com/u/95125660?v=4" | ||
| alt="portfolio_photo" | ||
| className=" w-10 h-10 rounded-full object-contain" | ||
| /> | ||
| </a> | ||
| </div> | ||
| </main> | ||
| ); | ||
| }; | ||
|
|
||
| export default Nyeinminhtet; |