diff --git a/css/brands.css b/css/brands.css index accef34..c4c6761 100644 --- a/css/brands.css +++ b/css/brands.css @@ -18,7 +18,6 @@ * 12/29/2014 */ - /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– @@ -27,7 +26,6 @@ */ - /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -46,20 +44,22 @@ button { white-space: wrap; border-radius: 8px; cursor: pointer; - } +} button:hover, .button:focus { color: #333; border-color: #888; - outline: 0; } + outline: 0; +} .button.button-primary { - color: #FFF; - filter: brightness(90%) } + color: #fff; + filter: brightness(90%); +} .button.button-primary:hover, .button.button-primary:focus { - color: #FFF; - filter: brightness(90%) } - + color: #fff; + filter: brightness(90%); +} /* Brand Icons –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -71,305 +71,386 @@ button:hover, height: 20px; } - /* Brand Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Default (this is great for your own brand color!) */ .button.button-default { - color: #FFFFFF; - background-color: #0085FF } + color: #ffffff; + background-color: #0085ff; +} .button.button-default:hover, .button.button-default:focus { - filter: brightness(90%) } - + filter: brightness(90%); +} + /* Bandcamp */ .button.button-bandcamp { - color: #FFFFFF; - background-color: #1d9fc3 } + color: #ffffff; + background-color: #1d9fc3; +} .button.button-bandcamp:hover, .button.button-bandcamp:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Patreon */ .button.button-patreon { - color: #FFFFFF; - background-color: #ff424d } + color: #ffffff; + background-color: #ff424d; +} .button.button-patreon:hover, .button.button-patreon:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Signal */ .button.button-signal { - color: #FFFFFF; - background-color: #3a76f0 } + color: #ffffff; + background-color: #3a76f0; +} .button.button-signal:hover, .button.button-signal:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Venmo */ .button.button-venmo { - color: #FFFFFF; - background-color: #3d95ce } + color: #ffffff; + background-color: #3d95ce; +} .button.button-venmo:hover, .button.button-venmo:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Cash App */ .button.button-cashapp { - color: #FFFFFF; - background-image: linear-gradient(to bottom, #00D64B, #00C244); } + color: #ffffff; + background-image: linear-gradient(to bottom, #00d64b, #00c244); +} .button.button-cashapp:hover, .button.button-cashapp:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Discord */ .button.button-discord { - color: #FFFFFF; - background-color: #5865F2 } + color: #ffffff; + background-color: #5865f2; +} .button.button-discord:hover, .button.button-discord:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Facebook */ .button.button-faceb { - color: #FFFFFF; - background-color: #1877f2 } + color: #ffffff; + background-color: #1877f2; +} .button.button-faceb:hover, .button.button-faceb:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Facebook Messenger */ .button.button-messenger { - color: #FFFFFF; - background-image: linear-gradient(25deg,#0099FF, #5F5DFF,#A033FF, #C740CC, #FF5280, #FF7061) } + color: #ffffff; + background-image: linear-gradient( + 25deg, + #0099ff, + #5f5dff, + #a033ff, + #c740cc, + #ff5280, + #ff7061 + ); +} .button.button-messenger:hover, .button.button-messenger:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Figma */ .button.button-figma { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-figma:hover, .button.button-figma:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Github */ .button.button-github { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-github:hover, .button.button-github:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Gitlab */ .button.button-gitlab { color: #ffffff; - background-color: #6151b2 } + background-color: #6151b2; +} .button.button-gitlab:hover, .button.button-gitlab:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Goodreads */ .button.button-goodreads { color: #333333; - background-color: #F3F1E6 } + background-color: #f3f1e6; +} .button.button-goodreads:hover, .button.button-goodreads:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Instagram */ .button.button-instagram { - color: #FFFFFF; - background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000) } + color: #ffffff; + background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); +} .button.button-instagram:hover, .button.button-instagram:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Kit */ .button.button-kit { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-kit:hover, .button.button-kit:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* LinkedIn */ .button.button-linked { - color: #FFFFFF; - background-color: #2867B2 } + color: #ffffff; + background-color: #2867b2; +} .button.button-linked:hover, .button.button-linked:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Mastodon */ .button.button-mastodon { - color: #FFFFFF; - background-color: #1F232B } + color: #ffffff; + background-color: #1f232b; +} .button.button-mastodon:hover, .button.button-mastodon:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Medium */ .button.button-medium { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-medium:hover, .button.button-medium:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Pinterest */ .button.button-pinterest { color: #000000; - background-color: #FFE2EB } + background-color: #ffe2eb; +} .button.button-pinterest:hover, .button.button-pinterest:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Producthunt */ .button.button-producthunt { - color: #DA552F; + color: #da552f; border-style: solid; - border-color: #DA552F; + border-color: #da552f; border-width: 2px; - background-color: #FFFFFF } + background-color: #ffffff; +} .button.button-producthunt:hover, .button.button-producthunt:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Reddit */ .button.button-reddit { color: #000000; - background-color: #D7DFE2 } + background-color: #d7dfe2; +} .button.button-reddit:hover, .button.button-reddit:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Skoob */ .button.button-skoob { - color: #FFFFFF; - background-color: #3189C8 } + color: #ffffff; + background-color: #3189c8; +} .button.button-skoob:hover, .button.button-skoob:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Snapchat */ .button.button-snapchat { color: #000000; - background-color: #fffc00 } + background-color: #fffc00; +} .button.button-snapchat:hover, .button.button-snapchat:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* SoundCloud */ .button.button-soundcloud { - color: #FFFFFF; - background-color: #ff5500 } + color: #ffffff; + background-color: #ff5500; +} .button.button-soundcloud:hover, .button.button-soundcloud:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Spotify */ .button.button-spotify { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-spotify:hover, .button.button-spotify:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Steam */ .button.button-steam { - color: #FFFFFF; - background-color: #171a21 } + color: #ffffff; + background-color: #171a21; +} .button.button-steam:hover, .button.button-steam:focus { - filter: brightness(90%) } - + filter: brightness(90%); +} + /* Telegram */ .button.button-telegram { - color: #FFFFFF; - background-color: #3faee8 } + color: #ffffff; + background-color: #3faee8; +} .button.button-telegram:hover, .button.button-telegram:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* TikTok */ .button.button-tiktok { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-tiktok:hover, .button.button-tiktok:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Tumblr */ .button.button-tumb { - color: #FFFFFF; - background-color: #131313 } + color: #ffffff; + background-color: #131313; +} .button.button-tumb:hover, .button.button-tumb:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Twitch */ .button.button-twitch { - color: #FFFFFF; - background-color: #9146ff } + color: #ffffff; + background-color: #9146ff; +} .button.button-twitch:hover, .button.button-twitch:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Twitter */ .button.button-twit { - color: #FFFFFF; - background-color: #1DA1F2 } + color: #ffffff; + background-color: #1da1f2; +} .button.button-twit:hover, .button.button-twit:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Vimeo */ .button.button-vimeo { - color: #FFFFFF; - background-color: #1ab7ea } + color: #ffffff; + background-color: #1ab7ea; +} .button.button-vimeo:hover, .button.button-vimeo:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* PayPal */ .button.button-paypal { - color: #FFFFFF; - background-color: #003087 } + color: #ffffff; + background-color: #003087; +} .button.button-paypal:hover, .button.button-paypal:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* YouTube */ .button.button-yt { - color: #FFFFFF; - background-color: #000000 } + color: #ffffff; + background-color: #000000; +} .button.button-yt:hover, .button.button-yt:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* WhatsApp */ .button.button-whatsapp { - color: #FFFFFF; - background-color: #455A64 } + color: #ffffff; + background-color: #455a64; +} .button.button-whatsapp:hover, .button.button-whatsapp:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Wordpress */ .button.button-wordpress { - color: #FFFFFF; - background-color: #21759b } + color: #ffffff; + background-color: #21759b; +} .button.button-wordpress:hover, .button.button-wordpress:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Xing */ .button.button-xing { - color: #FFFFFF; - background-color: #026466 } + color: #ffffff; + background-color: #026466; +} .button.button-xing:hover, .button.button-xing:focus { - filter: brightness(90%) } + filter: brightness(90%); +} diff --git a/css/normalize.css b/css/normalize.css index 81c6f31..458eea1 100644 --- a/css/normalize.css +++ b/css/normalize.css @@ -424,4 +424,4 @@ table { td, th { padding: 0; -} \ No newline at end of file +} diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css index 3ded1d3..8ae22a0 100644 --- a/css/skeleton-auto.css +++ b/css/skeleton-auto.css @@ -15,7 +15,6 @@ * 12/29/2014 */ - /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid @@ -30,7 +29,6 @@ * */ - /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { @@ -40,34 +38,38 @@ text-align: center; margin: 0 auto; padding: 0 20px; - box-sizing: border-box; } + box-sizing: border-box; +} .column { position: center; width: 100%; float: center; - box-sizing: border-box; } + box-sizing: border-box; +} /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; - padding: 0; } + padding: 0; + } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { - width: 80%; } + width: 80%; + } .column, .columns { - margin-left: 0; } + margin-left: 0; + } .column:first-child, .columns:first-child { - margin-left: 0; } - + margin-left: 0; + } } - /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE @@ -82,84 +84,98 @@ body { font-size: 18px; line-height: 24px; font-weight: 400; - font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; } - /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1 { margin-top: 0; margin-bottom: 16px; - font-weight: 800; } -h1 { font-size:24px; line-height: 64px; letter-spacing: 0;} - + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} /* Larger than phablet */ @media (min-width: 550px) { - h1 { font-size: 48px; line-height: 96px;} + h1 { + font-size: 48px; + line-height: 96px; + } } p { - margin-top: 0; } - + margin-top: 0; +} /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { - color: #0085FF; } + color: #0085ff; +} a:hover { - color: #0085FF; } - + color: #0085ff; +} /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { - padding: .2rem .5rem; - margin: 0 .2rem; + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; font-size: 90%; - color: #000000; white-space: nowrap; - background: #F1F1F1; - border: 1px solid #E1E1E1; - border-radius: 4px; } + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} pre > code { display: block; padding: 1rem 1.5rem; - white-space: pre; } + white-space: pre; +} /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} input, textarea, select, fieldset { - margin-bottom: 1.5rem; } + margin-bottom: 1.5rem; +} pre, blockquote, dl, figure, p, ol { - margin-bottom: 2.5rem; } - + margin-bottom: 2.5rem; +} /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-max-full-width { max-width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-pull-right { - float: right; } + float: right; +} .u-pull-left { - float: left; } - + float: left; +} /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -167,5 +183,5 @@ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; - border-top: 1px solid #E1E1E1; } - + border-top: 1px solid #e1e1e1; +} diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css index 6961143..26c2c8c 100644 --- a/css/skeleton-dark.css +++ b/css/skeleton-dark.css @@ -15,7 +15,6 @@ * 12/29/2014 */ - /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid @@ -30,7 +29,6 @@ * */ - /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { @@ -40,34 +38,38 @@ text-align: center; margin: 0 auto; padding: 0 20px; - box-sizing: border-box; } + box-sizing: border-box; +} .column { position: center; width: 100%; float: center; - box-sizing: border-box; } + box-sizing: border-box; +} /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; - padding: 0; } + padding: 0; + } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { - width: 80%; } + width: 80%; + } .column, .columns { - margin-left: 0; } + margin-left: 0; + } .column:first-child, .columns:first-child { - margin-left: 0; } - + margin-left: 0; + } } - /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE @@ -75,90 +77,105 @@ html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { - font-size: 100%; } + font-size: 100%; + color-scheme: dark; +} body { - background-color: #121212; font-size: 18px; line-height: 24px; font-weight: 400; - font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #FFFFFF; } - + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; +} /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1 { margin-top: 0; margin-bottom: 16px; - font-weight: 800; } -h1 { font-size:24px; line-height: 64px; letter-spacing: 0;} - + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} /* Larger than phablet */ @media (min-width: 550px) { - h1 { font-size: 48px; line-height: 96px;} + h1 { + font-size: 48px; + line-height: 96px; + } } p { - margin-top: 0; } - + margin-top: 0; +} /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { - color: #0085FF; } + color: #0085ff; +} a:hover { - color: #0085FF; } - + color: #0085ff; +} /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { - padding: .2rem .5rem; - margin: 0 .2rem; + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; font-size: 90%; - color: #000000; white-space: nowrap; - background: #F1F1F1; - border: 1px solid #E1E1E1; - border-radius: 4px; } + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} pre > code { display: block; padding: 1rem 1.5rem; - white-space: pre; } + white-space: pre; +} /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} input, textarea, select, fieldset { - margin-bottom: 1.5rem; } + margin-bottom: 1.5rem; +} pre, blockquote, dl, figure, p, ol { - margin-bottom: 2.5rem; } - + margin-bottom: 2.5rem; +} /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-max-full-width { max-width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-pull-right { - float: right; } + float: right; +} .u-pull-left { - float: left; } - + float: left; +} /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -166,5 +183,5 @@ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; - border-top: 1px solid #E1E1E1; } - + border-top: 1px solid #e1e1e1; +} diff --git a/css/skeleton-light.css b/css/skeleton-light.css index 478b731..e7444a3 100644 --- a/css/skeleton-light.css +++ b/css/skeleton-light.css @@ -15,7 +15,6 @@ * 12/29/2014 */ - /* Table of contents –––––––––––––––––––––––––––––––––––––––––––––––––– - Grid @@ -30,7 +29,6 @@ * */ - /* Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */ .container { @@ -40,122 +38,144 @@ text-align: center; margin: 0 auto; padding: 0 20px; - box-sizing: border-box; } + box-sizing: border-box; +} .column { position: center; width: 100%; float: center; - box-sizing: border-box; } + box-sizing: border-box; +} /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; - padding: 0; } + padding: 0; + } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { - width: 80%; } + width: 80%; + } .column, .columns { - margin-left: 0; } + margin-left: 0; + } .column:first-child, .columns:first-child { - margin-left: 0; } - + margin-left: 0; + } } - /* Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ + html { - font-size: 100%; } + font-size: 100%; + color-scheme: light; +} body { font-size: 18px; line-height: 24px; font-weight: 400; - font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #222; } - + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, + sans-serif; +} /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1 { margin-top: 0; margin-bottom: 16px; - font-weight: 800; } -h1 { font-size:24px; line-height: 64px; letter-spacing: 0;} - + font-weight: 800; +} +h1 { + font-size: 24px; + line-height: 64px; + letter-spacing: 0; +} /* Larger than phablet */ @media (min-width: 550px) { - h1 { font-size: 48px; line-height: 96px;} + h1 { + font-size: 48px; + line-height: 96px; + } } p { - margin-top: 0; } - + margin-top: 0; +} /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { - color: #0085FF; } + color: #0085ff; +} a:hover { - color: #0085FF; } - + color: #0085ff; +} /* Code –––––––––––––––––––––––––––––––––––––––––––––––––– */ code { - padding: .2rem .5rem; - margin: 0 .2rem; + padding: 0.2rem 0.5rem; + margin: 0 0.2rem; font-size: 90%; white-space: nowrap; - background: #F1F1F1; - border: 1px solid #E1E1E1; - border-radius: 4px; } + background: #f1f1f1; + border: 1px solid #e1e1e1; + border-radius: 4px; +} pre > code { display: block; padding: 1rem 1.5rem; - white-space: pre; } + white-space: pre; +} /* Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */ button, .button { - margin-bottom: 1rem; } + margin-bottom: 1rem; +} input, textarea, select, fieldset { - margin-bottom: 1.5rem; } + margin-bottom: 1.5rem; +} pre, blockquote, dl, figure, p, ol { - margin-bottom: 2.5rem; } - + margin-bottom: 2.5rem; +} /* Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */ .u-full-width { width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-max-full-width { max-width: 100%; - box-sizing: border-box; } + box-sizing: border-box; +} .u-pull-right { - float: right; } + float: right; +} .u-pull-left { - float: left; } - + float: left; +} /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ @@ -163,5 +183,5 @@ hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; - border-top: 1px solid #E1E1E1; } - + border-top: 1px solid #e1e1e1; +} diff --git a/index.html b/index.html index 51456c3..f2f2e14 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + -

LittleLink is an open source DIY alternative to services like Linktree and many.link. LittleLink was built using Skeleton, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊

+

LittleLink is an open source DIY alternative to services like Linktree and many.link. LittleLink was built using Skeleton, a dead simple, responsive boilerplate—we've just created some branded buttons and stripped out the things you won't need. 😊

- GitHub LogoGitHub -
- + GitHub LogoGitHub +
+ - Twitter LogoTwitter -
+ Twitter LogoTwitter +
- Instagram LogoInstagram -
+ Instagram LogoInstagram +
- Facebook LogoFind us on Facebook -
+ Facebook LogoFind us on Facebook +
- Facebook Messenger LogoChat on Messenger -
+ Facebook Messenger LogoChat on Messenger +
- LinkedIn LogoLinkedIn -
+ LinkedIn LogoLinkedIn +
- YouTube LogoYouTube -
+ YouTube LogoYouTube +
- Discord LogoDiscord -
+ Discord LogoDiscord +
- Twitch LogoTwitch -
+ Twitch LogoTwitch +
- Product Hunt LogoProduct Hunt -
+ Product Hunt LogoProduct Hunt +
- Snapchat LogoSnapchat -
+ Snapchat LogoSnapchat +
- Spotify LogoSpotify -
- + Spotify LogoSpotify +
+ - Reddit LogoReddit -
+ Reddit LogoReddit +
- Mastodon LogoMastodon -
+ Mastodon LogoMastodon +
- Medium LogoMedium -
+ Medium LogoMedium +
- Pinterest LogoFollow on Pinterest -
+ Pinterest LogoFollow on Pinterest +
- TikTok LogoTikTok -
+ TikTok LogoTikTok +
- Email Iconhello@littlelink.io -
+ Email Iconhello@littlelink.io +
- Email Iconhello@littlelink.io -
+ Email Iconhello@littlelink.io +
- Blog IconBlog -
+ Blog IconBlog +
- SoundCloud LogoSoundCloud -
+ SoundCloud LogoSoundCloud +
- Figma LogoFigma -
+ Figma LogoFigma +
- Kit LogoKit -
+ Kit LogoKit +
- Telegram LogoTelegram -
+ Telegram LogoTelegram +
- Tumblr LogoTumblr -
+ Tumblr LogoTumblr +
- Steam LogoSteam -
+ Steam LogoSteam +
- Vimeo LogoVimeo -
+ Vimeo LogoVimeo +
- PayPal LogoPayPal + PayPal LogoPayPal
- WhatsApp LogoWhatsApp + WhatsApp LogoWhatsApp
- + - Wordpress LogoWordpress -
+ Wordpress LogoWordpress +
- Goodreads LogoGoodreads -
+ Goodreads LogoGoodreads +
- Skoob LogoSkoob -
+ Skoob LogoSkoob +
- GitLab LogoGitLab -
+ GitLab LogoGitLab +
- xing LogoXing -
+ xing LogoXing +
- Bandcamp LogoBandcamp -
+ Bandcamp LogoBandcamp +
- Patreon LogoPatreon + Patreon LogoPatreon
- Signal LogoSignal + Signal LogoSignal
- Venmo LogoVenmo + Venmo LogoVenmo
- Cash App LogoCash App Dollar + Cash App LogoCash App Dollar
- Cash App LogoCash App Pound + Cash App LogoCash App Pound
- Cash App LogoCash App Bitcoin - + Cash App LogoCash App Bitcoin
+

Build your own by forking LittleLink.

- + - +