From 5c9da8a648c19b9ac80c1a2ba2b87c0b79ba6bed Mon Sep 17 00:00:00 2001
From: heyimjonas <48453988+heyimjonas@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:08:26 +0200
Subject: [PATCH] added Anilist and OP.GG

---
 css/brands-extended.css           | 19 +++++++++++++++++++
 images/icons-extended/Anilist.svg | 21 +++++++++++++++++++++
 images/icons-extended/opgg.svg    |  3 +++
 preview.html                      | 10 ++++++++++
 4 files changed, 53 insertions(+)
 create mode 100644 images/icons-extended/Anilist.svg
 create mode 100644 images/icons-extended/opgg.svg

diff --git a/css/brands-extended.css b/css/brands-extended.css
index 05020ea..283fbe7 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -104,6 +104,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Anilist */
+.button.button-anilist {
+  color: #ffffff;
+  background-color: #152232;
+}
+.button.button-anilist:hover,
+.button.button-anilist:focus {
+  filter: brightness(90%);
+}
+
 /* Behance */
 .button.button-behance {
   color: #1769ff;
@@ -211,6 +221,15 @@ button:hover,
 .button.button-myanimelist:focus {
   filter: brightness(90%) }
 
+  /* OP.GG */
+.button.button-opgg {
+  color: #5383E8;
+  background-color: #ffffff }
+.button.button-opgg:hover,
+.button.button-opgg:focus {
+  filter: brightness(90%) }
+
+
   /* ORCID ID */
 .button.button-orcid-id {
   color: #000000;
diff --git a/images/icons-extended/Anilist.svg b/images/icons-extended/Anilist.svg
new file mode 100644
index 0000000..f388fa5
--- /dev/null
+++ b/images/icons-extended/Anilist.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="172" height="172" viewBox="0 0 172 172">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #02a9ff;
+      }
+
+      .cls-1, .cls-2 {
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: #fefefe;
+      }
+    </style>
+  </defs>
+  <g>
+    <path d="M111.322,111.157 L111.322,41.029 C111.322,37.010 109.105,34.792 105.086,34.792 L91.365,34.792 C87.346,34.792 85.128,37.010 85.128,41.029 C85.128,41.029 85.128,56.337 85.128,74.333 C85.128,75.271 94.165,79.626 94.401,80.547 C101.286,107.449 95.897,128.980 89.370,129.985 C100.042,130.513 101.216,135.644 93.267,132.138 C94.483,117.784 99.228,117.812 112.869,131.610 C112.986,131.729 115.666,137.351 115.833,137.351 C131.170,137.351 148.050,137.351 148.050,137.351 C152.069,137.351 154.286,135.134 154.286,131.115 L154.286,117.394 C154.286,113.375 152.069,111.157 148.050,111.157 L111.322,111.157 Z" class="cls-1"/>
+    <path d="M54.365,34.792 L18.331,137.351 L46.327,137.351 L52.425,119.611 L82.915,119.611 L88.875,137.351 L116.732,137.351 L80.836,34.792 L54.365,34.792 ZM58.800,96.882 L67.531,68.470 L77.094,96.882 L58.800,96.882 Z" class="cls-2"/>
+  </g>
+</svg>
diff --git a/images/icons-extended/opgg.svg b/images/icons-extended/opgg.svg
new file mode 100644
index 0000000..6bdc756
--- /dev/null
+++ b/images/icons-extended/opgg.svg
@@ -0,0 +1,3 @@
+<svg width="108" height="26" viewBox="0 0 108 26" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.04 19.83c-3.778 0-6.851-3.064-6.851-6.83s3.073-6.83 6.852-6.83c3.777 0 6.851 3.064 6.851 6.83s-3.074 6.83-6.851 6.83m0-19.83C5.851 0 0 5.832 0 13s5.85 13 13.041 13c7.19 0 13.04-5.832 13.04-13S20.23 0 13.04 0m28.493.005c5.492 0 9.322 4.317 9.322 9.906 0 5.619-4.027 9.907-9.322 9.907h-7.117v6.16h-5.85V.005zm9.322 20.703a2.643 2.643 0 0 1 2.644 2.635 2.643 2.643 0 0 1-2.644 2.635 2.642 2.642 0 0 1-2.643-2.635 2.642 2.642 0 0 1 2.643-2.635zm-9.35-14.694h-7.089v7.795h7.089c2.445 0 3.19-2.246 3.19-3.898 0-1.602-.745-3.897-3.19-3.897zm38.282 5.421H68.17v4.65h5.324c-.424 2.05-2.589 3.887-5.852 3.887-3.86 0-7-3.13-7-6.978s3.14-6.863 7-6.863c1.894 0 3.669.631 5 1.989l.296.302.352-.234 4.214-2.801.474-.316-.367-.435a13.018 13.018 0 0 0-9.969-4.63c-7.184 0-13.028 5.826-13.028 12.988s5.844 12.987 13.028 12.987c6.394 0 10.98-3.67 11.969-9.576.243-1.46.309-2.201.265-3.41a30.707 30.707 0 0 0-.09-1.56m27.361.003H95.532v4.65h5.323c-.424 2.05-2.589 3.888-5.852 3.888-3.86 0-7-3.131-7-6.979 0-3.848 3.14-6.863 7-6.863 1.893 0 3.668.632 5.001 1.989l.296.302.352-.234 4.213-2.8.475-.317-.368-.435a13.021 13.021 0 0 0-9.97-4.63c-7.183 0-13.027 5.826-13.027 12.988s5.844 12.988 13.028 12.988c6.395 0 10.98-3.67 11.969-9.577.244-1.46.309-2.201.266-3.41a31.157 31.157 0 0 0-.09-1.56" fill="#5383E8" fill-rule="nonzero"/>
+</svg>
diff --git a/preview.html b/preview.html
index 3ef76b0..a8176a3 100644
--- a/preview.html
+++ b/preview.html
@@ -107,6 +107,11 @@
             <img class="icon" src="images/icons-extended/alphauniverse.png" alt="Alpha Universe Logo">Universe</a>
         <br>
 
+        <!-- Anilist -->
+        <a class="button button-anilist" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/anilist.svg" alt="Anilist Logo">Anilist</a>
+        <br>
+
         <!-- Behance -->
         <a class="button button-behance" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/behance.svg" alt="Behance Logo">Behance</a>
@@ -161,6 +166,11 @@
         <a class="button button-myanimelist" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/myanimelist.svg" alt="MyAnimeList Logo">MyAnimeList</a>
         <br>
+        
+        <!-- OP.GG -->
+        <a class="button button-opgg" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/opgg.svg" alt="OP.GG Logo">OP.GG</a>
+        <br>
 
         <!-- ORCID ID -->
         <a class="button button-orcid-id" href="#" target="_blank" rel="noopener">