└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | # &#10048; <span style="font-family:Trebuchet MS;">Hello, I'm [Garfield Lee][Homepage-Link]</span> &#10048;
  2 | 
  3 | <p style="font-family:Georgia;">A Front-end engineer, female(transgender).</p>
  4 | 
  5 | ## <span style="font-family:Trebuchet MS;">Where can find me?</span>
  6 | 
  7 | [![GitHub Badge][GitHub-Badge]][GitHub-Link]
  8 | [![GitLab Badge][GitLab-Badge]][GitLab-Link]
  9 | [![Bitbucket Badge][Bitbucket-Badge]][Bitbucket-Link]
 10 | [![StackOverflow Badge][StackOverflow-Badge]][StackOverflow-Link]
 11 | [![ACM Badge][ACM-Badge]][ACM-Link]
 12 | [![Codewars Badge][Codewars-Badge]][Codewars-Link]
 13 | [![CodePen Badge][CodePen-Badge]][CodePen-Link]
 14 | [![NPM Badge][NPM-Badge]][NPM-Link]
 15 | [![Dribbble Badge][Dribbble-Badge]][Dribbble-Link]
 16 | [![Linkedin Badge][Linkedin-Badge]][Linkedin-Link]
 17 | [![Reddit Badge][Reddit-Badge]][Reddit-Link]
 18 | 
 19 | ## <span style="font-family:Trebuchet MS;">Languages and Tools:</span>
 20 | 
 21 | ![HTML5 Badge][HTML5-Badge]
 22 | ![CSS3 Badge][CSS3-Badge]
 23 | ![TypeScript Badge][TypeScript-Badge]
 24 | ![CSharp Badge][CSharp-Badge]
 25 | ![XAML Badge][XAML-Badge]
 26 | ![Swift Badge][Swift-Badge]
 27 | 
 28 | ![Sass Badge][Sass-Badge]
 29 | ![PostCSS Badge][PostCSS-Badge]
 30 | ![Bootstrap Badge][Bootstrap-Badge]
 31 | 
 32 | ![React Badge][React-Badge]
 33 | ![Gatsby Badge][Gatsby-Badge]
 34 | ![Node.js Badge][Node.js-Badge]
 35 | ![DotNet Badge][DotNet-Badge]
 36 | 
 37 | ![Yarn Badge][Yarn-Badge]
 38 | ![Webpack Badge][Webpack-Badge]
 39 | <!-- ![Rollup.js Badge][Rollup.js-Badge] -->
 40 | ![ESLint Badge][ESLint-Badge]
 41 | ![Prettier Badge][Prettier-Badge]
 42 | ![Babel Badge][Babel-Badge]
 43 | ![Jest Badge][Jest-Badge]
 44 | ![Storybook Badge][Storybook-Badge]
 45 | ![GitHubActions Badge][GitHubActions-Badge]
 46 | 
 47 | ![Git Badge][Git-Badge]
 48 | ![PowerShell Badge][PowerShell-Badge]
 49 | ![VisualStudioCode Badge][VisualStudioCode-Badge]
 50 | ![VisualStudio Badge][VisualStudio-Badge]
 51 | ![Xcode Badge][Xcode-Badge]
 52 | ![Sketch Badge][Sketch-Badge]
 53 | <!-- ![InVision Badge][InVision-Badge] -->
 54 | 
 55 | ![MacOS Badge][MacOS-Badge]
 56 | ![Windows Badge][Windows-Badge]
 57 | 
 58 | ## <span style="font-family:Trebuchet MS;">My GitHub stats:</span>
 59 | 
 60 | ![GitHub Readme Stats][ReadmeStats-Image]
 61 | 
 62 | <!-- #region Links -->
 63 | [Homepage-Link]: https://550.moe "Homepage Link"
 64 | 
 65 | [GitHub-Link]: https://github.com/Garfield550 "GitHub Link"
 66 | 
 67 | [StackOverflow-Link]: https://stackoverflow.com/users/6595859/garfield550 "StackOverflow Link"
 68 | 
 69 | [ACM-Link]: http://member.acm.org/~garfieldl "ACM Link"
 70 | 
 71 | [Bitbucket-Link]: https://bitbucket.org/Garfield550/ "Bitbucket Link"
 72 | 
 73 | [Codewars-Link]: https://www.codewars.com/users/Garfield550 "Codewars Link"
 74 | 
 75 | [CodePen-Link]: https://codepen.io/Garfield550 "CodePen Link"
 76 | 
 77 | [Dribbble-Link]: https://dribbble.com/Garfield550 "Dribbble Link"
 78 | 
 79 | [GitLab-Link]: https://gitlab.com/Garfield550 "GitLab Link"
 80 | 
 81 | [Linkedin-Link]: https://www.linkedin.com/in/garfieldlee "Linkedin Link"
 82 | 
 83 | [NPM-Link]: https://www.npmjs.com/~garfield550 "NPM Link"
 84 | 
 85 | [Reddit-Link]: https://www.reddit.com/user/Garfield550 "Reddit Link"
 86 | <!-- #endregion Links -->
 87 | 
 88 | <!-- #region Site Badges -->
 89 | [GitHub-Badge]: https://img.shields.io/badge/-@Garfield550-%23181717?style=flat-square&logo=github&logoColor=white "GitHub Badge"
 90 | 
 91 | [StackOverflow-Badge]: https://img.shields.io/badge/-@Garfield550-%23FE7A16?style=flat-square&logo=stackoverflow&logoColor=white "StackOverflow Badge"
 92 | 
 93 | [ACM-Badge]: https://img.shields.io/badge/-@garfieldl-%230085CA?style=flat-square&logo=acm&logoColor=white "ACM Badge"
 94 | 
 95 | [Bitbucket-Badge]: https://img.shields.io/badge/-@Garfield550-%230052CC?style=flat-square&logo=bitbucket&logoColor=white "Bitbucket Badge"
 96 | 
 97 | [Codewars-Badge]: https://img.shields.io/badge/-@Garfield550-%23AD2C27?style=flat-square&logo=codewars&logoColor=white "Codewars Badge"
 98 | 
 99 | [CodePen-Badge]: https://img.shields.io/badge/-@Garfield550-%23000000?style=flat-square&logo=codepen&logoColor=white "CodePen Badge"
100 | 
101 | [Dribbble-Badge]: https://img.shields.io/badge/-@Garfield550-%23EA4C89?style=flat-square&logo=dribbble&logoColor=white "Dribbble Badge"
102 | 
103 | [GitLab-Badge]: https://img.shields.io/badge/-@Garfield550-%23FCA121?style=flat-square&logo=gitlab&logoColor=white "GitLab Badge"
104 | 
105 | [Linkedin-Badge]: https://img.shields.io/badge/-@Garfield_Lee-%230077B5?style=flat-square&logo=linkedin&logoColor=white "Linkedin Badge"
106 | 
107 | [NPM-Badge]: https://img.shields.io/badge/-@Garfield_Lee-%23CB3837?style=flat-square&logo=npm&logoColor=white "NPM Badge"
108 | 
109 | [Reddit-Badge]: https://img.shields.io/badge/-@Garfield550-%23FF4500?style=flat-square&logo=reddit&logoColor=white "Reddit Badge"
110 | <!-- #endregion Site Badges -->
111 | 
112 | <!-- #region Tool Badges -->
113 | [HTML5-Badge]: https://img.shields.io/badge/-HTML5-%23E34F26?style=flat-square&logo=html5&logoColor=white "HTML5 Badge"
114 | 
115 | [CSS3-Badge]: https://img.shields.io/badge/-CSS3-%231572B6?style=flat-square&logo=css3&logoColor=white "CSS3 Badge"
116 | 
117 | [TypeScript-Badge]: https://img.shields.io/badge/-TypeScript-%23007ACC?style=flat-square&logo=typescript&logoColor=white "TypeScript Badge"
118 | 
119 | [CSharp-Badge]: https://img.shields.io/badge/-C_Sharp-%23239120?style=flat-square&logo=c-sharp&logoColor=white "C Sharp Badge"
120 | 
121 | [Git-Badge]: https://img.shields.io/badge/-Git-%23F05032?style=flat-square&logo=git&logoColor=white "Git Badge"
122 | 
123 | [Sass-Badge]: https://img.shields.io/badge/-Sass-%23CC6699?style=flat-square&logo=sass&logoColor=white "Sass Badge"
124 | 
125 | [Jest-Badge]: https://img.shields.io/badge/-Jest-%23C21325?style=flat-square&logo=jest&logoColor=white "Jest Badge"
126 | 
127 | [Yarn-Badge]: https://img.shields.io/badge/-Yarn-%232C8EBB?style=flat-square&logo=yarn&logoColor=white "Yarn Badge"
128 | 
129 | [XAML-Badge]: https://img.shields.io/badge/-XAML-%230C54C2?style=flat-square&logo=xaml&logoColor=white "XAML Badge"
130 | 
131 | [Babel-Badge]: https://img.shields.io/badge/-Babel-%23F9DC3E?style=flat-square&logo=babel&logoColor=white "Babel Badge"
132 | 
133 | [React-Badge]: https://img.shields.io/badge/-React-%2361DAFB?style=flat-square&logo=react&logoColor=white "React Badge"
134 | 
135 | [Xcode-Badge]: https://img.shields.io/badge/-Xcode-%231575F9?style=flat-square&logo=xcode&logoColor=white "Xcode Badge"
136 | 
137 | [Swift-Badge]: https://img.shields.io/badge/-Swift-%23FA7343?style=flat-square&logo=swift&logoColor=white "Swift Badge"
138 | 
139 | [Gatsby-Badge]: https://img.shields.io/badge/-Gatsby-%23663399?style=flat-square&logo=gatsby&logoColor=white "Gatsby Badge"
140 | 
141 | [Sketch-Badge]: https://img.shields.io/badge/-Sketch-%23F7B500?style=flat-square&logo=sketch&logoColor=white "Sketch Badge"
142 | 
143 | [ESLint-Badge]: https://img.shields.io/badge/-ESLint-%234B32C3?style=flat-square&logo=eslint&logoColor=white "ESLint Badge"
144 | 
145 | [PostCSS-Badge]: https://img.shields.io/badge/-PostCSS-%23DD3A0A?style=flat-square&logo=postcss&logoColor=white "PostCSS Badge"
146 | 
147 | [Node.js-Badge]: https://img.shields.io/badge/-Node.js-%23339933?style=flat-square&logo=node.js&logoColor=white "Node.js Badge"
148 | 
149 | [Webpack-Badge]: https://img.shields.io/badge/-Webpack-%238DD6F9?style=flat-square&logo=webpack&logoColor=white "Webpack Badge"
150 | 
151 | [Windows-Badge]: https://img.shields.io/badge/-Windows-%230078D6?style=flat-square&logo=windows&logoColor=white "Windows Badge"
152 | 
153 | [DotNet-Badge]: https://img.shields.io/badge/-.Net-%235C2D91?style=flat-square&logo=.net&logoColor=white ".Net Badge"
154 | 
155 | [InVision-Badge]: https://img.shields.io/badge/-InVision-%23FF3366?style=flat-square&logo=invision&logoColor=white "InVision Badge"
156 | 
157 | [Prettier-Badge]: https://img.shields.io/badge/-Prettier-%23F7B93E?style=flat-square&logo=prettier&logoColor=white "Prettier Badge"
158 | 
159 | [Storybook-Badge]: https://img.shields.io/badge/-Storybook-%23FF4785?style=flat-square&logo=storybook&logoColor=white "Storybook Badge"
160 | 
161 | [Rollup.js-Badge]: https://img.shields.io/badge/-Rollup.js-%23EC4A3F?style=flat-square&logo=rollup.js&logoColor=white "Rollup.js Badge"
162 | 
163 | [Bootstrap-Badge]: https://img.shields.io/badge/-Bootstrap-%23563D7C?style=flat-square&logo=bootstrap&logoColor=white "Bootstrap Badge"
164 | 
165 | [PowerShell-Badge]: https://img.shields.io/badge/-PowerShell-%235391FE?style=flat-square&logo=powershell&logoColor=white "PowerShell Badge"
166 | 
167 | [VisualStudio-Badge]: https://img.shields.io/badge/-Visual_Studio-%235C2D91?style=flat-square&logo=visual-studio&logoColor=white "Visual Studio Badge"
168 | 
169 | [GitHubActions-Badge]: https://img.shields.io/badge/-GitHub_Actions-%232088FF?style=flat-square&logo=github-actions&logoColor=white "GitHub Actions Badge"
170 | 
171 | [VisualStudioCode-Badge]: https://img.shields.io/badge/-Visual_Studio_Code-%23007ACC?style=flat-square&logo=visual-studio-code&logoColor=white "Visual Studio Code Badge"
172 | 
173 | [MacOS-Badge]: https://img.shields.io/badge/-macOS-%23999999?style=flat-square&logo=apple&logoColor=white "macOS Badge"
174 | <!-- #endregion Tool Badges -->
175 | 
176 | [ReadmeStats-Image]: https://github-readme-stats.vercel.app/api?username=garfield550&show_icons=true&bg_color=ffffff "GitHub Readme Stats"
177 | 


--------------------------------------------------------------------------------