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.

Sign up for GitHub

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

More Information + Styling #152

Closed
wants to merge 2 commits into from
Closed

More Information + Styling #152

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1af4fa0
:lipstick: style(profile): updating my profile
jironemo Nov 2, 2023
31079e5
Merge branch 'myanmar-software-engineers:main' into main
jironemo Nov 2, 2023
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
57 changes: 53 additions & 4 deletions content/profile/aungkhaingkhant.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,64 @@ tags:
- Frontend
- Backend
- RDBMS
- NoSQL
---

<div className = "jiro flex flex-col content-center items-center">
<img src= "https://avatars.githubusercontent.com/u/55285418?v=4" className="profile"/>
<div className = "desc">
<p>Passionate Java Developer</p>
<p>Loves to learn.</p>
<p>I write mediocre code while acting like I know what I'm doing</p>
<div className = "flex flex-col content-center items-center text-center personal-detail">
<p>Hi, I am <span className="name">Aung Khaing Khant</span></p>
<p>-- Son, Khit's Boyfriend, Software Developer, Coffee Addict. --</p>
</div>
<div className="quote">
<p>I write mediocre code pretending I know what I'm doing</p>
</div>
<div className="flex flex-row flex-wrap">
<div className = "flex flex-col content-center items-center desc">
<h4>Current Title</h4>
<p>Senior Java Developer</p>
</div>
<div className = "flex flex-col content-top items-center text-center desc">
<h4>Current Tech Stack</h4>
<p>Java, Angular, MySQL, Linux Servers</p>
</div>
</div>
<div className="detail flex flex-row flex-wrap about content-center items-center">
I am currently writing RESTful APIs in Java using the Spring Framework, and consuming them from Angular.
As a senior developer, I also take part in system design decisions and stakeholder management.
Projects I am currently responsible for include:
{<ul>
<li>e-Library Front-end & Admin Panel </li>
<li>e-Payment Integration (Visa, Master, MPU, e-Money) </li>
<li>News & Media Portal implementing Liferay CMS</li>
</ul>}
</div>
<div className = "info familiar text-center">
<h4>Familiar With</h4>
<div className= "flex flex-wrap justify-center items-center badge-container gap-4">
<p > RESTful API Development</p>
<p>Spring Boot</p>
<p>Angular</p>
<p>Software Development Lifecycle</p>
<p>Liferay CMS</p>
<p> Python</p>
<p> SQL</p>
<p> NoSQL</p>
<p> Linux </p>
</div>
</div>
<div className = "info text-center">
<h4>Interested In</h4>
<div className= "flex flex-wrap justify-center items-center badge-container gap-4">
<p> JavaScript</p>
<p> Software Engineering </p>
<p> Java </p>
<p> Cloud Technologies </p>
<p> DevOps </p>
<p> DevSecOps </p>
</div>
</div>

<div className = "flex flex-row content-center">
<a href="https://www.github.com/jironemo/" target= "_blank" className = "flex flex-row content-center items-center"> <img className = "icon" src="https://cdn-icons-png.flaticon.com/512/25/25231.png"/></a>
<a href="https://www.facebook.com/jiro.dev/" className = "flex flex-row content-center items-center"> <img className = "icon" src="https://upload.wikimedia.org/wikipedia/commons/6/6c/Facebook_Logo_2023.png"/></a>
Expand Down
127 changes: 112 additions & 15 deletions src/styles/profiles/_jiro.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,116 @@
.profile{
border-radius: 50%;
height:200px;
width:200px;
}
.jiro{

.desc{
color:#31cd31;
border-radius: 40px;
border-bottom:5px solid rgb(115, 151, 171);
background: linear-gradient(
to right, #c1b9b9,#36339b63,#3408a4b1
);
padding:20px;
margin-top:20px;
}
.profile{
border-radius: 50%;
height:200px;
width:200px;
}

@keyframes quoteshadow {
0% {
color: white;
}
50%{
color: #14b8a7;

}

100%{
color: white;
}
}

.desc{
border-radius: 10px;
background-color: #14b8a7;
margin:20px;
width:300px;

}


.info{
width:50%;
padding-bottom:20px;
margin-bottom:20px;
border-radius: 10px;
background-color: #1b158a;
}
.familiar{
background-color: #3120a1!important;
}
.icon{
height:50px;
width:50px;
margin:10px 10px;
}

h4{
text-align: center;
background-color: #00087d;
width: 100%;
padding:10px;
margin:0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-weight: bolder;
}

.desc p{
margin:20px;
}

.personal-detail{
margin-top: 20px;
}
.badge-container{
padding:20px;
padding-bottom:0px;
}
.quote {
font-weight: bolder;
padding:20px;
margin:10px;

.icon{
height:30px;
width:30px;
margin:10px 10px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
animation-name: quoteshadow;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.name{
font-size: 20px;
font-weight:900;
color:#14b8a7
}
.detail{
width:75%;
margin:20px;
padding-left: 20px !important;
padding-right: 20px !important;
border-left:white dashed 2px;
border-right:white dashed 2px;

}
.badge-container > p{
padding:5px 10px;
border:0.5px solid white;
border-radius:5px;
background-color: transparent;
color:bisque;
}

.badge-container > p:hover{
background-color: white;
color:rgb(44, 44, 139);
font-weight: bold;
cursor: pointer;
}
.about{
margin:40px;
}
}
Loading