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

⚡️ General Improvements

Browse Source 
Removed a few deprecated brands, including Mixer and Spectrum.

Updated iconography and brand colors to align with guidelines set by brands and to help increase visual accessibility. This will likely be the new style moving forward, so if you want to go back to brand color button backgrounds and solid white or black iconography, you'll need to do that on your own.

Added Facebook Messenger and Vimeo, please keep the suggestions coming for popular services that you believe should be included in the main branch for everyone by default.
This commit is contained in:
Seth Cottle
2021-02-19 01:37:00 -05:00
parent 55b5528537
commit 3ae139e32c
18 changed files with 138 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@ -6,8 +6,8 @@
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>LittleLink</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="description" content="Find us online!">
<meta name="author" content="Seth Cottle">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
@ -42,10 +42,10 @@
<h1>LittleLink</h1>
<!-- Short Bio -->
<p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee">Linktree</a> and <a href="https://many.link">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com">Skeleton</a>, a dead simple, responsive boilerplate — we’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
<p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee">Linktree</a> and <a href="https://many.link">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com">Skeleton</a>, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
<!-- Github -->
<a class="button button-github" href="#"><img class="icon" src="icons/github.svg">Github</a>
@ -60,9 +60,13 @@
<br>
<!-- Facebook -->
<a class="button button-facebook" href="#"><img class="icon" src="icons/facebook.svg">Facebook</a>
<a class="button button-facebook" href="#"><img class="icon" src="icons/facebook.svg">Find us on Facebook</a>
<br>
<!-- Facebook Messenger -->
<a class="button button-messenger" href="#"><img class="icon" src="icons/messenger.svg">Chat on Messenger</a>
<br>
<!-- LinkedIn -->
<a class="button button-linkedin" href="#"><img class="icon" src="icons/linkedin.svg">LinkedIn</a>
<br>
@ -71,6 +75,14 @@
<a class="button button-youtube" href="#"><img class="icon" src="icons/youtube.svg">YouTube</a>
<br>
<!-- Discord -->
<a class="button button-discord" href="#"><img class="icon" src="icons/discord.svg">Discord</a>
<br>
<!-- Twitch -->
<a class="button button-twitch" href="#"><img class="icon" src="icons/twitch.svg">Twitch</a>
<br>
<!-- Snapchat -->
<a class="button button-snapchat" href="#"><img class="icon" src="icons/snapchat.svg">Snapchat</a>
<br>
@ -82,26 +94,18 @@
<!-- Reddit -->
<a class="button button-reddit" href="#"><img class="icon" src="icons/reddit.svg">Reddit</a>
<br>
<!-- Rocketseat -->
<a class="button button-rocketseat" href="#"><img class="icon" src="icons/rocketseat.svg">Rocketseat</a>
<br>
<!-- Medium -->
<a class="button button-medium" href="#"><img class="icon" src="icons/medium.svg">Medium</a>
<br>
<!-- Pinterest -->
<a class="button button-pinterest" href="#"><img class="icon" src="icons/pinterest.svg">Pinterest</a>
<a class="button button-pinterest" href="#"><img class="icon" src="icons/pinterest.svg">Follow on Pinterest</a>
<br>
<!-- SoundCloud -->
<a class="button button-soundcloud" href="#"><img class="icon" src="icons/soundcloud.svg">SoundCloud</a>
<br>
<!-- Spectrum -->
<a class="button button-spectrum" href="#"><img class="icon" src="icons/spectrum.svg">Spectrum</a>
<br>
<br>
<!-- Figma -->
<a class="button button-figma" href="#"><img class="icon" src="icons/figma.svg">Figma</a>
@ -123,17 +127,12 @@
<a class="button button-steam" href="#"><img class="icon" src="icons/steam.svg">Steam</a>
<br>
<!-- Discord -->
<a class="button button-discord" href="#"><img class="icon" src="icons/discord.svg">Discord</a>
<br>
<!-- Twitch -->
<a class="button button-twitch" href="#"><img class="icon" src="icons/twitch.svg">Twitch</a>
<br>
<!-- Mixer -->
<a class="button button-mixer" href="#"><img class="icon" src="icons/mixer.svg">Mixer</a>
<br>
<!-- Vimeo -->
<a class="button button-vimeo" href="#"><img class="icon" src="icons/vimeo.svg">Vimeo</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#"><img class="icon" src="icons/wordpress.svg">Wordpress</a>
<!-- Goodreads -->
<a class="button button-goodreads" href="#"><img class="icon" src="icons/goodreads.svg">Goodreads</a>
@ -142,9 +141,7 @@
<!-- Skoob -->
<a class="button button-skoob" href="#"><img class="icon" src="icons/skoob.svg">Skoob</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#"><img class="icon" src="icons/wordpress.svg">Wordpress</a>
<br>
<br>
<p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p>