From 928a15833da7171d92177b29d88ab337438077cc Mon Sep 17 00:00:00 2001
From: IsaakDl <Daniel.Isaak@pm.me>
Date: Mon, 23 May 2022 18:51:13 +0200
Subject: [PATCH] Added Ko-fi

---
 css/brands.css         | 10 ++++++++++
 images/icons/ko-fi.svg | 11 +++++++++++
 index.html             |  5 +++++
 3 files changed, 26 insertions(+)
 create mode 100644 images/icons/ko-fi.svg

diff --git a/css/brands.css b/css/brands.css
index ee80128..9544e7e 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -124,6 +124,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Ko-fi */
+.button.button-ko-fi {
+  color: #ffffff;
+  background-color: #13C3FF;
+}
+.button.button-ko-fi:hover,
+.button.button-ko-fi:focus {
+  filter: brightness(90%);
+}
+
 /* Cash App */
 .button.button-cashapp {
   color: #ffffff;
diff --git a/images/icons/ko-fi.svg b/images/icons/ko-fi.svg
new file mode 100644
index 0000000..4fefd54
--- /dev/null
+++ b/images/icons/ko-fi.svg
@@ -0,0 +1,11 @@
+<svg width="23.999999999999996" height="23.999999999999996" xmlns="http://www.w3.org/2000/svg" fill="none">
+ <g>
+  <title>Layer 1</title>
+  <g id="svg_1">
+   <path d="m18.85498,5.26251c1.86416,0.51783 3.22531,1.81979 3.71355,3.5508c0.57701,2.0787 -0.0074,4.11301 -1.59046,5.46676c-0.85071,0.72495 -2.40419,1.26497 -3.66916,1.26497l-0.56221,0l-0.05918,0.53262c-0.14055,1.43512 -0.84332,2.40419 -1.99733,2.73708c-0.21452,0.06658 -1.86416,0.08877 -5.91799,0.08877l-5.62209,0.0074l-0.44385,-0.20713c-0.71016,-0.33289 -1.25018,-0.93948 -1.4573,-1.64224c-0.02958,-0.11836 -0.05918,-2.70749 -0.05918,-5.75525c0,-5.96979 0,-5.96238 0.38467,-6.11774c0.10357,-0.03699 3.59517,-0.06658 8.45534,-0.06658c8.10026,-0.0074 8.29999,-0.0074 8.82522,0.14055l-0.00001,0.00001z" fill="#ffffff" id="svg_2"/>
+   <path d="m16.79848,10.36678l0,2.51516l0.65098,0c1.14662,0 1.84937,-0.39207 2.30802,-1.28717c0.24412,-0.48823 0.25891,-0.54741 0.25891,-1.29456c0,-0.71016 -0.02219,-0.82113 -0.20713,-1.20579c-0.22192,-0.45864 -0.63619,-0.85811 -1.12442,-1.09483c-0.24412,-0.11836 -0.45864,-0.14795 -1.09483,-0.14795l-0.79153,0l0,2.51516l0,-0.00001z" fill="#13c3ff" id="svg_3"/>
+   <path d="m10.42812,8.47376c-0.54001,0.17754 -0.71016,0.27371 -1.13181,0.6214l-0.34768,0.2885l-0.31809,-0.25891c-1.05044,-0.85811 -2.58913,-0.95428 -3.45463,-0.21452c-0.42906,0.36988 -0.60657,0.76195 -0.65094,1.43512c-0.03699,0.5992 0.08877,1.16881 0.36984,1.71622c0.08137,0.16274 0.43646,0.5918 0.78413,0.96168c1.08744,1.13181 3.13654,3.01078 3.28449,3.01078c0.08877,0 0.8951,-0.74714 2.01952,-1.87157c1.69403,-1.68663 1.90116,-1.91595 2.11568,-2.37459c0.3033,-0.64358 0.36988,-1.39073 0.18494,-1.95294c-0.36248,-1.08004 -1.73101,-1.73102 -2.85544,-1.36114z" fill="#ff5f5f" id="svg_4"/>
+  </g>
+ </g>
+
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 923d953..60bbb25 100644
--- a/index.html
+++ b/index.html
@@ -365,6 +365,11 @@
             <img class="icon" src="images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee</a>
         <br>
 
+        <!-- Ko-fi -->
+        <a class="button button-ko-fi" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons/ko-fi.svg" alt="Ko-fi">Ko-fi</a>
+        <br>
+
         <!-- VRChat -->
         <a class="button button-vrchat" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>