└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | ## Awesome profile widget
  2 | 
  3 | > Gathering all the awesome things in README.md
  4 | 
  5 | - [Badge](#badge)
  6 | - [Icons](#icons)
  7 | - [Logos](#logos)
  8 | - [Emoji](#emoji)
  9 | - [Top language](#top-language)
 10 | - [Stats](#stats)
 11 | - [Streak](#streak)
 12 | - [Contribution Gragh](#contribution-gragh)
 13 | - [Profile views](#profile-views)
 14 | - [Github skyline](#github-skyline)
 15 | - [Stark Overflow](#stark-overflow)
 16 | - [Random Joke](#random-joke)
 17 | - [Typing](#typing)
 18 | - [Repos](#repos)
 19 | - [Octodex](#octodex)
 20 | - [Support](#support)
 21 | - [Contributor](#contributor)
 22 | 
 23 | ## Badge
 24 | 
 25 | **Case:**
 26 | 
 27 | ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=JavaScript&logoColor=white)
 28 | ![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=social&logo=Vue.js&logoColor=4FC08D)
 29 | ![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-23aaf2?style=flat-square&logo=Visual-Studio-Code&logoColor=white)
 30 | ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white)
 31 | ![Stylus](https://img.shields.io/badge/Stylus-61DAFB?style=flat-square&logo=Stylus&logoColor=white)
 32 | ![Rust](https://img.shields.io/badge/Rust-ef4a00?style=plastic&logo=Rust&logoColor=white)
 33 | ![pnpm](https://img.shields.io/badge/pnpm-f69220?style=flat-square&logo=pnpm&logoColor=white)
 34 | 
 35 | **Template:**
 36 | 
 37 | `https://img.shields.io/badge/{name}-${bgColor}?style=${style}&logo=${logoName}&logoColor=${logoColor}&labelColor=${logoColor}`
 38 | 
 39 | Visit: https://shields.io/
 40 | 
 41 | <table>
 42 | <tr><td width="400px">
 43 | 
 44 | ### Demo
 45 | 
 46 | ![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=flat-square&logo=Vue.js&logoColor=white)
 47 | 
 48 | </td><td width="600px"><br>
 49 | 
 50 | ```MarkDown
 51 | ![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=flat-square&logo=Vue.js&logoColor=white)
 52 | ```
 53 | 
 54 | </td></tr>
 55 | <!-- split line -->
 56 | <tr><td width="400px">
 57 | 
 58 | ### param
 59 |   
 60 | name
 61 | 
 62 | </td><td width="600px"><br>
 63 | 
 64 | Custom name
 65 | 
 66 | </td></tr>
 67 | <!-- split line -->
 68 | <tr><td width="400px">
 69 | 
 70 | ### param
 71 |   
 72 | bgColor
 73 | logoColor
 74 | labelColor
 75 | 
 76 | </td><td width="600px"><br>
 77 | 
 78 | Hex color or text color `eg: ff02fA、red、blue`
 79 | 
 80 | </td></tr>
 81 | <!-- split line -->
 82 | <tr><td width="400px">
 83 | 
 84 | ### param
 85 |   
 86 | style
 87 | 
 88 | </td><td width="600px"><br>
 89 | 
 90 | * plastic
 91 | * flat-square
 92 | * for-the-badge
 93 | * social
 94 | 
 95 | </td></tr>
 96 | <!-- split line -->
 97 | <tr><td width="400px">
 98 | 
 99 | ### param
100 |   
101 | logoName
102 | 
103 | </td><td width="600px"><br>
104 | 
105 | All **effective value** are [here](https://simpleicons.org/)
106 | 
107 | </td></tr>
108 | </table>
109 | 
110 | 
111 | 
112 | 
113 | ## Icons
114 | 
115 | **Case:**
116 | 
117 | <p>
118 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/codepen.svg" width="40"/>
119 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/npm.svg" width="40"/>  
120 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/go.svg" width="40"/>  
121 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/c.svg" width="40"/>  
122 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/rust.svg" width="40"/>  
123 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/cplusplus.svg" width="40"/>  
124 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/typescript.svg" width="40"/>  
125 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/pnpm.svg" width="40"/>  
126 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/java.svg" width="40"/>  
127 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/linux.svg" width="40"/>  
128 |   <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/git.svg" width="40"/>  
129 | </p>
130 | 
131 | **Template:**
132 | 
133 | `https://cdn.jsdelivr.net/npm/simple-icons/icons/${logoName}.svg`
134 | 
135 | Visit: https://github.com/simple-icons/simple-icons
136 | 
137 | <table>
138 | <tr><td width="400px">
139 | 
140 | ### Demo
141 |   
142 | <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/redis.svg" width="40"/>  
143 | 
144 | </td><td width="600px"><br>
145 | 
146 | ```
147 | <img src="https://cdn.jsdelivr.net/npm/simple-icons/icons/redis.svg" width="40"/>  
148 | ```
149 | 
150 | </td></tr>
151 | <tr><td width="400px">
152 | 
153 | ### Param
154 | 
155 | logoName
156 | 
157 | </td><td width="600px"><br>
158 | 
159 | All **effective value** are [here](https://simpleicons.org/)
160 | 
161 | </td></tr>
162 | </table>
163 | 
164 | **Case:**
165 | 
166 | <p>
167 |   <img src="https://api.iconify.design/file-icons:gitlab.svg?color=%23efa646" width="40"/>
168 |   <img src="https://api.iconify.design/carbon:accumulation-snow.svg?color=%23f34258" width="40"/>  
169 |   <img src="https://api.iconify.design/iconoir:apple-mac.svg?color=%23000000" width="40"/>  
170 |   <img src="https://api.iconify.design/cib:swift.svg?color=%23e74c36" width="40"/>  
171 |   <img src="https://api.iconify.design/file-icons:c.svg?color=%23659cdc" width="40"/>  
172 | </p>
173 | 
174 | **Template:**
175 | 
176 | Visit: https://icon-sets.iconify.design/
177 | 
178 | `https://api.iconify.design/${name}.svg?color=%23${logoColor}`
179 | 
180 | <table>
181 | <tr><td width="400px">
182 | 
183 | ### Demo
184 |   
185 | <img src="https://api.iconify.design/carbon:4k-filled.svg?color=%23213ac3" width="40"/>  
186 | 
187 | </td><td width="600px"><br>
188 | 
189 | ```
190 | <img src="https://api.iconify.design/carbon:4k-filled.svg?color=%23213ac3" width="40"/>
191 | ```
192 | 
193 | </td></tr>
194 | <tr><td width="400px">
195 | 
196 | ### Demo
197 |   
198 | <img src="https://api.iconify.design/file-icons:test-typescript.svg?color=%23b5a43c" width="40"/>  
199 | 
200 | </td><td width="600px"><br>
201 | 
202 | ```
203 | <img src="https://api.iconify.design/file-icons:test-typescript.svg?color=%23b5a43c" width="40"/>
204 | ```
205 | 
206 | </td></tr>
207 | <tr><td width="400px">
208 | 
209 | ### Param
210 | 
211 | logoColor
212 | 
213 | </td><td width="600px"><br>
214 | 
215 | Hex color
216 | 
217 | </td></tr>
218 | </table>
219 | 
220 | 
221 | 
222 | 
223 | ## Logos
224 | 
225 | **Case:**
226 | 
227 | <p>
228 |   <img src="https://www.vectorlogo.zone/logos/nodejs/nodejs-ar21.svg"/>
229 |   <img src="https://www.vectorlogo.zone/logos/reactjs/reactjs-ar21.svg"/> 
230 |   <img src="https://www.vectorlogo.zone/logos/haskell/haskell-ar21.svg"/> 
231 |   <img src="https://www.vectorlogo.zone/logos/redis/redis-ar21.svg"/> 
232 |   <img src="https://www.vectorlogo.zone/logos/qtio/qtio-icon.svg"/> 
233 |   <img src="https://www.vectorlogo.zone/logos/bing/bing-ar21.svg"/> 
234 | </p>
235 | 
236 | **Template:**
237 | 
238 | `https://www.vectorlogo.zone/logos/${logoName}/{logoType}.svg`
239 | 
240 | Visit: https://www.vectorlogo.zone/
241 | 
242 | <table>
243 | <tr><td width="400px">
244 | 
245 | ### Demo
246 |   
247 | ![img](https://www.vectorlogo.zone/logos/pugjs/pugjs-ar21.svg)
248 | 
249 | </td><td width="600px"><br>
250 | 
251 | ```
252 | ![img](https://www.vectorlogo.zone/logos/pugjs/pugjs-ar21.svg)
253 | ```
254 | 
255 | </td></tr>
256 | </table>
257 | 
258 | 
259 | 
260 | 
261 | 
262 | ## Emoji
263 | 
264 | **Case:**
265 | 
266 | <p>
267 |   🤪 👻 🙊 🤴 🌶 ⏰ 🎁 ⚽ 🎲 📔
268 | </p>
269 | 
270 | **Template:**
271 | 
272 | Visit: https://www.emojiall.com/en/all-emojis
273 | 
274 | <table>
275 | <tr><td width="400px">
276 | 
277 | ### Demo
278 |   
279 | 🌓 🎯 💻 📦 🗑 🚖 🔑 🏀 🌈
280 | 
281 | </td><td width="600px"><br>
282 | 
283 | ```
284 | 🌓 🎯 💻 📦 🗑 🚖 🔑 🏀 🌈
285 | ```
286 | 
287 | </td></tr>
288 | </table>
289 | 
290 | 
291 | 
292 | 
293 | 
294 | 
295 | ## Top language
296 | 
297 | **Case:**
298 | 
299 | <p>
300 |   <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe&layout=compact&hide_title=true&theme=synthwave" align="left"/>
301 |   <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe&layout=compact&hide_title=true&theme=highcontrast"/>  
302 |   <img src="https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=peterroe"/>  
303 |   <img src="https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=peterroe"/>  
304 | </p>
305 | 
306 | **Template:**
307 | 
308 | Visit: https://github.com/anuraghazra/github-readme-stats
309 | 
310 | Visit: https://github.com/vn7n24fzkq/github-profile-summary-cards
311 | 
312 | <table>
313 | <tr><td width="400px">
314 | 
315 | ### Demo
316 |   
317 | ![img](https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe&layout=compact&hide_title=true)
318 | 
319 | </td><td width="600px"><br>
320 | 
321 | ```
322 | ![img](https://github-readme-stats.vercel.app/api/top-langs/?username=peterroe)
323 | ```
324 | 
325 | </td></tr>
326 | <tr><td width="400px">
327 | 
328 | ### Demo
329 |   
330 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=peterroe&theme=solarized_dark)
331 | 
332 | </td><td width="600px"><br>
333 | 
334 | ```
335 | ![img](https://github-profile-summary-cards.vercel.app/api/cards
336 | /most-commit-language?username=peterroe&theme=solarized_dark)
337 | ```
338 | 
339 | </td></tr>
340 | </table>
341 | 
342 | 
343 | 
344 | 
345 | ## Stats
346 | 
347 | **Case:**
348 | 
349 | <p>
350 |   <img src="https://github-readme-stats.vercel.app/api?username=peterroe&count_private=true&show_icons=true&hide_title=true&theme=gruvbox"/>
351 |   <img src="https://github-profile-trophy.vercel.app/?username=peterroe" alt="peterroe" />
352 |   <img src="https://github-profile-summary-cards.vercel.app/api/cards/stats?username=peterroe" alt="peterroe" />
353 | </p>
354 | 
355 | **Template:**
356 | 
357 | Visit: https://github.com/anuraghazra/github-readme-stats
358 | 
359 | Visit: https://github.com/ryo-ma/github-profile-trophy
360 | 
361 | <table>
362 | <tr><td width="400px">
363 | 
364 | ### Demo
365 |   
366 | ![img](https://github-readme-stats.vercel.app/api?username=peterroe)
367 | 
368 | </td><td width="600px"><br>
369 | 
370 | ```
371 | ![img](https://github-readme-stats.vercel.app/api?username=peterroe)
372 | ```
373 | 
374 | </td></tr>
375 | <tr><td width="400px">
376 | 
377 | ### Demo
378 |   
379 | ![img](https://github-profile-trophy.vercel.app/?username=peterroe)
380 | 
381 | </td><td width="600px"><br>
382 | 
383 | ```
384 | ![img](https://github-profile-trophy.vercel.app/?username=peterroe)
385 | ```
386 | 
387 | </td></tr>
388 | <tr><td width="400px">
389 | 
390 | ### Demo
391 |   
392 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/stats?username=peterroe&theme=solarized)
393 | 
394 | </td><td width="600px"><br>
395 | 
396 | ```
397 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/stats
398 | ?username=peterroe&theme=solarized)
399 | ```
400 | 
401 | </td></tr>
402 | </table>
403 | 
404 | 
405 | 
406 | 
407 | 
408 | ## Streak
409 | 
410 | **Case:**
411 | 
412 | <p>
413 |   <img src="https://github-readme-streak-stats.herokuapp.com/?user=peterroe" align="left"/>
414 |   <img src="https://github-readme-streak-stats.herokuapp.com/?user=peterroe&theme=dark"/>
415 | </p>
416 | 
417 | **Template:**
418 | 
419 | Visit: https://github.com/DenverCoder1/github-readme-streak-stats
420 | 
421 | <table>
422 | <tr><td width="400px">
423 | 
424 | ### Demo
425 |   
426 | ![img](https://github-readme-streak-stats.herokuapp.com/?user=peterroe)
427 | 
428 | </td><td width="600px"><br>
429 | 
430 | ```
431 | ![img](https://github-readme-streak-stats.herokuapp.com/?user=peterroe)
432 | ```
433 | 
434 | </td></tr>
435 | </table>
436 | 
437 | 
438 | ## Contribution Gragh
439 | 
440 | **Case:**
441 | 
442 | <p>
443 |   <img src="https://activity-graph.herokuapp.com/graph?username=peterroe&bg_color=ffffff&color=000000&line=30a141&point=03d3d&area=false&hide_border=true" align="left"/>
444 |   <img src="https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=peterroe&theme=vue"/>
445 |   <img src="https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=peterroe&theme=solarized" />
446 | </p>
447 | 
448 | **Template:**
449 | 
450 | Visit: https://github.com/Ashutosh00710/github-readme-activity-graph
451 | 
452 | Visit: https://github.com/vn7n24fzkq/github-profile-summary-cards
453 | 
454 | <table>
455 | <tr><td width="400px">
456 | 
457 | ### Demo
458 |   
459 | ![img](https://activity-graph.herokuapp.com/graph?username=peterroe&theme=github)
460 | 
461 | </td><td width="600px"><br>
462 | 
463 | ```
464 | ![img](https://activity-graph.herokuapp.com/graph?username=peterroe&theme=github)
465 | ```
466 | 
467 | </td></tr>
468 | <tr><td width="400px">
469 | 
470 | ### Demo
471 |   
472 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=peterroe&theme=monokai)
473 | 
474 | </td><td width="600px"><br>
475 | 
476 | ```
477 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/profile-details
478 | ?username=peterroe&theme=monokai)
479 | ```
480 | 
481 | </td></tr>
482 | <tr><td width="400px">
483 | 
484 | ### Demo
485 |   
486 | ![img](https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=peterroe)
487 | 
488 | </td><td width="600px"><br>
489 | 
490 | ```
491 | ![img](https://github-profile-summary-cards.vercel.app/api/cards
492 | /productive-time?username=peterroe)
493 | ```
494 | 
495 | </td></tr>
496 | </table>
497 | 
498 | 
499 | 
500 | 
501 | ## Profile views
502 | 
503 | **Case:**
504 | 
505 | <p>
506 |   <img src="https://count.getloli.com/get/@peterroe" aligh="left"/>
507 |   <img src="https://count.getloli.com/get/@peterroe?theme=asoul" />
508 | </p>
509 | 
510 | ![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)
511 | 
512 | ![img](https://profile-counter.glitch.me/peterroe/count.svg)
513 | 
514 | **Template:**
515 | 
516 | Visit: https://count.getloli.com/
517 | 
518 | Visit: https://github.com/antonkomarev/github-profile-views-counter
519 | 
520 | <table>
521 | <tr><td width="400px">
522 | 
523 | ### Demo
524 |   
525 | ![img](https://count.getloli.com/get/@peterroe?theme=rule34)
526 | 
527 | </td><td width="600px"><br>
528 | 
529 | ```
530 | ![img](https://count.getloli.com/get/@peterroe?theme=rule34)
531 | ```
532 | 
533 | </td></tr>
534 | <tr><td width="400px">
535 | 
536 | ### Demo
537 |   
538 | ![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)
539 | 
540 | </td><td width="600px"><br>
541 | 
542 | ```
543 | ![img](https://komarev.com/ghpvc/?username=peterroe&&style=flat-square)
544 | ```
545 | 
546 | </td></tr>
547 | <tr><td width="400px">
548 | 
549 | ### Demo
550 |   
551 | ![img](https://profile-counter.glitch.me/peterroe/count.svg)
552 | 
553 | </td><td width="600px"><br>
554 | 
555 | ```
556 | ![img](https://profile-counter.glitch.me/peterroe/count.svg)
557 | ```
558 | 
559 | </td></tr>
560 | </table>
561 | 
562 | 
563 | 
564 | 
565 | ## Github skyline
566 | 
567 | **Case:**
568 | 
569 | <a href="https://skyline.github.com/peterroe/2022" title="2022 GitHub Skyline"><img src="https://skyline.github.com/peterroe/2022.png" alt="2022 GitHub Skyline" width="50%" /></a>
570 | 
571 | **Template:**
572 | 
573 | Visit: https://skyline.github.com/
574 | 
575 | <table>
576 | <tr><td width="400px">
577 | 
578 | ### Demo
579 |   
580 | ![img](https://skyline.github.com/peterroe/2022.png)
581 | 
582 | </td><td width="600px"><br>
583 | 
584 | ```
585 | ![img](https://skyline.github.com/peterroe/2022.png)
586 | ```
587 | 
588 | </td></tr>
589 | </table>
590 | 
591 | 
592 | 
593 | 
594 | 
595 | ## Stark Overflow
596 | 
597 | **Case:**
598 | 
599 | <p>
600 |   <img src="https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark" align="left"/>
601 |   <img src="https://github-readme-stackoverflow.vercel.app/?userID=19174750"/>
602 |   <img src="https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark&layout=compact"/>
603 | </p>
604 | 
605 | **Template:**
606 | 
607 | `https://github-readme-stackoverflow.vercel.app/?userID=${userId}&theme=${theme}&layout={layout}`
608 | 
609 | Visit: https://github.com/omidnikrah/github-readme-stackoverflow
610 | 
611 | <table>
612 | <tr><td width="400px">
613 | 
614 | ### Demo
615 |   
616 | ![img](https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark)
617 | 
618 | </td><td width="600px"><br>
619 | 
620 | ```
621 | ![img](https://github-readme-stackoverflow.vercel.app/?userID=19174750&theme=dark)
622 | ```
623 | 
624 | </td></tr>
625 | </table>
626 | 
627 | 
628 | 
629 | 
630 | 
631 | ## Random Joke
632 | 
633 | **Case:**
634 | 
635 | <p>
636 |   <img src="https://readme-jokes.vercel.app/api?q=4" align="left"/>
637 |   <img src="https://readme-jokes.vercel.app/api?bgColor=white&q=3"/>
638 | </p>
639 | 
640 | **Template:**
641 | 
642 | visit: https://github.com/ABSphreak/readme-jokes
643 | 
644 | <table>
645 | <tr><td width="400px">
646 | 
647 | ### Demo
648 |   
649 | ![img](https://readme-jokes.vercel.app/api)
650 | 
651 | </td><td width="600px"><br>
652 | 
653 | ```
654 | ![img](https://readme-jokes.vercel.app/api)
655 | ```
656 | 
657 | </td></tr>
658 | </table>
659 | 
660 | 
661 | 
662 | 
663 | 
664 | ## Typing
665 | 
666 | **Case:**
667 | 
668 | <p>
669 |   <img src="http://readme-typing-svg.herokuapp.com/?lines=This+is+readme+typing+svg&color=234234" />
670 |   <img src="http://readme-typing-svg.herokuapp.com/?lines=You+can+write+anything+here&color=ab34ca" />
671 |   <img src="http://readme-typing-svg.herokuapp.com/?lines=Hello+world&color=12396b" />
672 | </p>
673 | 
674 | **Template:**
675 | 
676 | `http://readme-typing-svg.herokuapp.com/?lines=${xx}+${xx}+...`
677 | 
678 | Visit: https://readme-typing-svg.herokuapp.com/demo/
679 | 
680 | <table>
681 | <tr><td width="400px">
682 | 
683 | ### Demo
684 |   
685 | <img src="http://readme-typing-svg.herokuapp.com/?lines=Awesome+profile"/>
686 | 
687 | </td><td width="600px"><br>
688 | 
689 | ```
690 | <img src="http://readme-typing-svg.herokuapp.com/
691 | ?lines=Awesome+profile"/>
692 | ```
693 | 
694 | </td></tr>
695 | </table>
696 | 
697 | 
698 | 
699 | 
700 | ## Repos
701 | 
702 | **Case:**
703 | 
704 | <p>
705 |   <img src="https://github-readme-stats-anuraghazra1.vercel.app/api/pin/?username=peterroe&repo=renames&theme=onedark" />
706 |   <img src="https://github-readme-stats-anuraghazra1.vercel.app/api/pin/?username=peterroe&repo=Rss-reader" />
707 | </p>
708 | 
709 | **Template:**
710 | 
711 | `https://github-readme-stats-anuraghazra1.vercel.app/api/pin/?username=${username}&repo={reponame}&theme=${theme}`
712 | 
713 | Visit: https://github.com/anuraghazra/github-readme-stats
714 | 
715 | <table>
716 | <tr><td width="400px">
717 | 
718 | ### Demo
719 |   
720 | <img src="https://github-readme-stats-anuraghazra1.vercel.app/api/pin/?username=ungeui&repo=ungeui"/>
721 | 
722 | </td><td width="600px"><br>
723 | 
724 | ```
725 | <img src="https://github-readme-stats-anuraghazra1.vercel.app/api/pin/
726 | ?username=ungeui&repo=ungeui"/>
727 | ```
728 | 
729 | </td></tr>
730 | </table>
731 | 
732 | 
733 | 
734 | 
735 | 
736 | 
737 | ## Octodex
738 | 
739 | **Case:**
740 | 
741 | <p>
742 |   <img src="https://octodex.github.com/images/daftpunktocat-thomas.gif" align="left" width="100"/>
743 |   <img src="https://octodex.github.com/images/daftpunktocat-guy.gif" width="100"/>
744 |   <img src="https://octodex.github.com/images/plumber.jpg" width="100"/>
745 |   <img src="https://octodex.github.com/images/murakamicat.png" width="100"/>
746 |   <img src="https://octodex.github.com/images/oktobercat.png" width="100"/>
747 | </p>
748 | 
749 | **Template:**
750 | 
751 | `https://octodex.github.com/images/${name}.png`
752 | 
753 | Visit: https://octodex.github.com/
754 | 
755 | <table>
756 | <tr><td width="400px">
757 | 
758 | ### Demo
759 |   
760 | <img src="https://octodex.github.com/images/electrocat.png" width="200"/>
761 | 
762 | </td><td width="600px"><br>
763 | 
764 | ```
765 | <img src="https://octodex.github.com/images/electrocat.png" width="200"/>
766 | ```
767 | 
768 | </td></tr>
769 | </table>
770 | 
771 | 
772 | 
773 | 
774 | 
775 | 
776 | ## Support
777 | 
778 | **Case:**
779 | 
780 | <p>
781 |   <img src="https://cdn.ko-fi.com/cdn/kofi3.png" width="200" align="left"/>
782 |   <img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" width="200" />  
783 |   <img src="https://cdn.buymeacoffee.com/buttons/v2/default-red.png" width="200" />  
784 |   <img src="https://cdn.buymeacoffee.com/buttons/default-green.png" width="200" />  
785 |   <img src="https://ko-fi.com/img/githubbutton_sm.svg" width="200" />  
786 | </p>
787 | 
788 | **Template:**
789 | 
790 | `https://cdn.ko-fi.com/cdn/kofi3.png`
791 | 
792 | `https://cdn.buymeacoffee.com/buttons/default-${bgColor}.png`
793 | 
794 | `https://cdn.buymeacoffee.com/buttons/v2/default-${bgColor}.png`
795 | 
796 | `https://ko-fi.com/img/githubbutton_sm.svg`
797 | 
798 | <table>
799 | <tr><td width="400px">
800 | 
801 | ### Demo
802 |   
803 | <img src="https://cdn.buymeacoffee.com/buttons/default-pink.png" width="200"/>
804 | 
805 | </td><td width="600px"><br>
806 | 
807 | ```
808 | <img src="https://cdn.buymeacoffee.com/buttons/default-pink.png" width="200"/>
809 | ```
810 | 
811 | </td></tr>
812 | <tr><td width="400px">
813 | 
814 | ### Params
815 | 
816 | bgColor
817 | 
818 | </td><td width="600px"><br>
819 | 
820 | `red`, `green` and other text colors are available.
821 | 
822 | </td></tr>
823 | </table>
824 | 
825 | 
826 | 
827 | 
828 | ## Contributor
829 | 
830 | **Case:**
831 | 
832 | ![img](https://contrib.rocks/image?repo=hnustwjj/react-starport)
833 | 
834 | <br>
835 | 
836 | ![img](https://contrib.rocks/image?repo=peterroe/vue-component-starter)
837 | 
838 | **Template:**
839 | 
840 | `https://contrib.rocks/image?repo=${username}/${reponame}`
841 | 
842 | <table>
843 | <tr><td width="400px">
844 | 
845 | ### Demo
846 |   
847 | <img src="https://contrib.rocks/image?repo=peterroe/awesome-profile-widget"/>
848 | 
849 | </td><td width="600px"><br>
850 | 
851 | ```
852 | <img src="https://contrib.rocks/image?repo=peterroe/awesome-profile-widget"/>
853 | ```
854 | 
855 | </td></tr>
856 | </table>
857 | 


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