unicode go brrr

README.md

@@ -70,14 +70,18 @@
 [![cherry-blossom](https://raw.githubusercontent.com/flick0/dotfiles/cherry-blossom/assets/workflow.png)](https://github.com/flick0/dotfiles/tree/cherry-blossom)
 </details>
 
+<hr>
+
 > [!WARNING]
 > - archived rices are not maintained and may not work
 
 <hr>
 <!--###################################################################################################################-->
 
-<hr>
 
+<div align=center>
+    <img align="center" src="./assets/stars.svg">
+</div>
 <img alt="" align="center" width="100%" src="https://api.star-history.com/svg?repos=flick0/dotfiles&type=Date"/>
 
 

assets/stars.svg

@@ -0,0 +1,30 @@
+<svg fill="none" viewBox="0 0 400 100" width="400" height="100" xmlns="http://www.w3.org/2000/svg">
+    <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml" >
+            <style>
+                #title h1 {
+                    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
+                    background: linear-gradient(45deg, #ffc78c 0%, #fffcb1 20%, #ffe97d 100%); ;
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                    background-size: 200% 200%;
+                    animation: gradient 15s ease infinite;
+                }
+                @keyframes gradient {
+                    0% {
+                        background-position: 0% 50%;
+                    }
+                    50% {
+                        background-position: 100% 50%;
+                    }
+                    100% {
+                        background-position: 0% 50%;
+                    }
+                }
+            </style>
+            <div id="title" align="center">
+                <h1> ★ Stars go brrr ★ </h1>
+            </div>
+        </div>
+    </foreignObject>
+</svg>

assets/themes.svg

@@ -23,7 +23,7 @@
                     }
                 }
             </style>
-            <h1> Themes </h1>
+            <h1> ꕤ Themes ꕤ </h1>
         </div>
     </foreignObject>
 </svg>

assets/title.svg

@@ -23,7 +23,7 @@
                 }
             </style>
             <div id="title" align="center">
-                <h1> Fancy Dotfiles </h1>
+                <h1>  ┉ Fancy Dotfiles ┉ </h1>
             </div>
         </div>
     </foreignObject>