|
3 | 3 | A web app to beautify and enhance your Github README file, that provides interesting widgets in GIF(animated) format for both light & dark github theme. |
4 | 4 |
|
5 | 5 | <picture> |
6 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/github_meme_dark.gif"> |
7 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/github_meme_light.gif" width="100%"> |
| 6 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/github_meme_dark.gif"> |
| 7 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/github_meme_light.gif" width="100%"> |
8 | 8 | </picture> |
9 | 9 |
|
10 | 10 | \ |
@@ -35,55 +35,55 @@ You are welcomed to contribute, instead of copying the Idea or Code. |
35 | 35 | **1 - Github Meme** |
36 | 36 |
|
37 | 37 | <picture> |
38 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/github_meme_dark.gif"> |
39 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/github_meme_light.gif"> |
| 38 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/github_meme_dark.gif"> |
| 39 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/github_meme_light.gif"> |
40 | 40 | </picture> |
41 | 41 |
|
42 | 42 | <picture> |
43 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_meme_dark.gif"> |
44 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_meme_light.gif"> |
| 43 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_github_meme_dark.gif"> |
| 44 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_github_meme_light.gif"> |
45 | 45 | </picture> |
46 | 46 |
|
47 | 47 | \ |
48 | 48 | **2 - TypeWriter Text** |
49 | 49 |
|
50 | 50 | <picture> |
51 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/typewriter_text_dark.gif"> |
52 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/typewriter_text_light.gif" width="95%"> |
| 51 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/typewriter_text_dark.gif"> |
| 52 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/typewriter_text_light.gif" width="95%"> |
53 | 53 | </picture> |
54 | 54 |
|
55 | 55 | <div style="overflow-x: scroll"> |
56 | 56 |
|
57 | 57 | | Infinite Loop Sample with No Delay | One Time Play Sample With No Loop | |
58 | 58 | |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |
59 | | -| <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_typewriter_text_dark_loop.gif"><img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_typewriter_text_light_loop.gif" width="49%"></picture> | <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/colorful_typewriter_text_dark_noloop.gif"><img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/colorful_typewriter_text_light_noloop.gif" width="49%"></picture> | |
| 59 | +| <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_typewriter_text_dark_loop.gif"><img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_typewriter_text_light_loop.gif" width="49%"></picture> | <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/colorful_typewriter_text_dark_noloop.gif"><img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/colorful_typewriter_text_light_noloop.gif" width="49%"></picture> | |
60 | 60 |
|
61 | 61 | </div> |
62 | 62 |
|
63 | 63 | \ |
64 | 64 | **3 - Most Used Languages** |
65 | 65 |
|
66 | 66 | <picture> |
67 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_most_langs_dark.gif"> |
68 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_most_langs_light.gif" width="44%"> |
| 67 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_most_langs_dark.gif"> |
| 68 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_most_langs_light.gif" width="44%"> |
69 | 69 | </picture> |
70 | 70 |
|
71 | 71 | <picture> |
72 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/u3f_most_langs_dark.gif"> |
73 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/u3f_most_langs_light.gif" width="44%"> |
| 72 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/u3f_most_langs_dark.gif"> |
| 73 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/u3f_most_langs_light.gif" width="44%"> |
74 | 74 | </picture> |
75 | 75 |
|
76 | 76 | \ |
77 | 77 | **4 - Repos Languages Overview** |
78 | 78 |
|
79 | 79 | <picture> |
80 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_langs_overview_dark.gif"> |
81 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_langs_overview_light.gif" width="44%"> |
| 80 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_langs_overview_dark.gif"> |
| 81 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/mr_langs_overview_light.gif" width="44%"> |
82 | 82 | </picture> |
83 | 83 |
|
84 | 84 | <picture> |
85 | | - <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/hzh_langs_overview_dark.gif"> |
86 | | - <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/hzh_langs_overview_light.gif" width="44%"> |
| 85 | + <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/hzh_langs_overview_dark.gif"> |
| 86 | + <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/hzh_langs_overview_light.gif" width="44%"> |
87 | 87 | </picture> |
88 | 88 |
|
89 | 89 | ## How To Use |
|
0 commit comments