Upstream/littlelink-server
1
0
Fork 0
mirror of https://github.com/techno-tim/littlelink-server.git synced 2024-11-27 06:15:40 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add support for micro.blog

Browse Source
This commit is contained in:
Jonathan Jordan 2021-08-15 18:27:12 -07:00
parent 4ca1bd2549
commit 1ddf0629ef
4 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
env.js
View File

@ -13,6 +13,7 @@ var env = {
BIO: '$BIO', BIO: '$BIO',
GITHUB: '$GITHUB', GITHUB: '$GITHUB',
TWITTER: '$TWITTER', TWITTER: '$TWITTER',
MICRO_BLOG: '$MICRO_BLOG',
INSTAGRAM: '$INSTAGRAM', INSTAGRAM: '$INSTAGRAM',
FACEBOOK: '$FACEBOOK', FACEBOOK: '$FACEBOOK',
FACEBOOK_MESSENGER: '$FACEBOOK_MESSENGER', FACEBOOK_MESSENGER: '$FACEBOOK_MESSENGER',
@ -116,6 +117,14 @@ function useEnv(document) {
twitterEl.remove() twitterEl.remove()
} }
var microblogEl = document.getElementById('microblog');
if (env.MICRO_BLOG) {
microblogEl.href = env.MICRO_BLOG;
} else {
microblogEl.nextElementSibling.remove()
microblogEl.remove()
}
var instagramEl = document.getElementById('instagram'); var instagramEl = document.getElementById('instagram');
if (env.INSTAGRAM) { if (env.INSTAGRAM) {
instagramEl.href = env.INSTAGRAM; instagramEl.href = env.INSTAGRAM;

4
template/index.html
View File

@ -96,6 +96,10 @@
<a id="twitter" class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a> <a id="twitter" class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
<br> <br>
<!-- micro.blog -->
<a id="microblog" class="button button-microblog" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/microblog.svg" alt="Micro.blog Logo"/>Micro.blog</a>
<br>
<!-- Instagram --> <!-- Instagram -->
<a id="instagram" class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a> <a id="instagram" class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
<br> <br>

8
www/css/brands.css
View File

@ -163,6 +163,14 @@ button:hover,
.button.button-medium:focus { .button.button-medium:focus {
filter: brightness(90%) } filter: brightness(90%) }
/* Micro.blog */
.button.button-microblog {
color: #FFFFFF;
background-color: #FD9927 }
.button.button-microblog:hover,
.button.button-microblog:focus {
filter: brightness(90%) }
/* Pinterest */ /* Pinterest */
.button.button-pinterest { .button.button-pinterest {
color: #000000; color: #000000;

3
www/icons/microblog.svg Normal file
View File

@ -0,0 +1,3 @@
<svg style="width: 24px; height: 24px; fill: white;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 482.79 486.16">
<path class="cls-1" d="M495.79,372.06c32-37.64,51.11-85,51.11-136.5C546.9,113,438.82,13.72,305.5,13.72S64.1,113,64.1,235.56,172.18,457.4,305.5,457.4a259.65,259.65,0,0,0,86.2-14.58,7.78,7.78,0,0,1,8.81,2.77c20.17,27.23,51.67,46.38,86.7,54.17a4.79,4.79,0,0,0,4.74-7.65,94.37,94.37,0,0,1,4-120.11ZM420,209.48l-62.17,47.19,22.56,74.72a7.06,7.06,0,0,1-10.79,7.84L305.5,294.68l-64.09,44.55a7.06,7.06,0,0,1-10.79-7.84l22.56-74.72L191,209.48a7.06,7.06,0,0,1,4.12-12.68l78-1.63,25.67-73.71a7.06,7.06,0,0,1,13.33,0l25.67,73.71,78,1.63A7.06,7.06,0,0,1,420,209.48Z" transform="translate(-64.1 -13.72)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 722 B