From 97ce038e8e93c95911197c23c73921822b4e1840 Mon Sep 17 00:00:00 2001 From: Elantris Date: Sat, 17 Feb 2024 14:25:30 +0800 Subject: [PATCH] 2024 --- .prettierrc | 7 +++ index.css | 12 ---- index.html | 156 +++++++++++++++++++++++++++++++++++----------------- 3 files changed, 114 insertions(+), 61 deletions(-) create mode 100644 .prettierrc diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..0137506 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,7 @@ +{ + "printWidth": 120, + "tabWidth": 2, + "semi": false, + "singleQuote": true, + "trailingComma": "all" +} diff --git a/index.css b/index.css index d78b0a1..682080a 100644 --- a/index.css +++ b/index.css @@ -2,19 +2,7 @@ display: none !important; } -body { - background: var(--oc-gray-9); -} - -.container { - color: var(--oc-gray-5); -} - .avatar { background-image: url('./profile.jpg'); background-size: 153%; } - -h1 { - color: var(--oc-gray-0); -} diff --git a/index.html b/index.html index 00e794c..b41fd9c 100644 --- a/index.html +++ b/index.html @@ -10,15 +10,8 @@ - Elantris | Front End Developer + Elantris | Frontend Developer - - -
+ +
-

Elantris Hsu

-

- 一名專職資訊系統的網頁前端工程師，參與過 SaaS - 平台服務、後台管理、內部系統等專案，主要工作內容包含設計系統架構、規劃前端資料流、串接後端服務、實作商業邏輯等。 -

-

- 自 2015 - 年開始自學網頁前端技術，於實習中、正職中面臨新挑戰並且持續學習新技能。曾擔任小組長主導團隊開發進度，負責的任務包含開發流程細節規劃、主持 - Code Review 會議、技術分享、員工訓練、管裡 Git 專案等。 -

-

- 閒暇時間熱衷於網頁相關技術，密切關注現代前端框架、第三方套件、雲端服務等社群趨勢。偶爾撰寫網頁爬蟲、瀏覽器插件、聊天室機器人等專案將日常生活的瑣事自動化。 -

-

目前營運中的 Discord 機器人服務：

-
    -
  • - Attention Please -

    透過文字訊息中的標記成員與表情回應來實作 Discord 已讀簽到功能。

    -
    • -
  • - Commander -

    透過指令快速紀錄「當前有接聽語音頻道」的伺服器成員並且匯出出席統計報表。

    -
    • -
  • - eeDice -

    支援各種骰子語法，讓 GM、DM、KP 都能輕鬆使用，減少計算負擔讓玩家都能更沉浸在劇情當中。

    -
    • -
  • - What2Eat -

    隨機抽選一道 Foodpanda 上出現的餐點，提供靈感給不知道吃什麼才好的人。

    -
    • -
+

Elantris Hsu

+
Frontend Developer
+
+

+ 一名專職資訊系統的網頁前端工程師，參與過電子商務平台服務、產品內容後台管理、企業內部管理系統等專案，主要工作內容包含設計系統架構、規劃前端資料流、串接後端服務、實作商業邏輯等。 +

+

+ 曾擔任小組長主導團隊開發進度，與 PM 討論客戶需求與流程規劃、主持 Scrum 會議協助安排開發流程、主持 Code Review + 會議強化整體程式碼品質、整理技術文件分享知識協助其他同事完成任務、負責公司內各專案的 Git 架構等管理工作。 +

+
+
+ +
+

Skills

+
+
+
+

Language

+
    +
  • HTML / CSS / JavaScript
    • +
  • Sass
    • +
  • TypeScript
    • +
  • PostgreSQL / GraphQL
    • +
+
+
+

Development Tool

+
    +
  • Git
    • +
  • Node.js
    • +
  • ESLint
    • +
  • Prettier
    • +
  • Webpack
    • +
  • Vite
    • +
  • Axios
    • +
+
+
+

Framework

+
    +
  • Bootstrap
    • +
  • Tailwind CSS
    • +
  • Semantic UI
    • +
  • Material UI
    • +
  • React.js
    • +
  • Next.js
    • +
  • Hasura
    • +
+
+
+
+
+ +
+

Projects

+
+
+
+ attention-please +
+ 簽到提醒機器人 +

透過文字訊息中的標記成員與表情回應來實作 Discord 已讀簽到功能。

+
+
+
+ Commander +
+ 點名紀錄機器人 +

使用指令快速紀錄「當前有接聽語音頻道」的伺服器成員同時製作出席統計報表。

+
+
+
+ attention-please +
+ 擲骰計算機器人 +

支援各種骰子語法，讓 GM、DM、KP 都能輕鬆使用，減少計算負擔讓玩家都能更沉浸在劇情當中。

+
+
+
+ attention-please +
+ 吃什麼機器人 +

隨機抽選一道外送平台上出現的餐點，提供靈感給不知道吃什麼才好的人。

+
+
+
+
+
+
+