baalajimaestro/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #93 from soypato/soypato_dev

Browse source 
Added Kick
This commit is contained in:
Seth Cottle 2023-06-29 15:54:28 -04:00 committed by GitHub
commit d607fe5799
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 76 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
css/brands.css
View file

@ -474,6 +474,26 @@ button:hover,
filter: brightness(90%);
}
/* Kick */
.button.button-kick {
background-color:#000000;
color: #ffffff;
border: 1px solid #ffffff;
}
.button.button-kick:hover {
filter: brightness(90%);
}
/* Kick Alt */
.button.button-kick-alt {
background-color:#01e701;
color: #000;
}
.button.button-kick-alt:hover {
filter: brightness(90%);
}
/* Kickstarter */
.button.button-kickstarter {
color: #ffffff;

27
images/icons/kick-alt.svg Normal file
View file

@ -0,0 +1,27 @@
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 302" width="500" height="572">
<title>kick-svg</title>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
<path d="m0 1h933v300h-933z"/>
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
<path d="m0 1h933.33v300h-933.33z"/>
</clipPath>
</defs>
<style>
.s0 { fill: #000000 }
</style>
<g id="Clip-Path: Clip-Path" clip-path="url(#cp1)">
<g id="Clip-Path">
<g id="Layer">
<g id="Clip-Path: Clip-Path" clip-path="url(#cp2)">
<g id="Clip-Path">
<g id="Layer">
<path id="Layer" fill-rule="evenodd" class="s0" d="m0 1h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

23
images/icons/kick.svg Normal file
View file

@ -0,0 +1,23 @@
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 300" width="502" height="571">
<title>Kick_logo-svg</title>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
<path d="m0 0h933v300h-933z"/>
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
<path d="m0 0h933.33v300h-933.33z"/>
</clipPath>
</defs>
<style>
.s0 { fill: #53fc18 }
</style>
<g id="Clip-Path" clip-path="url(#cp1)">
<g id="Layer">
<g id="Clip-Path" clip-path="url(#cp2)">
<g id="Layer">
<path id="Layer" fill-rule="evenodd" class="s0" d="m0 0h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 961 B

6
index.html
View file

@ -208,6 +208,12 @@
<!-- Instagram -->
<a class="button button-instagram" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/instagram.svg" alt="">Instagram</a><br>
<!-- Kick -->
<a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
<!-- Kick Alt -->
<a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
<!-- Kickstarter -->
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>