Added icons and CSS settings for Goodreads and Skoob buttons;

This commit is contained in:
Biel 2020-08-18 19:07:43 -03:00
parent 3a477974b2
commit 9ceeb7a0a9
4 changed files with 26 additions and 0 deletions

View File

@ -109,6 +109,14 @@ button:hover,
.button.button-github:focus { .button.button-github:focus {
filter: brightness(90%) } filter: brightness(90%) }
/* Goodreads */
.button.button-goodreads {
color: #553B08;
background-color: #F3F1E6 }
.button.button-youtube:hover,
.button.button-youtube:focus {
filter: brightness(90%) }
/* Instagram */ /* Instagram */
.button.button-instagram { .button.button-instagram {
color: #FFFFFF; color: #FFFFFF;
@ -165,6 +173,14 @@ button:hover,
.button.button-reddit:focus { .button.button-reddit:focus {
filter: brightness(90%) } filter: brightness(90%) }
/* Skoob */
.button.button-skoob {
color: #FFFFFF;
background-color: #5882BE }
.button.button-youtube:hover,
.button.button-youtube:focus {
filter: brightness(90%) }
/* Snapchat */ /* Snapchat */
.button.button-snapchat { .button.button-snapchat {
color: #000000; color: #000000;

1
icons/goodreads.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 24 24" width="24pt" height="24pt"><path d=" M 16.066 8.529 C 16.339 10.527 15.814 12.761 14.143 13.923 C 12.948 14.754 11.314 14.679 10.35 14.229 C 8.363 13.302 7.698 11.089 7.843 9.021 C 8.073 5.759 10.034 4.312 11.877 4.334 C 14.389 4.323 15.723 6.037 16.066 8.529 Z M 24 3 L 24 21 C 24 22.655 22.655 24 21 24 L 3 24 C 1.345 24 0 22.655 0 21 L 0 3 C 0 1.345 1.345 0 3 0 L 21 0 C 22.655 0 24 1.345 24 3 Z M 17.679 15.064 C 17.679 15.064 17.673 13.243 17.673 3.423 L 16.12 3.423 L 16.12 5.582 C 16.077 5.598 16.055 5.555 16.034 5.518 C 15.52 4.409 14.111 3.037 11.963 3.054 C 9.182 3.075 7.291 4.725 6.573 7.221 C 6.343 8.02 6.263 8.834 6.279 9.664 C 6.37 13.837 8.695 15.975 12.3 15.836 C 13.848 15.777 15.22 14.925 15.996 13.414 C 16.023 13.361 16.055 13.313 16.087 13.259 C 16.098 13.264 16.109 13.264 16.12 13.27 C 16.136 13.473 16.13 14.914 16.125 15.118 C 16.114 15.911 16.018 16.698 15.739 17.448 C 15.321 18.573 14.545 19.307 13.355 19.564 C 12.402 19.773 11.448 19.768 10.505 19.5 C 9.354 19.173 8.55 18.482 8.304 17.261 C 8.287 17.175 8.234 17.191 8.18 17.191 L 6.745 17.191 C 6.787 17.759 6.916 18.279 7.2 18.755 C 8.496 20.925 11.63 21.354 14.068 20.759 C 16.741 20.1 17.673 17.818 17.679 15.064 Z " fill="rgb(232,228,202)"/><path d=" M 16.088 8.5 C 16.362 10.499 15.837 12.733 14.165 13.895 C 12.971 14.725 11.337 14.65 10.372 14.2 C 8.385 13.274 7.721 11.061 7.865 8.993 C 8.096 5.731 10.056 4.284 11.899 4.306 C 14.412 4.295 15.746 6.009 16.088 8.5 L 16.088 8.5 Z M 17.701 15.036 C 17.701 15.036 17.696 13.215 17.696 3.395 L 16.142 3.395 L 16.142 5.554 C 16.099 5.57 16.078 5.527 16.056 5.49 C 15.542 4.381 14.133 3.009 11.985 3.025 C 9.205 3.047 7.313 4.697 6.596 7.193 C 6.365 7.992 6.285 8.806 6.301 9.636 C 6.392 13.809 8.717 15.947 12.322 15.808 C 13.871 15.749 15.242 14.897 16.019 13.386 C 16.046 13.333 16.078 13.284 16.11 13.231 C 16.121 13.236 16.131 13.236 16.142 13.242 C 16.158 13.445 16.153 14.886 16.147 15.09 C 16.137 15.883 16.04 16.67 15.762 17.42 C 15.344 18.545 14.567 19.279 13.378 19.536 C 12.424 19.745 11.471 19.74 10.528 19.472 C 9.376 19.145 8.572 18.454 8.326 17.233 C 8.31 17.147 8.256 17.163 8.203 17.163 L 6.767 17.163 C 6.81 17.731 6.938 18.25 7.222 18.727 C 8.519 20.897 11.653 21.325 14.09 20.731 C 16.763 20.072 17.696 17.79 17.701 15.036 L 17.701 15.036 Z " fill-rule="evenodd" fill="rgb(85,59,8)"/></svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

1
icons/skoob.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 24 24" width="24pt" height="24pt"><path d=" M 20.758 16.357 C 20.758 16.997 20.294 17.747 19.721 18.034 L 12 21.895 L 4.278 18.034 C 3.706 17.747 3.242 16.997 3.242 16.357 L 3.242 14.597 L 10.964 18.457 C 11.536 18.744 12 19.494 12 20.134 C 12 19.494 12.464 18.744 13.036 18.457 L 20.758 14.597 L 20.758 16.357 Z M 4.014 8.758 C 4.014 6.769 5.633 5.151 7.621 5.151 C 9.609 5.151 11.226 6.768 11.228 8.756 L 11.228 8.758 L 11.228 8.761 C 11.226 10.748 9.609 12.365 7.621 12.365 C 5.633 12.365 4.014 10.747 4.014 8.758 Z M 12 10.217 C 12.538 10.217 12.973 10.654 12.973 11.191 C 12.973 11.728 12 13.138 12 13.138 C 12 13.138 11.027 11.728 11.027 11.191 C 11.027 10.654 11.462 10.217 12 10.217 Z M 12.772 8.756 C 12.774 6.768 14.391 5.151 16.379 5.151 C 18.368 5.151 19.986 6.769 19.986 8.758 C 19.986 10.747 18.368 12.365 16.379 12.365 C 14.391 12.365 12.774 10.748 12.772 8.761 L 12.772 8.756 Z M 19.298 14.175 L 19.298 12.998 C 20.646 12.068 21.531 10.515 21.531 8.758 C 21.531 7.209 20.841 5.822 19.756 4.877 C 20.312 4.577 20.758 3.847 20.758 3.22 L 20.758 0 L 13.036 3.861 C 12.464 4.147 12 4.898 12 5.538 C 12 4.898 11.536 4.147 10.964 3.861 L 3.242 0 L 3.242 3.22 C 3.242 3.847 3.688 4.578 4.245 4.877 C 3.159 5.822 2.469 7.209 2.469 8.758 C 2.469 10.515 3.355 12.068 4.702 12.998 L 4.702 14.175 L 3.703 13.675 L 2.212 12.931 L 2.212 16.357 C 2.212 17.38 2.902 18.496 3.817 18.955 L 4.745 19.419 C 4.893 20.387 5.577 22.625 8.756 22.625 C 10.446 22.625 11.425 23.26 12 24 C 12.575 23.26 13.554 22.625 15.244 22.625 C 18.423 22.625 19.107 20.387 19.256 19.419 L 20.182 18.955 C 21.098 18.496 21.788 17.38 21.788 16.357 L 21.788 12.931 L 19.298 14.175 Z " fill="rgb(254,254,254)"/><path d=" M 7.121 11.536 C 7.928 11.536 8.581 10.882 8.581 10.076 C 8.581 9.269 7.928 8.616 7.121 8.616 C 6.314 8.616 5.661 9.269 5.661 10.076 C 5.661 10.882 6.314 11.536 7.121 11.536 Z " fill="rgb(254,254,254)"/><path d=" M 15.879 11.536 C 16.686 11.536 17.339 10.882 17.339 10.076 C 17.339 9.269 16.686 8.616 15.879 8.616 C 15.073 8.616 14.419 9.269 14.419 10.076 C 14.419 10.882 15.073 11.536 15.879 11.536 Z " fill="rgb(254,254,254)"/></svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -130,6 +130,14 @@
<!-- Mixer --> <!-- Mixer -->
<a class="button button-mixer" href="#"><img class="icon" src="icons/mixer.svg">Mixer</a> <a class="button button-mixer" href="#"><img class="icon" src="icons/mixer.svg">Mixer</a>
<br> <br>
<!-- Goodreads -->
<a class="button button-goodreads" href="#"><img class="icon" src="icons/goodreads.svg">Goodreads</a>
<br>
<!-- Skoob -->
<a class="button button-skoob" href="#"><img class="icon" src="icons/skoob.svg">Skoob</a>
<br>
<br> <br>
<p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p> <p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p>