---
title: H.-H. PENG (Hsins)
description: A Software Engineer from Taiwan 🇹🇼.
image: https://avatars.githubusercontent.com/u/26391143
author: Hsins
tags: Hsins
GA: 3325622910
---

<style>
.section__title {
font-weight: 700 !important;
font-family: 'Noto Serif TC', ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.section__title--hidden {
height: 0px;
width: 0px;
overflow: hidden;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
display: none;
}

.widget-intro__container {
display: flex;
flex-direction: column;
gap: 1.5em;
color: rgba(75, 85, 99, 1);
margin-top: 2em;
margin-bottom: 2em;

}

.widget-intro__title {
text-align: center;
}

.widget-intro__avatar {
width: 175px;
height: 175px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
transition-duration: 700ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.widget-intro__avatar:hover {
transform: translate(0, 0) rotate(360deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.widget-intro__avatar img {
border-radius: 100%;
}

.widget-intro__name {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
}

.widget-intro__name p {
color: rgb(17 24 39 / 1);
font-size: 1.85rem;
font-family: 'Noto Serif TC', ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
line-height: 1.75rem;
font-weight: 700;
margin-top: 1rem;
margin-bottom: 1rem;
}

.widget-intro__badges {
display: flex;
justify-content: left;
gap: 1rem;
}

.widget-intro__badges img {
opacity: 0.75;
transition-duration: 300ms;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.widget-intro__badges img:hover {
opacity: 1;
}

.widget-intro__description {
text-align: left;
}

.widget-intro__description p {
overflow-x: hidden;
word-break: break-all;
font-size: 1.625rem;
line-height: 1.625;
margin-bottom: 1rem;
text-wrap-style: pretty;
hyphens: auto;
}

.widget-intro__description em {
position: relative;
color: #b7ad2d;
background: linear-gradient(transparent 60%, rgba(255, 241, 34, .3) 0);
font-weight: 600;
padding: 0 3px 0 3px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}

.widget-intro__description em:hover {
color: #777015;
}

.icon-taiwan svg {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
cursor: pointer;
}

.icon-taiwan svg:hover {
transform: scale(150%);
}

@media (min-width: 768px) {
.widget-intro__container {
flex-direction: row;
}

.widget-intro__title {
width: 33.333333%;
}

.widget-intro__description {
width: 66.666667%;
margin: auto;
}
}
</style>

<!-- widget: intro -->
<h2 class="section__title--hidden">個人簡介</h2>

<section class="widget-intro__container">
<div class="widget-intro__title">
<div class="widget-intro__avatar">
<img src="https://avatars.githubusercontent.com/u/26391143" />
</div>
<div class="widget-intro__name">
<p>H.-H. PENG (Hsins)</p>
<span>Software Engineer</span>
</div>
</div>
<div class="widget-intro__description">
<p>Hello! I’m <strong>Hsins</strong>. A software engineer from Taiwan <span class="icon-taiwan"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#008000" version="1.1" width="16px" height="16px" viewBox="0 0 141 260">
<polygon points="138.849,24.063 133.389,14.317 124.214,12 119.199,9.905 112.913,2 101.611,4.19 91.103,13.111 75.103,18.508 68.881,25.968 61.706,41.524 49.58,52.127 43.706,63.619 16.246,110.508 7.326,134.794 6.468,150.286 2.151,163.016 9.484,179.968 14.214,201.016 26.246,214.762 37.389,223.302 46.151,243.429 46.532,253.556 56.278,258 59.96,224.254 69.865,202.762 78.5,195.682 97.262,164.921 112.914,102.373 112.659,93.651 129.294,62.762 128.373,34.095 "/>
</svg></span> who has a passion for learning new stuffs and sharing knowledge with others. Experienced in <em>DevOps</em>, <em>Cloud Computing</em>, <em>Web Development</em> and <em>Data Engineering</em>.</p>
<p>When I’m not in front of a screen, I’m probably playing the guitar, reading books, swimming, or clicking photos.</p>
<p>Feel free to contact me with following social links:</p>
<div class="widget-intro__badges">
<a title="GitHub" href="https://github.com/Hsins">
<img alt="GitHub" src="https://img.shields.io/badge/GitHub-%23.svg?style=for-the-badge&logo=github&color=24292f&logoColor=white" />
</a>
<a title="Twitter" href="https://twitter.com/hsins_">
<img alt="Twitter" src="https://img.shields.io/badge/Twitter-%23.svg?style=for-the-badge&logo=x&color=1da1f2&logoColor=white" />
</a>
</div>
</div>
</section>