🎉 Initial Commit

This commit is contained in:
Seth Cottle 2019-12-21 22:30:05 -05:00
parent 71f8f423f4
commit 899971780b
27 changed files with 1209 additions and 3 deletions

View file

@ -7,11 +7,11 @@ LittleLink is a lightweight DIY alternative to services like [Linktree](https://
![Themes](https://cdn.cottle.cloud/littlelink/themes.png) ![Themes](https://cdn.cottle.cloud/littlelink/themes.png)
LittleLink has more than 18 company button styles you can use and we'll br throwing some more in soon. You'll also find a light and dark theme ready to go. Not a fan of the colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. LittleLink has more than 18 company button styles you can use and we'll be throwing more in soon. You'll also find a light and dark theme ready to go. Not a fan of the colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing.
![Performance](https://cdn.cottle.cloud/littlelink/performance.png) ![Performance](https://cdn.cottle.cloud/littlelink/performance.png)
Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for requires simpicity. LittleLink scored a 99/100 in performance when tested with Lighthouse. Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for requires simplicity. LittleLink scored a 99/100 in performance when tested with Lighthouse.
![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png) ![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png)

231
css/brands.css Normal file
View file

@ -0,0 +1,231 @@
/*
* littlelink.io
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/*
* Built using on:
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
- Buttons
- Brand Styles
*/
/* Buttons
*/
.button,
button {
display: inline-block;
height: 48px;
padding: 0 16px;
text-align: center;
vertical-align: middle;
font-size: 18px;
width: 300px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0.5px;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 8px;
cursor: pointer;
box-sizing: border-box; }
button:hover,
.button:focus {
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary {
color: #FFF;
filter: brightness(90%) }
.button.button-primary:hover,
.button.button-primary:focus {
color: #FFF;
filter: brightness(90%) }
/* Brand Icons
*/
.icon {
padding: 0px 8px;
vertical-align: middle;
width: 20px;
height: 20px;
}
/* Brand Styles
*/
/* Discord */
.button.button-discord {
color: #FFFFFF;
background-color: #7289DA }
.button.button-discord:hover,
.button.button-discord:focus {
filter: brightness(90%) }
/* Facebook */
.button.button-facebook {
color: #FFFFFF;
background-color: #1877f2 }
.button.button-facebook:hover,
.button.button-facebook:focus {
filter: brightness(90%) }
/* Figma */
.button.button-figma {
color: #FFFFFF;
background-color: #131313 }
.button.button-figma:hover,
.button.button-figma:focus {
filter: brightness(90%) }
/* Github */
.button.button-github {
color: #FFFFFF;
background-color: #24292e }
.button.button-github:hover,
.button.button-github:focus {
filter: brightness(90%) }
/* Instagram */
.button.button-instagram {
color: #FFFFFF;
background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000) }
.button.button-instagram:hover,
.button.button-instagram:focus {
filter: brightness(90%) }
/* Kit */
.button.button-kit {
color: #FFFFFF;
background-color: #10c694 }
.button.button-kit:hover,
.button.button-kit:focus {
filter: brightness(90%) }
/* LinkedIn */
.button.button-linkedin {
color: #FFFFFF;
background-color: #0A66C2 }
.button.button-linkedin:hover,
.button.button-linkedin:focus {
filter: brightness(90%) }
/* Medium */
.button.button-medium {
color: #000000;
background-color: #E8F3EC }
.button.button-medium:hover,
.button.button-medium:focus {
filter: brightness(90%) }
/* Mixer */
.button.button-mixer {
color: #FFFFFF;
background-color: #212c3d }
.button.button-mixer:hover,
.button.button-mixer:focus {
filter: brightness(90%) }
/* Pinterest */
.button.button-pinterest {
color: #FFFFFF;
background-color: #E60023 }
.button.button-pinterest:hover,
.button.button-pinterest:focus {
filter: brightness(90%) }
/* Reddit */
.button.button-reddit {
color: #FFFFFF;
background-color: #FF4500 }
.button.button-reddit:hover,
.button.button-reddit:focus {
filter: brightness(90%) }
/* Snapchat */
.button.button-snapchat {
color: #000000;
background-color: #fffc00 }
.button.button-snapchat:hover,
.button.button-snapchat:focus {
filter: brightness(90%) }
/* Spotify */
.button.button-spotify {
color: #FFFFFF;
background-color: #1DB954 }
.button.button-spotify:hover,
.button.button-spotify:focus {
filter: brightness(90%) }
/* Steam */
.button.button-steam {
color: #FFFFFF;
background-color: #171a21 }
.button.button-steam:hover,
.button.button-steam:focus {
filter: brightness(90%) }
/* Telegram */
.button.button-telegram {
color: #FFFFFF;
background-color: #3faee8 }
.button.button-telegram:hover,
.button.button-telegram:focus {
filter: brightness(90%) }
/* Tumblr */
.button.button-tumblr {
color: #FFFFFF;
background-color: #131313 }
.button.button-tumblr:hover,
.button.button-tumblr:focus {
filter: brightness(90%) }
/* Twitch */
.button.button-twitch {
color: #FFFFFF;
background-color: #9146ff }
.button.button-twitch:hover,
.button.button-twitch:focus {
filter: brightness(90%) }
/* Twitter */
.button.button-twitter {
color: #FFFFFF;
background-color: #1DA1F2 }
.button.button-twitter:hover,
.button.button-twitter:focus {
filter: brightness(90%) }
/* YouTube */
.button.button-youtube {
color: #FFFFFF;
background-color: #FF0000 }
.button.button-youtube:hover,
.button.button-youtube:focus {
filter: brightness(90%) }

427
css/normalize.css vendored Normal file
View file

@ -0,0 +1,427 @@
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}

169
css/skeleton-dark.css Normal file
View file

@ -0,0 +1,169 @@
/*
* littlelink V1
* https://littlelink.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/21/2019
*
* Built using:
*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Code
- Spacing
- Utilities
*
* You'll find the button css in css/brands.css.
*
*/
/* Grid
*/
.container {
position: relative;
width: 100%;
max-width: 600px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column {
position: center;
width: 100%;
float: center;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 85%;
padding: 0; }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.container {
width: 80%; }
.column,
.columns {
margin-left: 0; }
.column:first-child,
.columns:first-child {
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%; }
body {
background-color: #000000;
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FFFFFF; }
/* Typography
*/
h1 {
margin-top: 0;
margin-bottom: 16px;
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;}
}
p {
margin-top: 0; }
/* Links
*/
a {
color: #0085FF; }
a:hover {
color: #0085FF; }
/* Code
*/
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
color: #000000;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Spacing
*/
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
p,
ol {
margin-bottom: 2.5rem; }
/* Utilities
*/
.u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
/* Misc
*/
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }

166
css/skeleton-light.css Normal file
View file

@ -0,0 +1,166 @@
/*
* littlelink V1
* https://littlelink.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/21/2019
*
* Built using:
*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Code
- Spacing
- Utilities
*
* You'll find the button css in css/brands.css.
*
*/
/* Grid
*/
.container {
position: relative;
width: 100%;
max-width: 600px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column {
position: center;
width: 100%;
float: center;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
width: 85%;
padding: 0; }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
.container {
width: 80%; }
.column,
.columns {
margin-left: 0; }
.column:first-child,
.columns:first-child {
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%; }
body {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222; }
/* Typography
*/
h1 {
margin-top: 0;
margin-bottom: 16px;
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;}
}
p {
margin-top: 0; }
/* Links
*/
a {
color: #0085FF; }
a:hover {
color: #0085FF; }
/* Code
*/
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Spacing
*/
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
p,
ol {
margin-bottom: 2.5rem; }
/* Utilities
*/
.u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
/* Misc
*/
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }

3
icons/discord.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path d="M20 6C20 6 17.7075 4.206 15 4L14.756 4.488C17.204 5.087 18.327 5.9455 19.5 7C17.4775 5.9675 15.4805 5 12 5C8.5195 5 6.5225 5.9675 4.5 7C5.673 5.9455 7.009 4.9925 9.244 4.488L9 4C6.1595 4.2685 4 6 4 6C4 6 1.4395 9.7125 1 17C3.581 19.9765 7.5 20 7.5 20L8.3195 18.9075C6.9285 18.424 5.3575 17.5605 4 16C5.619 17.225 8.0625 18.5 12 18.5C15.9375 18.5 18.381 17.225 20 16C18.6425 17.5605 17.0715 18.424 15.6805 18.9075L16.5 20C16.5 20 20.419 19.9765 23 17C22.5605 9.7125 20 6 20 6ZM8.75 15C7.7835 15 7 14.1045 7 13C7 11.8955 7.7835 11 8.75 11C9.7165 11 10.5 11.8955 10.5 13C10.5 14.1045 9.7165 15 8.75 15ZM15.25 15C14.2835 15 13.5 14.1045 13.5 13C13.5 11.8955 14.2835 11 15.25 11C16.2165 11 17 11.8955 17 13C17 14.1045 16.2165 15 15.25 15Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 865 B

2
icons/facebook.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="facebook" class="svg-inline facebook" role="img" viewBox="0 0 512 512">
<path fill="#ffffff" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>

After

Width:  |  Height:  |  Size: 482 B

2
icons/figma.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="figma" class="svg-inline figma" role="img" viewBox="0 0 384 512">
<path fill="#FFFFFF" d="M277 170.7A85.35 85.35 0 0 0 277 0H106.3a85.3 85.3 0 0 0 0 170.6 85.35 85.35 0 0 0 0 170.7 85.35 85.35 0 1 0 85.3 85.4v-256zm0 0a85.3 85.3 0 1 0 85.3 85.3 85.31 85.31 0 0 0-85.3-85.3z"/></svg>

After

Width:  |  Height:  |  Size: 395 B

2
icons/github.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" data-prefix="littlelink" data-icon="github" class="svg-inline github" role="img" viewBox="0 0 496 512">
<path fill="#FFFFFF" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

3
icons/instagram.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0C8.74 0 8.333 0.015 7.053 0.072C5.775 0.132 4.905 0.333 4.14 0.63C3.351 0.936 2.681 1.347 2.014 2.014C1.347 2.681 0.935 3.35 0.63 4.14C0.333 4.905 0.131 5.775 0.072 7.053C0.012 8.333 0 8.74 0 12C0 15.26 0.015 15.667 0.072 16.947C0.132 18.224 0.333 19.095 0.63 19.86C0.936 20.648 1.347 21.319 2.014 21.986C2.681 22.652 3.35 23.065 4.14 23.37C4.906 23.666 5.776 23.869 7.053 23.928C8.333 23.988 8.74 24 12 24C15.26 24 15.667 23.985 16.947 23.928C18.224 23.868 19.095 23.666 19.86 23.37C20.648 23.064 21.319 22.652 21.986 21.986C22.652 21.319 23.065 20.651 23.37 19.86C23.666 19.095 23.869 18.224 23.928 16.947C23.988 15.667 24 15.26 24 12C24 8.74 23.985 8.333 23.928 7.053C23.868 5.776 23.666 4.904 23.37 4.14C23.064 3.351 22.652 2.681 21.986 2.014C21.319 1.347 20.651 0.935 19.86 0.63C19.095 0.333 18.224 0.131 16.947 0.072C15.667 0.012 15.26 0 12 0ZM12 2.16C15.203 2.16 15.585 2.176 16.85 2.231C18.02 2.286 18.655 2.48 19.077 2.646C19.639 2.863 20.037 3.123 20.459 3.542C20.878 3.962 21.138 4.361 21.355 4.923C21.519 5.345 21.715 5.98 21.768 7.15C21.825 8.416 21.838 8.796 21.838 12C21.838 15.204 21.823 15.585 21.764 16.85C21.703 18.02 21.508 18.655 21.343 19.077C21.119 19.639 20.864 20.037 20.444 20.459C20.025 20.878 19.62 21.138 19.064 21.355C18.644 21.519 17.999 21.715 16.829 21.768C15.555 21.825 15.18 21.838 11.97 21.838C8.759 21.838 8.384 21.823 7.111 21.764C5.94 21.703 5.295 21.508 4.875 21.343C4.306 21.119 3.915 20.864 3.496 20.444C3.075 20.025 2.806 19.62 2.596 19.064C2.431 18.644 2.237 17.999 2.176 16.829C2.131 15.569 2.115 15.18 2.115 11.985C2.115 8.789 2.131 8.399 2.176 7.124C2.237 5.954 2.431 5.31 2.596 4.89C2.806 4.32 3.075 3.93 3.496 3.509C3.915 3.09 4.306 2.82 4.875 2.611C5.295 2.445 5.926 2.25 7.096 2.19C8.371 2.145 8.746 2.13 11.955 2.13L12 2.16V2.16ZM12 5.838C8.595 5.838 5.838 8.598 5.838 12C5.838 15.405 8.598 18.162 12 18.162C15.405 18.162 18.162 15.402 18.162 12C18.162 8.595 15.402 5.838 12 5.838ZM12 16C9.79 16 8 14.21 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 14.21 14.21 16 12 16ZM19.846 5.595C19.846 6.39 19.2 7.035 18.406 7.035C17.611 7.035 16.966 6.389 16.966 5.595C16.966 4.801 17.612 4.156 18.406 4.156C19.199 4.155 19.846 4.801 19.846 5.595Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

15
icons/kit.svg Normal file
View file

@ -0,0 +1,15 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g clip-path="url(#clip1)">
<path d="M10.843 11.468L4 18.239V3.182C3.99722 2.78669 3.83772 2.40862 3.55651 2.13077C3.27529 1.85293 2.89532 1.69801 2.5 1.7C2.30427 1.69882 2.11023 1.73622 1.92896 1.81008C1.74769 1.88393 1.58276 1.99279 1.44359 2.13042C1.30442 2.26806 1.19375 2.43178 1.11789 2.61221C1.04203 2.79265 1.00248 2.98627 1.0015 3.182V21.812C1.00228 22.0075 1.04167 22.201 1.1174 22.3812C1.19313 22.5615 1.30372 22.725 1.44281 22.8624C1.5819 22.9999 1.74675 23.1085 1.92792 23.182C2.10908 23.2555 2.30298 23.2926 2.4985 23.291C2.89501 23.2933 3.27629 23.1385 3.559 22.8605L11.9215 14.5955L20.287 22.8635C20.5688 23.1432 20.9497 23.3001 21.3467 23.3001C21.7438 23.3001 22.1247 23.1432 22.4065 22.8635C22.5461 22.7269 22.657 22.5638 22.7327 22.3837C22.8085 22.2037 22.8475 22.0103 22.8475 21.815C22.8475 21.6197 22.8085 21.4263 22.7327 21.2463C22.657 21.0662 22.5461 20.9031 22.4065 20.7665L14.044 12.5015L22.405 4.235C22.5446 4.09839 22.6555 3.93528 22.7312 3.75523C22.807 3.57518 22.846 3.38182 22.846 3.1865C22.846 2.99118 22.807 2.79782 22.7312 2.61777C22.6555 2.43773 22.5446 2.27461 22.405 2.138C22.1222 1.86015 21.7417 1.70446 21.3452 1.70446C20.9488 1.70446 20.5683 1.86015 20.2855 2.138L10.8805 11.441C10.873 11.441 10.867 11.447 10.8625 11.453L10.843 11.471V11.468ZM35.668 23.297C35.4723 23.2984 35.2782 23.2612 35.0968 23.1875C34.9155 23.1138 34.7505 23.0051 34.6112 22.8676C34.4718 22.7301 34.361 22.5665 34.285 22.3862C34.2089 22.2058 34.1692 22.0122 34.168 21.8165V3.185C34.169 2.98907 34.2086 2.79526 34.2845 2.61464C34.3604 2.43402 34.4712 2.27014 34.6105 2.13236C34.7498 1.99459 34.9149 1.88562 35.0964 1.81169C35.2778 1.73776 35.4721 1.70032 35.668 1.7015C36.493 1.7015 37.1665 2.366 37.1665 3.185V21.815C37.1653 22.0107 37.1256 22.2043 37.0495 22.3847C36.9735 22.565 36.8627 22.7286 36.7233 22.8661C36.584 23.0036 36.419 23.1123 36.2377 23.186C36.0563 23.2597 35.8622 23.2969 35.6665 23.2955L35.668 23.297ZM56.077 4.6685V21.8165C56.077 22.634 56.746 23.297 57.574 23.297C58.399 23.297 59.074 22.637 59.074 21.8165V4.6685H66.997C67.193 4.66989 67.3873 4.63265 67.569 4.55892C67.7506 4.48519 67.9159 4.37641 68.0554 4.23879C68.195 4.10118 68.3061 3.93742 68.3824 3.75686C68.4587 3.57631 68.4986 3.3825 68.5 3.1865C68.4976 2.79092 68.3383 2.41247 68.057 2.13431C67.7758 1.85614 67.3956 1.70101 67 1.703H48.151C47.7559 1.7018 47.3765 1.85729 47.0959 2.13537C46.8153 2.41345 46.6564 2.79145 46.654 3.1865C46.654 4.004 47.3245 4.6685 48.1525 4.6685H56.08H56.0785H56.077Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect x="1" y="0.5" width="67.5" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

2
icons/linkedin.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="linkedin" class="svg-inline linkedin" role="img" viewBox="0 0 448 512">
<path fill="#FFFFFF" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>

After

Width:  |  Height:  |  Size: 642 B

2
icons/medium.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="medium" class="svg-inline medium" role="img" viewBox="0 0 448 512">
<path fill="#000000" d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z"/></svg>

After

Width:  |  Height:  |  Size: 550 B

14
icons/mixer.svg Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M116.03,77.68c-15.76-21.29-46.72-24.61-66.91-6.36c-17.42,16.04-18.8,43.13-4.7,62.21l90.96,121.92
L43.87,378.48c-14.1,19.08-12.99,46.17,4.7,62.21c20.18,18.25,51.15,14.93,66.91-6.36l127.73-171.69c3.04-4.15,3.04-9.95,0-14.1
L116.03,77.68z"/>
<path class="st0" d="M396.37,77.68c15.76-21.29,46.72-24.61,66.91-6.36c17.42,16.04,18.8,43.13,4.7,62.21l-90.96,121.92
l91.51,123.03c14.1,19.08,12.99,46.17-4.7,62.21c-20.18,18.25-51.15,14.93-66.91-6.36L269.47,262.36c-3.04-4.15-3.04-9.95,0-14.1
L396.37,77.68z"/>
</svg>

After

Width:  |  Height:  |  Size: 934 B

2
icons/pinterest.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="pinterest" class="svg-inline pinterest" role="img" viewBox="0 0 496 512">
<path fill="#FFFFFF" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>

After

Width:  |  Height:  |  Size: 886 B

2
icons/reddit.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="reddit" class="svg-inline reddit" role="img" viewBox="0 0 512 512">
<path fill="#FFFFFF" d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

2
icons/snapchat.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="snapchat" class="svg-inline snapchat" role="img" viewBox="0 0 512 512">
<path fill="#000000" d="M510.846 392.673c-5.211 12.157-27.239 21.089-67.36 27.318-2.064 2.786-3.775 14.686-6.507 23.956-1.625 5.566-5.623 8.869-12.128 8.869l-.297-.005c-9.395 0-19.203-4.323-38.852-4.323-26.521 0-35.662 6.043-56.254 20.588-21.832 15.438-42.771 28.764-74.027 27.399-31.646 2.334-58.025-16.908-72.871-27.404-20.714-14.643-29.828-20.582-56.241-20.582-18.864 0-30.736 4.72-38.852 4.72-8.073 0-11.213-4.922-12.422-9.04-2.703-9.189-4.404-21.263-6.523-24.13-20.679-3.209-67.31-11.344-68.498-32.15a10.627 10.627 0 0 1 8.877-11.069c69.583-11.455 100.924-82.901 102.227-85.934.074-.176.155-.344.237-.515 3.713-7.537 4.544-13.849 2.463-18.753-5.05-11.896-26.872-16.164-36.053-19.796-23.715-9.366-27.015-20.128-25.612-27.504 2.437-12.836 21.725-20.735 33.002-15.453 8.919 4.181 16.843 6.297 23.547 6.297 5.022 0 8.212-1.204 9.96-2.171-2.043-35.936-7.101-87.29 5.687-115.969C158.122 21.304 229.705 15.42 250.826 15.42c.944 0 9.141-.089 10.11-.089 52.148 0 102.254 26.78 126.723 81.643 12.777 28.65 7.749 79.792 5.695 116.009 1.582.872 4.357 1.942 8.599 2.139 6.397-.286 13.815-2.389 22.069-6.257 6.085-2.846 14.406-2.461 20.48.058l.029.01c9.476 3.385 15.439 10.215 15.589 17.87.184 9.747-8.522 18.165-25.878 25.018-2.118.835-4.694 1.655-7.434 2.525-9.797 3.106-24.6 7.805-28.616 17.271-2.079 4.904-1.256 11.211 2.46 18.748.087.168.166.342.239.515 1.301 3.03 32.615 74.46 102.23 85.934 6.427 1.058 11.163 7.877 7.725 15.859z"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

2
icons/spotify.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="spotify" class="svg-inline spotify" role="img" viewBox="0 0 496 512">
<path fill="#FFFFFF" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>

After

Width:  |  Height:  |  Size: 1,005 B

2
icons/steam.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="steam" class="svg-inline steam" role="img" viewBox="0 0 496 512">
<path fill="#FFFFFF" d="M496 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5v1.2L176.6 279c-15.5-.9-30.7 3.4-43.5 12.1L0 236.1C10.2 108.4 117.1 8 247.6 8 384.8 8 496 119 496 256zM155.7 384.3l-30.5-12.6a52.79 52.79 0 0 0 27.2 25.8c26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3.1-40.3-5.4-13-15.5-23.2-28.5-28.6-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zm173.8-129.9c-34.4 0-62.4-28-62.4-62.3s28-62.3 62.4-62.3 62.4 28 62.4 62.3-27.9 62.3-62.4 62.3zm.1-15.6c25.9 0 46.9-21 46.9-46.8 0-25.9-21-46.8-46.9-46.8s-46.9 21-46.9 46.8c.1 25.8 21.1 46.8 46.9 46.8z"/></svg>

After

Width:  |  Height:  |  Size: 944 B

2
icons/telegram.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="telegram" class="svg-inline telegram" role="img" viewBox="0 0 448 512">
<path fill="#FFFFFF" d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"/></svg>

After

Width:  |  Height:  |  Size: 458 B

2
icons/tumblr.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="tumblr" class="svg-inline tumblr" role="img" viewBox="0 0 320 512">
<path fill="#FFFFFF" d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"/></svg>

After

Width:  |  Height:  |  Size: 579 B

5
icons/twitch.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg">
<path d="M6.28571 0L2 4.28571V19.7143H7.14286V24L11.4286 19.7143H14.8571L22.5714 12V0H6.28571ZM20.8571 11.1429L17.4286 14.5714H14L11 17.5714V14.5714H7.14286V1.71429H20.8571V11.1429Z" fill="white"/>
<path d="M18.2857 4.71429H16.5714V9.85714H18.2857V4.71429Z" fill="white"/>
<path d="M13.5714 4.71429H11.8571V9.85714H13.5714V4.71429Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 454 B

10
icons/twitter.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M23.954 4.38171C23.069 4.78054 22.124 5.05224 21.129 5.1763C22.143 4.54985 22.923 3.56252 23.292 2.38448C22.341 2.9535 21.287 3.36771 20.165 3.5984C19.269 2.61516 17.992 2 16.574 2C13.857 2 11.654 4.25868 11.654 7.04127C11.654 7.44112 11.699 7.8256 11.781 8.19367C7.691 7.9958 4.066 5.98216 1.64 2.93812C1.213 3.67837 0.974 4.53858 0.974 5.47568C0.974 7.22889 1.844 8.76988 3.162 9.67519C2.355 9.64854 1.596 9.42093 0.934 9.04363V9.10617C0.934 11.5514 2.627 13.5907 4.88 14.0552C4.467 14.169 4.031 14.2305 3.584 14.2305C3.27 14.2305 2.969 14.1997 2.668 14.1423C3.299 16.1447 5.113 17.6047 7.272 17.6457C5.592 18.998 3.463 19.8039 1.17 19.8039C0.78 19.8039 0.391 19.7803 0 19.7352C2.189 21.1644 4.768 22 7.557 22C16.611 22 21.556 14.3146 21.556 7.66053C21.556 7.44625 21.556 7.22992 21.541 7.01461C22.502 6.3082 23.341 5.41518 24.001 4.40221L23.954 4.38171Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

2
icons/youtube.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="youtube" class="svg-inline youtube" role="img" viewBox="0 0 576 512">
<path fill="#FFFFFF" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>

After

Width:  |  Height:  |  Size: 686 B

BIN
images/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/avatar@2x.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

137
index.html Normal file
View file

@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Information
-->
<meta charset="utf-8">
<title>LittleLink</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
<!-- CSS
-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton-light.css">
<link rel="stylesheet" href="css/brands.css">
<!-- Favicon
-->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
<body>
<!-- Primary Page Layout
-->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<center>
<!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x">
<!-- Your Name -->
<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 — weve 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 -->
<!-- Github -->
<a class="button button-github" href="#"><img class="icon" src="icons/github.svg">Github</a>
<br>
<!-- Twitter -->
<a class="button button-twitter" href="#"><img class="icon" src="icons/twitter.svg">Twitter</a>
<br>
<!-- Instagram -->
<a class="button button-instagram" href="#"><img class="icon" src="icons/instagram.svg">Instagram</a>
<br>
<!-- Facebook -->
<a class="button button-facebook" href="#"><img class="icon" src="icons/facebook.svg">Facebook</a>
<br>
<!-- LinkedIn -->
<a class="button button-linkedin" href="#"><img class="icon" src="icons/linkedin.svg">LinkedIn</a>
<br>
<!-- YouTube -->
<a class="button button-youtube" href="#"><img class="icon" src="icons/youtube.svg">YouTube</a>
<br>
<!-- Snapchat -->
<a class="button button-snapchat" href="#"><img class="icon" src="icons/snapchat.svg">Snapchat</a>
<br>
<!-- Spotify -->
<a class="button button-spotify" href="#"><img class="icon" src="icons/spotify.svg">Spotify</a>
<br>
<!-- Reddit -->
<a class="button button-reddit" href="#"><img class="icon" src="icons/reddit.svg">Reddit</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>
<br>
<!-- Figma -->
<a class="button button-figma" href="#"><img class="icon" src="icons/figma.svg">Figma</a>
<br>
<!-- Kit -->
<a class="button button-kit" href="#"><img class="icon" src="icons/kit.svg">Kit</a>
<br>
<!-- Telegram -->
<a class="button button-telegram" href="#"><img class="icon" src="icons/telegram.svg">Telegram</a>
<br>
<!-- Tumblr -->
<a class="button button-tumblr" href="#"><img class="icon" src="icons/tumblr.svg">Tumblr</a>
<br>
<!-- Steam -->
<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>
<br>
<p>Build your own by forking <a href="https://littlelink.io">LittleLink</a>.</p>
</center>
</div>
</div>
</div>
<!-- End Document
-->
</body>
</html>