gkaklas/littlelink-extended
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added Anilist and OP.GG

Browse source
This commit is contained in:
heyimjonas 2023-08-31 14:08:26 +02:00
parent 1b770aeee8
commit 5c9da8a648
4 changed files with 53 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
css/brands-extended.css
View file

@ -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;

21
images/icons-extended/Anilist.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
images/icons-extended/opgg.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
preview.html
View file

@ -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">