syrell/homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add redbubble style and svg

Browse Source
This commit is contained in:
Joel Wetzell 2022-09-22 13:25:19 -05:00
parent b01f209660
commit a40a9846c2
3 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/brands.css
View File

@ -174,6 +174,19 @@ button:hover,
filter: brightness(90%);
}
/* Redbubble */
.button.button-redbubble {
color: #e41321;
border-style: solid;
border-color: #e41321;
border-width: 2px;
background-color: #ffffff;
}
.button.button-redbubble:hover,
.button.button-redbubble:focus {
filter: brightness(90%);
}
/* Facebook */
.button.button-faceb {
color: #ffffff;

3
images/icons/redbubble.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
<path fill="#e41321" d="m27.621 27.225h-5.3279a0.53462 0.53462 0 0 1-0.53331-0.53592v-13.372c0-0.29541 0.2392-0.53462 0.53331-0.53462h4.9397c3.707 0 4.4848 2.1829 4.4848 4.0129 0 1.0588-0.28103 1.8993-0.83918 2.5162 1.3594 0.56076 2.0914 1.8248 2.0914 3.6534 0 2.6679-1.9999 4.2599-5.3488 4.2599m-7.7356 0h-11.066a0.53331 0.53331 0 0 1-0.532-0.53592v-13.372c0-0.29541 0.2379-0.53462 0.532-0.53462h5.1697c3.2286 0 5.1553 1.7385 5.1553 4.6508 0 1.9372-0.97381 3.4587-2.5437 4.0769l3.6822 4.8246a0.53592 0.53592 0 0 1-0.39868 0.88885m0.019607-27.188c-11.037 0-19.986 8.9486-19.986 19.986 0 11.04 8.9486 19.989 19.987 19.989s19.986-8.9486 19.986-19.987-8.946-19.986-19.985-19.986"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 756 B

5
index.html
View File

@ -245,6 +245,11 @@
<img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
<br>
<!-- Redbubble -->
<a class="button button-redbubble" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/redbubble.svg" alt="Redbubble Logo">Redbubble</a>
<br>
<!-- Tumblr -->
<a class="button button-tumb" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>