Skip to content

Commit

Permalink
feat: refine content
Browse files Browse the repository at this point in the history
  • Loading branch information
@FlandreDaisuki
FlandreDaisuki committed May 22, 2024
1 parent 93d6908 commit 385fa6e
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 19 deletions.
1 change: 1 addition & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
{
"cSpell.words": [
"Chun",
"Codepen",
"dmhy",
"metablock",
"NCTU",
Expand Down
10 changes: 10 additions & 0 deletions public/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,11 @@ header {
}
}
}
@media print {
section > h2 {
margin: 1rem 0;
}
}
section#experience {
a {
color: green;
Expand Down Expand Up @@ -88,6 +93,11 @@ section#works {
width: 1.2rem;
}

svg:has(+ a:hover) {
transform: rotateY(360deg);
transition: transform 1s;
}

& + p {
margin: 0.5rem;
padding-left: 1rem;
Expand Down
34 changes: 15 additions & 19 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,22 +43,23 @@ <h2>Technical Skills</h2>

<section id="experience">
<h2>Experience</h2>
<h3>Senior Frontend Engineer @ 17LIVE Inc. <time datetime="2021-06">2021.06</time> ~ <time id="time-now">now</time></h3>
<h3>Senior Frontend Engineer @ 17LIVE Inc. <time datetime="2021-06">2021.06</time> ~ <time id="time-now">Present</time></h3>
<ul>
<li>Self-design and setup a simple end-to-end test pipeline with <a href="https://playwright.dev/" target="_blank" rel="noopener noreferrer">playwright</a>, <a href="https://github.com/features/actions" target="_blank" rel="noopener noreferrer">GitHub Actions</a>, and <a href="https://developers.cloudflare.com/workers/" target="_blank" rel="noopener noreferrer">cloudflare worker</a>.</li>
<li>Introduce type checking tools, such as typescript, zod and valibot, to help our project be more stable than before.</li>
<li>Share technical knowledge to my team at least once every year.</li>
<li>Reduce e-commerce team <strong>~50%</strong> CI + CD time & <strong>~50%</strong> image size.</li>
<li>Collaborate with game team develop webview in vanilla from scratch to release less than <strong>15</strong> days.</li>
<li>Develop many tools for QA, PM, UI teammates to make their routines more efficient.</li>
<li>Designed and set up a simple end-to-end test pipeline using <a href="https://playwright.dev/" target="_blank" rel="noopener noreferrer">Playwright</a>, <a href="https://github.com/features/actions" target="_blank" rel="noopener noreferrer">GitHub Actions</a>, and <a href="https://developers.cloudflare.com/workers/" target="_blank" rel="noopener noreferrer">Cloudflare Workers</a>.</li>
<li>Introduced type-checking tools, such as TypeScript, Zod, and Valibot, to enhance project stability.</li>
<li>Shared technical knowledge with the team at least once a year.</li>
<li>Reduced the e-commerce team's CI/CD time by <strong>~50%</strong> and image size by <strong>~50%</strong> using multi-stage builds.</li>
<li>Collaborated with the game team to develop a webview in vanilla from scratch in less than <strong>15</strong> days.</li>
<li>Created various tools using <strong>Userscript, Google App Script, and Codepen</strong> to improve efficiency for QA, PM, and UI teams, with half of these tools becoming their essential daily productivity tools.</li>
<li>Developed a web extension in one month, preserving over <strong>90%</strong> of e-commerce team revenue at risk due to the termination of a third-party service.</li>
</ul>
<h3>Software Engineer @ MiTAC Inc. <time datetime="2019-11/2021-04">2019.11 ~ 2021.04</time></h3>
<ul>
<li>
Implement SCADA HMI by <a href="https://v2.vuejs.org/" target="_blank" rel="noopener noreferrer">vue2</a>,
<a href="https://echarts.apache.org/en/index.html" target="_blank" rel="noopener noreferrer">Apache EChart</a>,
<a href="https://www.jointjs.com/" target="_blank" rel="noopener noreferrer">joint.js</a> and
<a href="https://vuetifyjs.com/en/" target="_blank" rel="noopener noreferrer">vuetify</a>.
Implemented SCADA HMI using <a href="https://v2.vuejs.org/" target="_blank" rel="noopener noreferrer">vue2</a>,
<a href="https://echarts.apache.org/en/index.html" target="_blank" rel="noopener noreferrer">Apache ECharts</a>,
<a href="https://www.jointjs.com/" target="_blank" rel="noopener noreferrer">JointJS</a> and
<a href="https://vuetifyjs.com/en/" target="_blank" rel="noopener noreferrer">Vuetify</a>.
</li>
</ul>
</section>
Expand All @@ -69,22 +70,17 @@ <h3>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
<a href="https://github.com/FlandreDaisuki/dmhy-subscribe" target="_blank" rel="noopener noreferrer">dmhy-subscribe</a>
</h3>
<p>It use crontab to crawl target resource and store it into sqlite, and provide CLI to access sqlite. Implement self-designed migration flow for learning.</p>
<p>Utilized crontab to crawl target resources and store them into SQLite, and provide CLI to access SQLite. Implemented self-designed migration flow for learning.</p>
<h3>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
<a href="https://github.com/FlandreDaisuki/rollup-plugin-userscript-metablock" target="_blank" rel="noopener noreferrer"> rollup-plugin-userscript-metablock</a>
</h3>
<p>Use <a href="https://www.npmjs.com/package/magic-string" target="_blank" rel="noopener noreferrer">magic-string</a> and <a href="https://rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup</a> to make userscript metadata can be version control.</p>
<h3>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
<a href="https://github.com/FlandreDaisuki/winkblue" target="_blank" rel="noopener noreferrer">winkblue</a>
</h3>
<p>A reactive DOM observer with simple API. I use this in one of company project.</p>
<p>Used <a href="https://www.npmjs.com/package/magic-string" target="_blank" rel="noopener noreferrer">magic-string</a> and <a href="https://rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup</a> to enable userscript metadata version control.</p>
<h3>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2L9.19 8.62L2 9.24l5.45 4.73L5.82 21z"/></svg>
<a href="https://github.com/FlandreDaisuki/speedtest-monitor" target="_blank" rel="noopener noreferrer">speedtest-monitor</a>
</h3>
<p>Keep tracing my network speed and record it into sqlite. Then I visualize it by grafana.</p>
<p>Tracked network speed, recorded it into SQLite, and visualized it with Grafana.</p>
</section>

<section id="education">
Expand Down

0 comments on commit 385fa6e

Please sign in to comment.