desktop text done

src/App.vue

@@ -30,10 +30,9 @@
         enableHtml: false,
         fullStyle: [
           `/*
-* Inspired by http://strml.net/
-* 源码地址 https://github.com/sitexa/anires
-* 大家好，我是南方。
-* 我来写一份简历！
+* GitHub: https://github.com/hoelee/
+* Hi, I'm Mr. Hoelee — Web3 Developer & Full Stack Engineer
+* Let me create an animated resume!
 */
 
 /* 给所有元素加上过渡效果 */
@@ -76,8 +75,8 @@ html{
   position: fixed; left: 0; top: 0;
   -webkit-transition: none;
   transition: none;
-  -webkit-transform: rotateY(10deg) translateZ(-100px) ;
-          transform: rotateY(10deg) translateZ(-100px) ;
+  -webkit-transform: rotateY(10deg) translateZ(-100px);
+          transform: rotateY(10deg) translateZ(-100px);
 }
 
 /* 准备一个编辑器 */
@@ -90,8 +89,8 @@ html{
   overflow: auto;
   -webkit-transition: none;
   transition: none;
-  -webkit-transform: rotateY(-10deg) translateZ(-100px) ;
-          transform: rotateY(-10deg) translateZ(-100px) ;
+  -webkit-transform: rotateY(-10deg) translateZ(-100px);
+          transform: rotateY(-10deg) translateZ(-100px);
 }
 /* 开始写简历 */
 `, `
@@ -99,9 +98,13 @@ html{
  *再对HTML加点样式
 */
 .resumeEditor{
-  padding: 2em;
+  padding: 0.5em;
+}
+.resumeEditor h1{
+  font-size: 1.3em;
 }
 .resumeEditor h2{
+  font-size: 1.2em;
   display: inline-block;
   border-bottom: 1px solid;
   margin: 1em 0 .5em;
@@ -130,11 +133,14 @@ html{
  * 感谢大家对我的关注。
  */
 .styleEditor{
-    width:50vw;height:70vh;
+    width:49vw;
+    height:70vh;
+    margin-left:1.2vw;
 }
-
 .resumeEditor{
-   width:50vw;height:70vh;
+   width:49vw;
+   height:70vh;
+   margin-right:1.2em;
 }
 
 .thankEditor{
@@ -171,7 +177,9 @@ html{
 }
 
 .thankEditor{
-  width: 99vw; height: 45vh;
+  width: 95vw; 
+  height: 45vh;
+  margin: 0 auto;
   -webkit-transition: none;
   transition: none;
   -webkit-transform: rotateX(-10deg) translateZ(-200px);
@@ -181,116 +189,87 @@ html{
 `],
         currentMarkdown: '',
         currentThankMarkdown: '',
-        fullMarkdown: `南方
+        fullMarkdown: `Mr. Hoelee
 ====
+Hi, I'm Mr. Hoelee — a Web3 Developer & Experience Full Stack Engineer.
+I design and build bridges between Web2 and Web3 — crafting scalable backend systems, gas-optimized smart contracts, and immersive decentralized frontends.
+My passion lies at the intersection of blockchain innovation, AI automation, and full-stack engineering — shaping how the next internet will work.
 
-坐标：湖南长沙。
-
-资深软件工程师，资深产品经理，高级项目经理。现为自由职业。
-
-技能
-====
-
-数据库设计
+About Me
 ----
-  - 结构化数据库设计
-  - noSQL设计
+I'm a passionate Web3 developer with hands-on experience creating secure, upgradeable, and gas-efficient ERC-20 / ERC-721 smart contracts using Solidity, Hardhat, and Foundry.
+Beyond the blockchain, I bring an enterprise-level backend mindset — leveraging Java Spring Boot, CodeIgniter, and Dockerized infrastructure to scale decentralized apps with the reliability of traditional systems.
+When I'm not building, I explore the evolving Web3 landscape — from Layer 2 protocols and DAO governance to DeFi innovation and on-chain analytics.
+My mission: to merge creativity, code, and cryptography into meaningful digital experiences.
 
-后端开发
+Web3 & Blockchain
 ----
-  - 用户管理
-  - 单点登录
-  - 第三方登录
-  - 权限管理
-  - 交易系统
-  - 支付系统
-  - 社区系统
-  - 博客系统
-  - 公众号开发
-  - 小程序开发
-  - API接口开发
+  - Solidity smart contracts (ERC-20 / ERC-721 / upgradeable patterns)
+  - Hardhat, Foundry testing, OpenZeppelin & Chainlink Oracles
+  - Alchemy SDK, Polygon, IPFS integration
 
-前端开发
+Frontend Development
 ----
-  - Web前端开发
-  - 移动终端(Native App, Hybrid App)
+  - Web3.js / Ethers.js integration
+  - JavaScript, jQuery, HTML5, CSS3
+  - UI/UX prototyping with Photoshop, Illustrator, Canva
 
-产品设计
+Backend & DevOps
 ----
-  - 智慧旅游项目
-  - 运动健康云平台
-  - 社区支持农业O2O项目
-  - 省级环境监控平台
-  - 高速公路异地处罚系统
-  - 环保局办公自动化系统
-  - 保险公司数据迁移项目
-  - 啤酒厂供应链项目
-  - 货运代理系统
-  - 集装箱管理系统
-  - 滞期费管理项目
+  - PHP CodeIgniter (Web2↔Web3 bridge)
+  - Java Spring Boot + Hibernate for scalable data layers
+  - Databases: MySQL, MongoDB, Memcached, Elasticsearch
+  - Docker, Nginx, IIS, OpenLiteSpeed, Apache Tomcat, WordPress
+  - Server management (Windows, Ubuntu, unRaid, DSM)
 
-技术及语言
+Work Ethic
 ----
-  - Java: SpringMVC, SpringCloud, Hibernate, iBatis, spark, sql2o, HikariCP, freemarker, okHttp, retrofit, RxJava
-  - Kotlin: ktor, exposed, anko
-  - Node.js: express, angular, ionic, react, cordova, meteor, electron, axios
-  - Swift: Vapor, ReactiveSwift
-  - Golang: hugo, beego, gorm, sqlx, matcha
-  - Python: tushare, pandas, numpy, matplotlib
-  - DotNet and PHP
-  - DB: SQLServer, Oracle, MySQL/MariaDB, MongoDB, graphQL, redis, memcached
-  - WebServer: apache, nginx, tomcat, netty, jetty
-  - OS: Ubuntu, CentOS, MacOS, Windows
-  - Others: Docker, git, Xmind，Axure
+  - Effective Communicator: Strong written & verbal clarity in remote teams
+  - Problem-Solver: Adaptive mindset for complex, high-speed development
+  - Continuous Learner: Always exploring blockchain advancements
+  - AI-Driven: Using AI to accelerate workflows and creative tasks
+  - Client-Focused: Prioritizing real solutions and transparent delivery
 
-工作经历
+Education - Bachelor of Information System (Hons)
 ----
+  - Universiti Tunku Abdul Rahman (UTAR), Kampar, Malaysia
+  - March 2016 | CGPA: 3.06 / 4.00 - Degree In Merit
+  - Download Certificate → [hoelee.com/cert](https://hoelee.com/cert)
 
-1. 湖南融耀健康管理有限公司
-2. 湖南三英特旅游智能技术有限公司
-3. 合肥蓝盾科技有限公司
-4. 上海易保网络有限公司
-5. 厦门海环计算机软件有限公司
-
-教育经历
+Languages
 ----
+English | Malay | Mandarin | Cantonese | Hokkien
 
-1. 华东理工大学 环境工程学士
-2. 厦门大学 系统工程硕士
-
-文章
+Interests
 ----
+  - DeFi Innovation
+  - DAO Governance
+  - AI-assisted Development
+  - Cryptography
+  - On-Chain Analytics
 
-* [故土难离（我的父亲母亲）](https://www.meipian.cn/qacqfbz?uuid=d541c15eef694065bc9d1ac9a07925a2)
-* [油腻腻的中年（小诗）](https://www.meipian.cn/wjaz3zh?uuid=ca1cd053b717451da781786de44e66e7)
-* [生命（老四们的蝼蚁人生）](https://www.meipian.cn/vc4pr59?uuid=799c98f5a187405c94c86f7da7788869)
-* [大健康商业模式](http://www.sitexa.org/technology/%E5%A4%A7%E5%81%A5%E5%BA%B7%E5%95%86%E4%B8%9A%E6%A8%A1%E5%BC%8F.html)
-* [社区社交商业模型](http://www.sitexa.org/other/%E7%A4%BE%E5%8C%BA%E7%A4%BE%E4%BA%A4%E5%95%86%E4%B8%9A%E6%A8%A1%E5%9E%8B.html)
-
-链接
-----
-
-* [GitHub](https://github.com/sitexa)
-* [技术博客](http://www.sitexa.org)
-* [南方时代](http://www.sitexa.net)
-* [神秘湘鄂西](http://www.sitexa.cn)
-* [我的简历故事(程序人生公众号文章)](https://mp.weixin.qq.com/s/5rsB956EPVm0FoFOe6xYTg)
-
-勾引方式
-----
-
-* 微信：xnpeng
 
 `, thanksMarkdown: `
-鸣谢
+Thank you for reading!
 ----
 
-* 这段时间，我有些诚煌诚恐。我的简历被很多人关注(49842），我码的那几篇文章也有很多人点击(20095），微信好友增加了2000多人。"程序人生"公众号文章（我的简历故事）阅读量超过十万+。
-* 有很多企业向我发出了面试邀请，有很多创业团队向我伸出了橄榄枝，一些朋友给我提出非常好的建议，还有很多同学希望跟我进行技术交流，甚至有些企业问我能否承接外包业务。
-* 于是，我受命下山，到了深圳、珠海、北京、天津等地，拜访了一些老板，结识了一些新朋友，见了一些同学和老同事，感触很多，收获很大。IT行业正在发生深刻的变化，新技术、新模式、新思维、新业态，层出不穷，各种探索，各种炒作，让人眼花缭乱。
-* 我对自己也有了一个新的认识。我逐渐发现，我不是去找一份工作，而是在寻找一些机会，一些志同道合的伙伴，一份激动人心的事业。很荣幸，已经有几个朋友跟我达成了意向，准备组建团队。
-* 到底做什么项目呢？我只能简单地说，社交+电商+区块链。肯定有人要说，这个题目太大了，是蹭热度。我不这样想。我以前对社交的思考中，一个重要的因素就是信任关系，而对电商的思考中，去中心化是一个核心考量。而区块链技术不正是解决信任机制和去中心化的利器么？
-* 在此，我欢迎有兴趣的朋友加入我们，尽快推进项目的实施。（微信：xnpeng）
+I'm open to remote collaborations and Web3-driven projects.
+
+Let's build something that connects the decentralized future with real-world impact.
+
+* WhatsApp Mr Hoelee Now  → [+6012-7972969](https://wa.me/60127972969)
+* Email Mr Hoelee Now  → [[email protected]](mailto:[email protected])
+* Passionate about bridging the gap between traditional systems and decentralized technologies
+* Ready to contribute to innovative Web3 projects that solve real-world problems
+* Available for remote collaboration with forward-thinking teams and startups
+* Let's discuss how we can leverage blockchain technology to create meaningful digital experiences
+
+Get in touch to explore opportunities in:
+* DeFi protocol development
+* Smart contract architecture and optimization
+* Web3 frontend integration
+* Scalable backend systems for dApps
+* Cross-chain solutions and Layer 2 implementations
 
   `
       }