Initial fork of little link

2023-09-04 19:15:00 +02:00 · 2023-09-04 19:15:00 +02:00 · 3d1d4383d1
commit 3d1d4383d1
42 changed files with 1630 additions and 0 deletions
--- a/LICENSE.md
+++ b/LICENSE.md
@ -0,0 +1,8 @@
 MIT License
 Copyright 2019-2021 Seth Cottle
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--- a/README.md
+++ b/README.md
@ -0,0 +1,28 @@
 # 🔗 LittleLink
 ![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png)
 LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
 and [many.link](https://www.google.com). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊
 ![Themes](https://cdn.cottle.cloud/littlelink/themes.png)
 LittleLink has more than 20 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)
 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 a page that requires nothing more than simplicity. LittleLink scored a 99/100 in performance when tested with [Google Lighthouse](https://developers.google.com/web/tools/lighthouse).
 ![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png)
 No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/). Enjoy free and fast hosting with automatic deployments on every branch push with one click below. 👇️
 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.)
 #### Community Extras
 Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
 Docker? [Techno Tim](https://github.com/timothystewart6) built [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)!
 Check out [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) by [Khashayar Zavosh](https://github.com/khashayarzavosh) which lets you host your own admin portal to manage LittleLink! 
--- a/css/brands.css
+++ b/css/brands.css
@ -0,0 +1,335 @@
 /*
 * 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;
  text-decoration: none;
  height: 48px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  width: 300px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.1px;
  white-space: wrap;
  border-radius: 8px;
  cursor: pointer;
 }
 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 3.5px 0px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
 }
 /* Brand Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 /* Default (this is great for your own brand color!) */
 .button.button-default {
  color: #FFFFFF;
  background-color: #0085FF }
 .button.button-default:hover,
 .button.button-default:focus {
  filter: brightness(90%) }
 /* Discord */
 .button.button-discord {
  color: #FFFFFF;
  background-color: #5865F2 }
 .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%) }
 /* Facebook Messenger */
 .button.button-messenger {
  color: #FFFFFF;
  background-image: linear-gradient(25deg,#0099FF, #5F5DFF,#A033FF, #C740CC, #FF5280, #FF7061) }
 .button.button-messenger:hover,
 .button.button-messenger:focus {
  filter: brightness(90%) }
 /* Figma */
 .button.button-figma {
  color: #FFFFFF;
  background-color: #000000 }
 .button.button-figma:hover,
 .button.button-figma:focus {
  filter: brightness(90%) }
 /* Github */
 .button.button-github {
  color: #FFFFFF;
  background-color: #000000 }
 .button.button-github:hover,
 .button.button-github:focus {
  filter: brightness(90%) }
 /* Gitlab */
 .button.button-gitlab {
  color: #ffffff;
  background-color: #6151b2 }
 .button.button-gitlab:hover,
 .button.button-gitlab:focus {
  filter: brightness(90%) }
 /* Goodreads */
 .button.button-goodreads {
  color: #333333;
  background-color: #F3F1E6 }
 .button.button-goodreads:hover,
 .button.button-goodreads: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: #000000 }
 .button.button-kit:hover,
 .button.button-kit:focus {
  filter: brightness(90%) }
 /* LinkedIn */
 .button.button-linkedin {
  color: #FFFFFF;
  background-color: #2867B2 }
 .button.button-linkedin:hover,
 .button.button-linkedin:focus {
  filter: brightness(90%) }
 /* Mastodon */
 .button.button-mastodon {
  color: #FFFFFF;
  background-color: #1F232B }
 .button.button-mastodon:hover,
 .button.button-mastodon:focus {
  filter: brightness(90%) }
 /* Medium */
 .button.button-medium {
  color: #FFFFFF;
  background-color: #000000 }
 .button.button-medium:hover,
 .button.button-medium:focus {
  filter: brightness(90%) }
 /* Pinterest */
 .button.button-pinterest {
  color: #000000;
  background-color: #FFE2EB }
 .button.button-pinterest:hover,
 .button.button-pinterest:focus {
  filter: brightness(90%) }
 /* Producthunt */
 .button.button-producthunt {
  color: #DA552F;
  border-style: solid;
  border-color: #DA552F;
  border-width: 2px;
  background-color: #FFFFFF }
 .button.button-producthunt:hover,
 .button.button-producthunt:focus {
  filter: brightness(90%) }
 /* Reddit */
 .button.button-reddit {
  color: #000000;
  background-color: #D7DFE2 }
 .button.button-reddit:hover,
 .button.button-reddit:focus {
  filter: brightness(90%) }
 /* Skoob */
 .button.button-skoob {
  color: #FFFFFF;
  background-color: #3189C8 }
 .button.button-skoob:hover,
 .button.button-skoob:focus {
  filter: brightness(90%) }
 /* Snapchat */
 .button.button-snapchat {
  color: #000000;
  background-color: #fffc00 }
 .button.button-snapchat:hover,
 .button.button-snapchat:focus {
  filter: brightness(90%) }
 /* SoundCloud */
 .button.button-soundcloud {
  color: #FFFFFF;
  background-color: #ff5500 }
 .button.button-soundcloud:hover,
 .button.button-soundcloud:focus {
  filter: brightness(90%) }
 /* Spotify */
 .button.button-spotify {
  color: #FFFFFF;
  background-color: #000000 }
 .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%) }
 /* TikTok */
 .button.button-tiktok {
  color: #FFFFFF;
  background-color: #000000 }
 .button.button-tiktok:hover,
 .button.button-tiktok: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%) }
 /* Vimeo */
 .button.button-vimeo {
  color: #FFFFFF;
  background-color: #1ab7ea }
 .button.button-vimeo:hover,
 .button.button-vimeo:focus {
  filter: brightness(90%) }
 /* PayPal */
 .button.button-paypal {
  color: #FFFFFF;
  background-color: #003087 }
 .button.button-paypal:hover,
 .button.button-paypal:focus {
  filter: brightness(90%) }
 /* YouTube */
 .button.button-youtube {
  color: #FFFFFF;
  background-color:  #000000 }
 .button.button-youtube:hover,
 .button.button-youtube:focus {
  filter: brightness(90%) }
 /* WhatsApp */
 .button.button-whatsapp {
  color: #FFFFFF;
  background-color:  #455A64 }
 .button.button-whatsapp:hover,
 .button.button-whatsapp:focus {
  filter: brightness(90%) }
 /* Wordpress */
 .button.button-wordpress {
  color: #FFFFFF;
  background-color: #21759b }
 .button.button-wordpress:hover,
 .button.button-wordpress:focus {
  filter: brightness(90%) }
 /* Xing */
 .button.button-xing {
  color: #FFFFFF;
  background-color: #026466 }
 .button.button-xing:hover,
 .button.button-xing:focus {
  filter: brightness(90%) }
--- a/css/normalize.css
+++ b/css/normalize.css
@ -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;
 }
--- a/css/skeleton-dark.css
+++ b/css/skeleton-dark.css
@ -0,0 +1,170 @@
 /*
 * 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;
  text-align: center;
  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: #292929;
  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; }
--- a/css/skeleton-light.css
+++ b/css/skeleton-light.css
@ -0,0 +1,167 @@
 /*
 * 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;
  text-align: center;
  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; }
--- a/icons/discord.svg
+++ b/icons/discord.svg
@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.317 4.36642C18.7873 3.66454 17.147 3.14742 15.4319 2.85125C15.4007 2.84553 15.3695 2.85982 15.3534 2.88839C15.1424 3.2636 14.9087 3.7531 14.7451 4.13784C12.9004 3.86168 11.0652 3.86168 9.25832 4.13784C9.09465 3.74455 8.85248 3.2636 8.64057 2.88839C8.62449 2.86077 8.59328 2.84649 8.56205 2.85125C6.84791 3.14648 5.20756 3.66359 3.67693 4.36642C3.66368 4.37213 3.65233 4.38166 3.64479 4.39404C0.533392 9.0424 -0.31895 13.5765 0.0991801 18.0544C0.101072 18.0763 0.11337 18.0973 0.130398 18.1106C2.18321 19.6181 4.17171 20.5333 6.12328 21.14C6.15451 21.1495 6.18761 21.1381 6.20748 21.1123C6.66913 20.4819 7.08064 19.8172 7.43348 19.1181C7.4543 19.0772 7.43442 19.0286 7.39186 19.0124C6.73913 18.7648 6.1176 18.4629 5.51973 18.1201C5.47244 18.0925 5.46865 18.0249 5.51216 17.9925C5.63797 17.8982 5.76382 17.8001 5.88396 17.7011C5.90569 17.683 5.93598 17.6792 5.96153 17.6906C9.88928 19.4839 14.1415 19.4839 18.023 17.6906C18.0485 17.6782 18.0788 17.682 18.1015 17.7001C18.2216 17.7992 18.3475 17.8982 18.4742 17.9925C18.5177 18.0249 18.5149 18.0925 18.4676 18.1201C17.8697 18.4696 17.2482 18.7648 16.5945 19.0115C16.552 19.0277 16.533 19.0772 16.5538 19.1181C16.9143 19.8162 17.3258 20.4809 17.7789 21.1114C17.7978 21.1381 17.8319 21.1495 17.8631 21.14C19.8241 20.5333 21.8126 19.6181 23.8654 18.1106C23.8834 18.0973 23.8948 18.0772 23.8967 18.0553C24.3971 12.8784 23.0585 8.38148 20.3482 4.39498C20.3416 4.38166 20.3303 4.37213 20.317 4.36642ZM8.02002 15.3278C6.8375 15.3278 5.86313 14.2422 5.86313 12.9089C5.86313 11.5756 6.8186 10.49 8.02002 10.49C9.23087 10.49 10.1958 11.5851 10.1769 12.9089C10.1769 14.2422 9.22141 15.3278 8.02002 15.3278ZM15.9947 15.3278C14.8123 15.3278 13.8379 14.2422 13.8379 12.9089C13.8379 11.5756 14.7933 10.49 15.9947 10.49C17.2056 10.49 18.1705 11.5851 18.1516 12.9089C18.1516 14.2422 17.2056 15.3278 15.9947 15.3278Z" fill="white"/>
 </svg>
--- a/icons/email.svg
+++ b/icons/email.svg
@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.6 2H2.4C1.08 2 0.012 3.08 0.012 4.4L0 18.8C0 20.12 1.08 21.2 2.4 21.2H21.6C22.92 21.2 24 20.12 24 18.8V4.4C24 3.08 22.92 2 21.6 2ZM21.6 6.8L12 12.8L2.4 6.8V4.4L12 10.4L21.6 4.4V6.8Z" fill="white"/>
 </svg>
--- a/icons/email_alt.svg
+++ b/icons/email_alt.svg
@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24H18V21.6H12C6.792 21.6 2.4 17.208 2.4 12C2.4 6.792 6.792 2.4 12 2.4C17.208 2.4 21.6 6.792 21.6 12V13.716C21.6 14.664 20.748 15.6 19.8 15.6C18.852 15.6 18 14.664 18 13.716V12C18 8.688 15.312 6 12 6C8.688 6 6 8.688 6 12C6 15.312 8.688 18 12 18C13.656 18 15.168 17.328 16.248 16.236C17.028 17.304 18.372 18 19.8 18C22.164 18 24 16.08 24 13.716V12C24 5.376 18.624 0 12 0ZM12 15.6C10.008 15.6 8.4 13.992 8.4 12C8.4 10.008 10.008 8.4 12 8.4C13.992 8.4 15.6 10.008 15.6 12C15.6 13.992 13.992 15.6 12 15.6Z" fill="white"/>
 </svg>
--- a/icons/facebook.svg
+++ b/icons/facebook.svg
@ -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>
--- a/icons/figma.svg
+++ b/icons/figma.svg
@ -0,0 +1,14 @@
 <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="M8.00153 23.9999C10.2095 23.9999 12.0015 22.208 12.0015 20V16H8.00153C5.79354 16 4.00156 17.792 4.00156 20C4.00156 22.208 5.79354 23.9999 8.00153 23.9999Z" fill="#0ACF83"/>
 <path d="M4.00156 12C4.00156 9.79199 5.79354 8 8.00153 8H12.0015V15.9999H8.00153C5.79354 15.9999 4.00156 14.208 4.00156 12Z" fill="#A259FF"/>
 <path d="M4.00156 4.00005C4.00156 1.79205 5.79354 4.57764e-05 8.00153 4.57764e-05H12.0015V8.00005H8.00153C5.79354 8.00005 4.00156 6.20805 4.00156 4.00005Z" fill="#F24E1E"/>
 <path d="M12.0016 4.57764e-05H16.0016C18.2096 4.57764e-05 20.0016 1.79205 20.0016 4.00005C20.0016 6.20805 18.2096 8.00005 16.0016 8.00005H12.0016V4.57764e-05Z" fill="#FF7262"/>
 <path d="M20.0016 12C20.0016 14.208 18.2096 15.9999 16.0016 15.9999C13.7936 15.9999 12.0016 14.208 12.0016 12C12.0016 9.79199 13.7936 8 16.0016 8C18.2096 8 20.0016 9.79199 20.0016 12Z" fill="#1ABCFE"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect x="4" width="16.0032" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/github.svg
+++ b/icons/github.svg
@ -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>
--- a/icons/gitlab.svg
+++ b/icons/gitlab.svg
@ -0,0 +1,69 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="120 120 365 330" style="enable-background:new 0 0 586 559;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#FAFAFA;}
 	.st1{fill:#F0F0F0;}
 	.st2{fill:#FFFFFF;}
 	.st3{fill:#E24329;}
 	.st4{fill:#FCA326;}
 	.st5{fill:#FC6D26;}
 	.st6{fill:#8C929D;}
 	.st7{fill:#2E2E2E;}
 	.st8{fill:none;stroke:#FCA326;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
 	.st9{fill:none;stroke:#FC6D26;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
 	.st10{fill:none;stroke:#E24329;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
 	.st11{fill:none;stroke:#F0F0F0;stroke-miterlimit:10;}
 	.st12{fill:#231F20;}
 	.st13{fill:none;stroke:#231F20;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
 	.st14{display:none;}
 	.st15{display:inline;opacity:0.1;fill:#E828E3;}
 	.st16{display:inline;}
 	.st17{opacity:0.1;fill:#E828E3;}
 	.st18{font-family:'SourceSansPro-Semibold';}
 	.st19{font-size:24px;}
 	.st20{display:inline;fill:#DB3B21;}
 	.st21{display:inline;fill:#FC6D26;}
 	.st22{display:inline;fill:#2E2E2E;}
 	.st23{display:inline;fill:#6E49CB;}
 	.st24{display:inline;fill:#380D75;}
 	.st25{display:inline;fill:#FCA121;}
 	.st26{opacity:0.6;fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:12,6;}
 	.st27{fill:none;stroke:#444444;stroke-width:1.5339;stroke-miterlimit:10;}
 </style>
 <g id="logo_art">
 	<g>
 		<path id="path50_2_" class="st3" d="M293.026,434.983L293.026,434.983l62.199-191.322H230.918L293.026,434.983L293.026,434.983z"
 			/>
 		<path id="path66_6_" class="st4" d="M143.798,243.662L143.798,243.662l-18.941,58.126c-1.714,5.278,0.137,11.104,4.661,14.394
 			l163.509,118.801L143.798,243.662L143.798,243.662z"/>
 		<path id="path74_2_" class="st3" d="M143.798,243.662h87.12l-37.494-115.224c-1.919-5.895-10.282-5.895-12.27,0L143.798,243.662
 			L143.798,243.662z"/>
 		<path id="path82_6_" class="st4" d="M442.346,243.662L442.346,243.662l18.873,58.126c1.714,5.278-0.137,11.104-4.661,14.394
 			L293.026,434.983L442.346,243.662L442.346,243.662z"/>
 		<path id="path86_2_" class="st3" d="M442.346,243.662h-87.12l37.425-115.224c1.919-5.895,10.282-5.895,12.27,0L442.346,243.662
 			L442.346,243.662z"/>
 		<polygon class="st5" points="293.026,434.983 355.225,243.662 442.346,243.662 		"/>
 		<polygon class="st5" points="293.026,434.983 143.798,243.662 230.918,243.662 		"/>
 	</g>
 </g>
 <g id="spacing_guides" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="st14">
 	<path id="path40_18_" sketch:type="MSShapeGroup" class="st15" d="M0,0.5v124h586V0.5H0L0,0.5z"/>
 	<path id="path40_16_" sketch:type="MSShapeGroup" class="st15" d="M0,435.5v124h586v-124H0L0,435.5z"/>
 	<path id="path40_15_" sketch:type="MSShapeGroup" class="st15" d="M462.2,560h124V0h-124V560L462.2,560z"/>
 	<g class="st16">
 		<text transform="matrix(1 0 0 1 511.2881 283.3319)" class="st18 st19">1x</text>
 	</g>
 	<g class="st16">
 		<text transform="matrix(1 0 0 1 281.2881 500.9978)" class="st18 st19">1x</text>
 	</g>
 	<g class="st16">
 		<text transform="matrix(1 0 0 1 281.2881 65.998)" class="st18 st19">1x</text>
 	</g>
 	<path id="path40_5_" sketch:type="MSShapeGroup" class="st15" d="M0,560h124V0H0V560L0,560z"/>
 	<g class="st16">
 		<text transform="matrix(1 0 0 1 51.2881 283.3319)" class="st18 st19">1x</text>
 	</g>
 </g>
 </svg>
--- a/icons/goodreads.svg
+++ b/icons/goodreads.svg
@ -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>
--- a/icons/instagram.svg
+++ b/icons/instagram.svg
@ -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>
--- a/icons/kit.svg
+++ b/icons/kit.svg
@ -0,0 +1,11 @@
 <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="M3.53166 18.1471L10.6358 10.8946V10.8978L10.6561 10.8786C10.6607 10.8721 10.667 10.8657 10.6747 10.8657L20.4387 0.90124C20.7322 0.603633 21.1273 0.436873 21.5389 0.436873C21.9504 0.436873 22.3455 0.603633 22.6391 0.90124C22.784 1.04756 22.8991 1.22227 22.9778 1.41512C23.0564 1.60797 23.0969 1.81508 23.0969 2.02429C23.0969 2.2335 23.0564 2.44061 22.9778 2.63346C22.8991 2.82631 22.784 3.00102 22.6391 3.14734L13.959 12.0016L22.6406 20.8543C22.7856 21.0006 22.9007 21.1753 22.9793 21.3681C23.0579 21.561 23.0984 21.7681 23.0984 21.9773C23.0984 22.1865 23.0579 22.3936 22.9793 22.5865C22.9007 22.7793 22.7856 22.954 22.6406 23.1004C22.3481 23.3999 21.9526 23.568 21.5404 23.568C21.1283 23.568 20.7328 23.3999 20.4402 23.1004L11.7555 14.2445L3.07383 23.0972C2.78033 23.3949 2.38449 23.5607 1.97285 23.5583C1.76988 23.56 1.56857 23.5203 1.38049 23.4415C1.19242 23.3627 1.02127 23.2464 0.876869 23.0992C0.732471 22.952 0.617668 22.7769 0.539047 22.5838C0.460426 22.3907 0.419536 22.1835 0.418722 21.9741V2.01947C0.419741 1.80982 0.460801 1.60244 0.539553 1.40917C0.618306 1.2159 0.733206 1.04055 0.877687 0.893124C1.02217 0.745701 1.19339 0.629104 1.38158 0.549997C1.56976 0.470891 1.77121 0.430828 1.97441 0.432097C2.38482 0.429959 2.77928 0.595899 3.07124 0.893499C3.36319 1.1911 3.52878 1.59605 3.53166 2.01947V18.1471Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6561 10.8786C10.6607 10.8721 10.667 10.8657 10.6747 10.8657L20.4387 0.90124C20.7322 0.603633 21.1273 0.436873 21.5389 0.436873C21.9504 0.436873 22.3455 0.603633 22.6391 0.90124C22.784 1.04756 22.8991 1.22227 22.9778 1.41512C23.0564 1.60797 23.0969 1.81508 23.0969 2.02429C23.0969 2.2335 23.0564 2.44061 22.9778 2.63346C22.8991 2.82631 22.784 3.00102 22.6391 3.14734L13.959 12.0016L22.6406 20.8543C22.7856 21.0006 22.9007 21.1753 22.9793 21.3681C23.0579 21.561 23.0984 21.7681 23.0984 21.9773C23.0984 22.1865 23.0579 22.3936 22.9793 22.5865C22.9007 22.7793 22.7856 22.954 22.6406 23.1004C22.3481 23.3999 21.9526 23.568 21.5404 23.568C21.1283 23.568 20.7328 23.3999 20.4402 23.1004L11.7555 14.2445L3.07383 23.0972C2.78033 23.3949 2.38449 23.5607 1.97285 23.5583C1.76988 23.56 1.56857 23.5203 1.38049 23.4415C1.19242 23.3627 1.02127 23.2464 0.876869 23.0992C0.732471 22.952 0.617668 22.7769 0.539047 22.5838C0.460426 22.3907 0.419536 22.1835 0.418722 21.9741V2.01947C0.419741 1.80982 0.460801 1.60244 0.539553 1.40917C0.618306 1.2159 0.733206 1.04055 0.877687 0.893124C1.02217 0.745701 1.19339 0.629104 1.38158 0.549997C1.56976 0.470891 1.77121 0.430828 1.97441 0.432097C2.38482 0.429959 2.77928 0.595899 3.07124 0.893499C3.36319 1.1911 3.52878 1.59605 3.53166 2.01947V18.1471L10.6358 10.8946V10.8978L10.6561 10.8786ZM11.0546 9.87036V9.85931L3.95045 17.1117V2.01944L3.95044 2.01641C3.94678 1.47855 3.73644 0.964164 3.36558 0.586135C2.99528 0.208668 2.49515 -0.00205383 1.97466 2.40687e-05C1.71722 -0.00127011 1.46203 0.0496385 1.22361 0.149865C0.984464 0.250394 0.766868 0.398566 0.583262 0.585911C0.399656 0.773257 0.25364 0.996101 0.153561 1.2417C0.0534828 1.48731 0.00130415 1.75085 8.61112e-06 2.01728L0 21.9741L6.71418e-06 21.9758C0.00104117 22.2421 0.0530385 22.5056 0.153015 22.7511C0.252991 22.9966 0.398978 23.2194 0.582597 23.4065C0.766217 23.5937 0.983853 23.7416 1.22302 23.8418C1.46124 23.9416 1.71616 23.992 1.97324 23.9903C2.49457 23.9927 2.99573 23.7824 3.36749 23.4052L11.7555 14.8519L20.1453 23.407C20.1453 23.407 20.1454 23.4071 20.1453 23.407C20.5163 23.7867 21.0179 24 21.5405 24C22.0627 24 22.5637 23.7872 22.9346 23.4081C23.1189 23.2217 23.2653 22.9994 23.3654 22.7539C23.4656 22.5081 23.5172 22.244 23.5172 21.9773C23.5172 21.7105 23.4656 21.4465 23.3654 21.2006C23.2653 20.9552 23.1188 20.7327 22.9345 20.5464C22.9342 20.5461 22.9338 20.5458 22.9335 20.5454L14.5547 12.0015L22.932 3.4561C22.9318 3.45633 22.9322 3.45587 22.932 3.4561C23.1164 3.26969 23.2637 3.0465 23.3638 2.80092C23.464 2.55505 23.5157 2.291 23.5157 2.02426C23.5157 1.75753 23.464 1.49348 23.3638 1.2476C23.2636 1.0018 23.1169 0.779109 22.9322 0.592588C22.5603 0.215878 22.06 0.00480541 21.5389 0.00480541C21.0176 0.00480541 20.5171 0.216052 20.1452 0.593051L11.0546 9.87036Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/linkedin.svg
+++ b/icons/linkedin.svg
@ -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>
--- a/icons/mastodon.svg
+++ b/icons/mastodon.svg
@ -0,0 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M22.53 14.35c-.32 1.66-2.9 3.48-5.85 3.84-1.54.18-3.06.35-4.68.28-2.65-.12-4.73-.63-4.73-.63 0 .26.02.5.05.73.34 2.61 2.59 2.77 4.72 2.84 2.15.07 4.06-.53 4.06-.53l.09 1.94s-1.5.81-4.18.95c-1.47.08-3.31-.04-5.44-.6-4.63-1.22-5.42-6.16-5.54-11.16-.04-1.49-.01-2.89-.01-4.06 0-5.12 3.35-6.62 3.35-6.62C6.06.55 8.96.23 11.98.2h.07c3.02.02 5.92.35 7.61 1.13 0 0 3.35 1.5 3.35 6.62-.01 0 .03 3.78-.48 6.4" fill="#3088d4"/>
  <path d="M19.05 8.35v6.2H16.6V8.53c0-1.27-.53-1.91-1.6-1.91-1.18 0-1.77.76-1.77 2.27v3.29h-2.44V8.89c0-1.51-.59-2.27-1.77-2.27-1.07 0-1.6.64-1.6 1.91v6.01H4.95v-6.2c0-1.27.32-2.27.97-3.02.67-.74 1.54-1.13 2.63-1.13 1.26 0 2.21.48 2.84 1.45L12 6.68l.61-1.02c.63-.97 1.58-1.45 2.84-1.45 1.09 0 1.96.38 2.63 1.13.64.74.97 1.74.97 3.01" fill="#fff"/>
 </svg>
--- a/icons/medium.svg
+++ b/icons/medium.svg
@ -0,0 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.5374 12.0001C13.5374 15.8661 10.5069 19 6.76884 19C3.03073 19 0 15.8661 0 12.0001C0 8.13418 3.0305 5 6.76884 5C10.5072 5 13.5374 8.13418 13.5374 12.0001Z" fill="#FFFFFF"/>
 <path d="M20.9628 12.0001C20.9628 15.6391 19.4476 18.5902 17.5784 18.5902C15.7092 18.5902 14.194 15.6391 14.194 12.0001C14.194 8.36116 15.709 5.41003 17.5782 5.41003C19.4473 5.41003 20.9626 8.36021 20.9626 12.0001" fill="#FFFFFF"/>
 <path d="M24 12.0001C24 15.2597 23.4672 17.9038 22.8097 17.9038C22.1522 17.9038 21.6196 15.2604 21.6196 12.0001C21.6196 8.73979 22.1525 6.09644 22.8097 6.09644C23.467 6.09644 24 8.73955 24 12.0001Z" fill="#FFFFFF"/>
 </svg>
--- a/icons/messenger.svg
+++ b/icons/messenger.svg
@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.64C0 4.95169 5.24005 0 12 0C18.76 0 24 4.95169 24 11.64C24 18.3284 18.76 23.28 12 23.28C10.7858 23.28 9.6209 23.1197 8.52638 22.8188C8.31362 22.7602 8.08737 22.7768 7.88545 22.8658L5.50362 23.9172C4.88058 24.1923 4.17728 23.7492 4.1564 23.0684L4.09105 20.9338C4.08301 20.6708 3.96469 20.425 3.76868 20.2496C1.43376 18.1615 0 15.1385 0 11.64ZM8.31906 9.4516L4.79406 15.0441C4.45578 15.5808 5.11549 16.1856 5.62086 15.8021L9.4073 12.9284C9.66343 12.734 10.0174 12.733 10.2746 12.9259L13.0783 15.0287C13.9195 15.6597 15.1203 15.4381 15.681 14.5485L19.206 8.95595C19.5442 8.41924 18.8846 7.81444 18.3792 8.19796L14.5927 11.0716C14.3366 11.266 13.9827 11.267 13.7254 11.0741L10.9218 8.97136C10.0805 8.3404 8.87978 8.56192 8.31906 9.4516Z" fill="white"/>
 </svg>
--- a/icons/paypal.svg
+++ b/icons/paypal.svg
@ -0,0 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <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"
 	 width="50.849px" height="60px" viewBox="0 0 50.849 60" enable-background="new 0 0 50.849 60" xml:space="preserve">
 <g>
 	<path opacity="0.68" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
 		C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l-0.795,5.039
 		C12.185,59.231,12.842,60,13.702,60h9.704c1.148,0,2.126-0.835,2.305-1.97l0.096-0.493l1.828-11.592l0.118-0.641
 		c0.179-1.135,1.157-1.97,2.305-1.97h1.452c9.4,0,16.762-3.82,18.913-14.865c0.899-4.615,0.434-8.468-1.943-11.176
 		C47.76,16.474,46.866,15.796,45.823,15.244L45.823,15.244"/>
 	<path opacity="0.7" fill="#FFFFFF" d="M45.823,15.244c0.732-4.667-0.005-7.843-2.529-10.72C40.514,1.357,35.493,0,29.068,0H10.42
 		C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513l2.892-18.338l-0.09,0.575
 		c0.205-1.297,1.313-2.252,2.626-2.252h5.472c10.746,0,19.16-4.366,21.619-16.992C45.705,15.962,45.767,15.6,45.823,15.244"/>
 	<path fill="#FFFFFF" d="M19.112,15.306c0.123-0.78,0.624-1.419,1.298-1.742c0.307-0.147,0.649-0.229,1.008-0.229h14.618
 		c1.732,0,3.346,0.113,4.822,0.351c0.422,0.068,0.833,0.146,1.231,0.234s0.786,0.188,1.161,0.297
 		c0.187,0.055,0.372,0.112,0.553,0.172c0.725,0.241,1.399,0.524,2.021,0.854c0.732-4.667-0.005-7.843-2.529-10.72
 		C40.514,1.357,35.493,0,29.068,0H10.42C9.107,0,7.99,0.956,7.785,2.252L0.02,51.492c-0.153,0.972,0.598,1.851,1.581,1.851h11.513
 		l2.892-18.338L19.112,15.306z"/>
 </g>
 </svg>
--- a/icons/pinterest.svg
+++ b/icons/pinterest.svg
@ -0,0 +1,11 @@
 <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="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="white"/>
 <path d="M12 0C5.37284 0 0 5.37284 0 12C0 17.0864 3.16049 21.4321 7.62469 23.1802C7.51605 22.2321 7.42716 20.7704 7.6642 19.7333C7.88148 18.7951 9.06667 13.7679 9.06667 13.7679C9.06667 13.7679 8.71111 13.0469 8.71111 11.9901C8.71111 10.321 9.67901 9.07654 10.884 9.07654C11.9111 9.07654 12.4049 9.84691 12.4049 10.7654C12.4049 11.7926 11.7531 13.3333 11.4074 14.7654C11.121 15.9605 12.0099 16.9383 13.1852 16.9383C15.3185 16.9383 16.958 14.6864 16.958 11.4469C16.958 8.57284 14.8938 6.5679 11.9407 6.5679C8.52346 6.5679 6.51852 9.12593 6.51852 11.7728C6.51852 12.8 6.91358 13.9062 7.40741 14.5086C7.50617 14.6272 7.51605 14.7358 7.48642 14.8543C7.39753 15.2296 7.19012 16.0494 7.15062 16.2173C7.10123 16.4346 6.97284 16.484 6.74568 16.3753C5.24444 15.6741 4.30617 13.4914 4.30617 11.7235C4.30617 7.94074 7.05185 4.4642 12.237 4.4642C16.3951 4.4642 19.6346 7.42716 19.6346 11.3975C19.6346 15.5358 17.0272 18.8642 13.4123 18.8642C12.1975 18.8642 11.0519 18.2321 10.6667 17.4815C10.6667 17.4815 10.0642 19.7728 9.91605 20.3358C9.64938 21.3827 8.91852 22.6864 8.42469 23.4864C9.55062 23.8321 10.7358 24.0198 11.9802 24.0198C18.6074 24.0198 23.9802 18.6469 23.9802 12.0198C24 5.37284 18.6272 0 12 0Z" fill="#E60023"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/producthunt.svg
+++ b/icons/producthunt.svg
@ -0,0 +1,11 @@
 <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="M24.0032 12C24.0032 18.6298 18.633 24 12.0032 24C5.3734 24 0.00228119 18.6307 0.00228119 12C0.00228119 5.36929 5.37248 0 12.0023 0C18.6321 0 24.0023 5.3702 24.0023 12" fill="#DA552F"/>
 <path d="M13.6028 12H10.2025V8.40952H13.6028C14.5928 8.40952 15.4036 9.2194 15.4036 10.2103C15.4036 11.2011 14.5937 12.011 13.6028 12.011V12ZM13.6028 6.01099H7.80211V18.011H10.2025V14.4114H13.6028C15.9228 14.4114 17.803 12.5311 17.803 10.2112C17.803 7.89124 15.9228 6.01099 13.6028 6.01099" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/reddit.svg
+++ b/icons/reddit.svg
@ -0,0 +1,4 @@
 <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.0999 24.4C18.7273 24.4 24.0999 19.0274 24.0999 12.4C24.0999 5.77261 18.7273 0.400024 12.0999 0.400024C5.47244 0.400024 0.0998535 5.77261 0.0998535 12.4C0.0998535 19.0274 5.47244 24.4 12.0999 24.4Z" fill="#FF4500"/>
 <path d="M20.0999 12.4C20.0999 11.4316 19.3139 10.6456 18.3455 10.6456C17.8683 10.6456 17.4472 10.8281 17.1385 11.1368C15.9455 10.2807 14.2893 9.7193 12.4648 9.64912L13.2648 5.90175L15.8613 6.44912C15.8893 7.10877 16.4367 7.64211 17.1104 7.64211C17.7981 7.64211 18.3595 7.0807 18.3595 6.39298C18.3595 5.70526 17.7981 5.14386 17.1104 5.14386C16.6192 5.14386 16.1981 5.42456 16.0016 5.84561L13.0964 5.22807C13.0121 5.21404 12.9279 5.22807 12.8578 5.27018C12.7876 5.31228 12.7455 5.38246 12.7174 5.46667L11.8332 9.64912C9.96653 9.70526 8.29635 10.2526 7.08933 11.1368C6.78056 10.8421 6.34547 10.6456 5.88232 10.6456C4.91389 10.6456 4.12793 11.4316 4.12793 12.4C4.12793 13.1158 4.54898 13.7193 5.16653 14C5.13846 14.1684 5.12442 14.3509 5.12442 14.5333C5.12442 17.2281 8.25425 19.4035 12.1279 19.4035C16.0016 19.4035 19.1314 17.2281 19.1314 14.5333C19.1314 14.3509 19.1174 14.1825 19.0893 14.014C19.6648 13.7333 20.0999 13.1158 20.0999 12.4ZM8.09986 13.6491C8.09986 12.9614 8.66126 12.4 9.34898 12.4C10.0367 12.4 10.5981 12.9614 10.5981 13.6491C10.5981 14.3368 10.0367 14.8982 9.34898 14.8982C8.66126 14.8982 8.09986 14.3368 8.09986 13.6491ZM15.0753 16.9474C14.2192 17.8035 12.5911 17.8597 12.1139 17.8597C11.6367 17.8597 9.9946 17.7895 9.15249 16.9474C9.02617 16.8211 9.02617 16.6105 9.15249 16.4842C9.27881 16.3579 9.48933 16.3579 9.61565 16.4842C10.149 17.0175 11.2999 17.214 12.1279 17.214C12.956 17.214 14.0928 17.0175 14.6402 16.4842C14.7665 16.3579 14.9771 16.3579 15.1034 16.4842C15.2016 16.6246 15.2016 16.8211 15.0753 16.9474ZM14.8507 14.8982C14.163 14.8982 13.6016 14.3368 13.6016 13.6491C13.6016 12.9614 14.163 12.4 14.8507 12.4C15.5385 12.4 16.0999 12.9614 16.0999 13.6491C16.0999 14.3368 15.5385 14.8982 14.8507 14.8982Z" fill="white"/>
 </svg>
--- a/icons/skoob.svg
+++ b/icons/skoob.svg
@ -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>
--- a/icons/snapchat.svg
+++ b/icons/snapchat.svg
@ -0,0 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.2398 17.6933C18.5505 15.8857 17.9625 13.0948 17.9364 12.8878C17.9047 12.6371 17.8688 12.4399 18.1421 12.1849C18.4057 11.9384 19.5749 11.2059 19.8994 10.9767C20.4356 10.5972 20.6718 10.2183 20.4977 9.75256C20.376 9.43034 20.0796 9.30897 19.7673 9.30897C19.6688 9.30928 19.5706 9.32043 19.4745 9.34224C18.8853 9.47162 18.3131 9.77042 17.982 9.85113C17.9422 9.86151 17.9014 9.8671 17.8603 9.86776C17.6837 9.86776 17.6168 9.78829 17.6338 9.57327C17.6752 8.92146 17.7629 7.64924 17.6612 6.46081C17.5218 4.82571 17.0008 4.01556 16.383 3.29905C16.0841 2.95158 14.6963 1.4588 12.018 1.4588C9.3398 1.4588 7.95381 2.95158 7.65677 3.29474C7.03712 4.01125 6.51669 4.8214 6.37852 6.45649C6.27687 7.64492 6.36817 8.91653 6.40591 9.56896C6.41809 9.7735 6.356 9.86345 6.17948 9.86345C6.1384 9.86274 6.09754 9.85716 6.05774 9.84682C5.72722 9.76611 5.15505 9.46731 4.56584 9.33793C4.46973 9.31612 4.37155 9.30497 4.27306 9.30466C3.95958 9.30466 3.66437 9.42788 3.54263 9.74824C3.36854 10.214 3.6035 10.5929 4.14158 10.9724C4.46601 11.2016 5.63531 11.9335 5.89887 12.1806C6.17157 12.4356 6.13626 12.6328 6.10461 12.8835C6.07844 13.0936 5.48983 15.8845 1.80116 17.689C1.58508 17.7949 1.21743 18.0192 1.86568 18.3815C2.88341 18.9507 3.56089 18.8897 4.08741 19.2329C4.53419 19.5243 4.27001 20.1527 4.59505 20.3794C4.99436 20.6585 6.17461 20.3597 7.69938 20.8692C8.97763 21.2955 9.75432 22.5 12.0211 22.5C14.2879 22.5 15.0871 21.29 16.3428 20.8692C17.8645 20.3597 19.0472 20.6585 19.4471 20.3794C19.7716 20.1527 19.508 19.5243 19.9548 19.2329C20.4813 18.8897 21.1582 18.9507 22.1765 18.3815C22.8235 18.0235 22.4559 17.7993 22.2398 17.6933Z" fill="white"/>
 <path d="M23.4178 17.3218C23.2579 16.8802 22.9535 16.644 22.6068 16.4483C22.5416 16.4095 22.4817 16.3785 22.4305 16.3546C22.3271 16.3003 22.2213 16.2478 22.1161 16.1923C21.0355 15.6106 20.1916 14.8767 19.6063 14.0068C19.4401 13.7619 19.296 13.5023 19.1756 13.2312C19.1256 13.0862 19.128 13.0039 19.1638 12.9287C19.1994 12.8708 19.2464 12.821 19.3019 12.7825C19.4876 12.6578 19.6792 12.5313 19.8091 12.446C20.0406 12.2938 20.2239 12.1733 20.3421 12.088C20.7857 11.773 21.096 11.4383 21.2899 11.0642C21.4252 10.8057 21.5041 10.5207 21.5213 10.2285C21.5384 9.93633 21.4934 9.64383 21.3892 9.37089C21.0954 8.58571 20.365 8.09825 19.48 8.09825C19.2933 8.09807 19.1072 8.11807 18.9247 8.15792C18.8759 8.16866 18.8271 8.17999 18.7795 8.19252C18.7877 7.65554 18.776 7.08873 18.729 6.53087C18.5621 4.5697 17.8857 3.54169 17.1805 2.7219C16.729 2.20818 16.1971 1.77357 15.6062 1.43554C14.5361 0.815028 13.3227 0.5 11.9999 0.5C10.6771 0.5 9.4695 0.815028 8.39823 1.43554C7.80595 1.77367 7.27298 2.20916 6.82099 2.72429C6.11582 3.54407 5.43945 4.57388 5.27256 6.53326C5.22555 7.09112 5.21379 7.66091 5.22143 8.19491C5.17383 8.18238 5.12565 8.17104 5.07687 8.1603C4.89437 8.12046 4.70822 8.10046 4.52155 8.10064C3.63597 8.10064 2.90436 8.5881 2.61171 9.37328C2.50711 9.64633 2.46163 9.93905 2.47836 10.2315C2.49509 10.524 2.57364 10.8094 2.70867 11.0683C2.90318 11.4424 3.21346 11.7772 3.65713 12.0922C3.77466 12.1757 3.95859 12.2962 4.19012 12.4502C4.31529 12.5325 4.49804 12.653 4.67727 12.7735C4.73998 12.8147 4.79328 12.869 4.83359 12.9329C4.8712 13.011 4.87237 13.0951 4.81655 13.2503C4.69781 13.5157 4.55602 13.7699 4.39286 14.0098C3.82049 14.86 3.00132 15.5808 1.95532 16.1577C1.40117 16.456 0.82528 16.6553 0.581996 17.3265C0.398651 17.8331 0.51853 18.4094 0.98453 18.8951C1.15556 19.0764 1.35392 19.2288 1.57217 19.3468C2.0263 19.6002 2.50919 19.7963 3.01013 19.9309C3.11351 19.958 3.21165 20.0025 3.30043 20.0627C3.47026 20.2137 3.44616 20.441 3.67241 20.7739C3.78598 20.946 3.93028 21.0949 4.09786 21.2131C4.57267 21.546 5.10625 21.5669 5.67157 21.589C6.18223 21.6086 6.76105 21.6313 7.42215 21.8527C7.69599 21.9446 7.98041 22.1224 8.31008 22.33C9.10163 22.824 10.1852 23.5 11.9987 23.5C13.8122 23.5 14.9034 22.8204 15.7009 22.3246C16.0282 22.1206 16.3108 21.9446 16.577 21.8551C17.2381 21.6331 17.817 21.611 18.3276 21.5913C18.8929 21.5693 19.4265 21.5484 19.9013 21.2155C20.0998 21.0749 20.2652 20.8916 20.3855 20.6785C20.5483 20.3975 20.5442 20.2012 20.697 20.0639C20.7803 20.0066 20.8724 19.9638 20.9697 19.9374C21.4774 19.8025 21.9669 19.6045 22.427 19.348C22.6589 19.2217 22.8676 19.0558 23.044 18.8575L23.0499 18.8504C23.4871 18.3754 23.597 17.8158 23.4178 17.3218ZM21.8059 18.2012C20.8227 18.7525 20.1693 18.6934 19.661 19.0258C19.2291 19.308 19.4847 19.9166 19.1709 20.1361C18.7854 20.4064 17.646 20.117 16.1739 20.6105C14.9598 21.018 14.1853 22.1898 12.0016 22.1898C9.81797 22.1898 9.06167 21.0203 7.82762 20.6075C6.35852 20.114 5.21673 20.4034 4.83065 20.1331C4.51744 19.9136 4.77189 19.305 4.34056 19.0228C3.83166 18.6905 3.1782 18.7495 2.19566 18.2012C1.56982 17.8504 1.92476 17.6332 2.13337 17.5306C5.69448 15.78 6.26273 13.0772 6.288 12.8768C6.31856 12.6339 6.35264 12.443 6.08938 12.196C5.83493 11.9573 4.70607 11.2479 4.39286 11.026C3.87456 10.6584 3.64655 10.2915 3.81462 9.84045C3.93214 9.5284 4.21891 9.41087 4.51979 9.41087C4.61488 9.41116 4.70965 9.42197 4.80244 9.44309C5.37128 9.56838 5.92366 9.85775 6.24275 9.93591C6.28118 9.94593 6.32062 9.95133 6.36028 9.95202C6.5307 9.95202 6.59064 9.86491 6.57889 9.66683C6.54245 9.03498 6.45431 7.80351 6.55244 6.65259C6.68701 5.06909 7.18945 4.28451 7.78649 3.59061C8.07326 3.25709 9.42072 1.81142 11.9975 1.81142C14.5743 1.81142 15.9253 3.25112 16.2121 3.58345C16.8097 4.27735 17.3128 5.06193 17.4462 6.64543C17.5443 7.79635 17.4597 9.02842 17.4197 9.65967C17.4062 9.86789 17.4679 9.94486 17.6383 9.94486C17.678 9.94422 17.7174 9.93881 17.7558 9.92875C18.0755 9.85059 18.6279 9.56122 19.1967 9.43593C19.2895 9.4148 19.3843 9.404 19.4794 9.40371C19.782 9.40371 20.067 9.52304 20.1846 9.83329C20.3526 10.2844 20.1258 10.6513 19.6069 11.0188C19.2937 11.2408 18.1648 11.9496 17.9104 12.1888C17.6465 12.4358 17.6812 12.6268 17.7118 12.8696C17.737 13.0731 18.3047 15.7759 21.8664 17.5234C22.0768 17.6302 22.4317 17.8474 21.8059 18.2012Z" fill="black"/>
 </svg>
--- a/icons/soundcloud.svg
+++ b/icons/soundcloud.svg
@ -0,0 +1,2 @@
 <svg xmlns="http://www.w3.org/2000/svg" focusable="false" data-prefix="littlelink" data-icon="soundcloud" class="svg-inline soundcloud" role="img" viewBox="0 0 640 512">
 <path fill="#FFFFFF" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/></svg>
--- a/icons/spotify.svg
+++ b/icons/spotify.svg
@ -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="#1DB954" 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>
--- a/icons/steam.svg
+++ b/icons/steam.svg
@ -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>
--- a/icons/telegram.svg
+++ b/icons/telegram.svg
@ -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>
--- a/icons/tiktok.svg
+++ b/icons/tiktok.svg
@ -0,0 +1,12 @@
 <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 fill-rule="evenodd" clip-rule="evenodd" d="M17.1844 8.66371C18.7529 9.77082 20.6747 10.4223 22.75 10.4223V6.47879C22.3572 6.47894 21.9655 6.43846 21.5812 6.35801V9.46215C19.506 9.46215 17.5845 8.81068 16.0156 7.70357V15.751C16.0156 19.7768 12.7105 23.0401 8.63356 23.0401C7.11244 23.0401 5.69853 22.586 4.52397 21.8072C5.8645 23.1606 7.7339 24.0002 9.80209 24.0002C13.8793 24.0002 17.1845 20.7369 17.1845 16.711V8.66371H17.1844ZM18.6262 4.68523C17.8246 3.82052 17.2983 2.70293 17.1844 1.46739V0.960205H16.0768C16.3555 2.53047 17.3065 3.87206 18.6262 4.68523V4.68523ZM7.10255 18.7181C6.65472 18.1383 6.41264 17.4289 6.41372 16.6995C6.41372 14.8583 7.92553 13.3654 9.79063 13.3654C10.1382 13.3652 10.4837 13.4179 10.815 13.5216V9.49005C10.4279 9.43767 10.0372 9.41547 9.64658 9.42364V12.5616C9.31513 12.4579 8.96949 12.4052 8.6218 12.4054C6.7567 12.4054 5.24504 13.8983 5.24504 15.7397C5.24504 17.0416 6.00066 18.169 7.10255 18.7181V18.7181Z" fill="#EE1D52"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.014 7.70357C17.583 8.81068 19.5045 9.46215 21.5797 9.46215V6.35801C20.4213 6.11447 19.3958 5.51667 18.6247 4.68523C17.305 3.87206 16.354 2.53047 16.0752 0.960205H13.1659V16.7109C13.1593 18.547 11.65 20.0338 9.78896 20.0338C8.69223 20.0338 7.7179 19.5177 7.10088 18.7181C5.99899 18.169 5.24338 17.0416 5.24338 15.7397C5.24338 13.8983 6.75504 12.4054 8.62014 12.4054C8.97745 12.4054 9.32186 12.4604 9.64492 12.5616V9.42364C5.63968 9.50534 2.41843 12.7368 2.41843 16.711C2.41843 18.6949 3.22062 20.4934 4.52245 21.8074C5.69701 22.5861 7.11092 23.0402 8.63204 23.0402C12.7089 23.0402 16.014 19.7768 16.014 15.7511V7.70357Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.5799 6.35781V5.51844C20.5353 5.52 19.5113 5.23114 18.625 4.68489C19.4095 5.533 20.4426 6.11787 21.5799 6.35781V6.35781ZM16.0755 0.96C16.0489 0.809948 16.0284 0.658884 16.0143 0.507186V0H11.9972V15.7508C11.9907 17.5868 10.4816 19.0736 8.62039 19.0736C8.07389 19.0736 7.55806 18.9456 7.10114 18.7179C7.71816 19.5175 8.69249 20.0336 9.78922 20.0336C11.6502 20.0336 13.1595 18.5468 13.1661 16.7107V0.96H16.0755ZM9.64532 9.42343V8.52984C9.30964 8.4845 8.97123 8.46184 8.63243 8.46202C4.5551 8.46202 1.25 11.7255 1.25 15.7508C1.25 18.2745 2.54896 20.4987 4.52285 21.807C3.22102 20.493 2.41882 18.6945 2.41882 16.7107C2.41882 12.7366 5.63993 9.50513 9.64532 9.42343V9.42343Z" fill="#69C9D0"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/tumblr.svg
+++ b/icons/tumblr.svg
@ -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>
--- a/icons/twitch.svg
+++ b/icons/twitch.svg
@ -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>
--- a/icons/twitter.svg
+++ b/icons/twitter.svg
@ -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>
--- a/icons/vimeo.svg
+++ b/icons/vimeo.svg
@ -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="M24.1776 6.35832C24.07 8.72157 22.4253 11.9576 19.2444 16.0647C15.9556 20.3551 13.1731 22.5 10.8969 22.5C9.48735 22.5 8.2936 21.194 7.31925 18.5809C6.66807 16.1857 6.01761 13.7907 5.36668 11.3955C4.64268 8.78384 3.86644 7.47634 3.0365 7.47634C2.85557 7.47634 2.22229 7.85846 1.13811 8.6198L0 7.14825C1.19375 6.09542 2.37154 5.04283 3.53021 3.98878C5.12236 2.60786 6.31756 1.88166 7.11412 1.80824C8.99679 1.62675 10.1555 2.91826 10.5904 5.68301C11.0604 8.66584 11.3855 10.5212 11.5684 11.2474C12.1109 13.7221 12.7079 14.9579 13.3603 14.9579C13.8666 14.9579 14.6271 14.1554 15.6412 12.5503C16.6542 10.9448 17.1968 9.72327 17.2701 8.88416C17.4142 7.49863 16.8714 6.80417 15.6412 6.80417C15.0621 6.80417 14.4651 6.93793 13.8509 7.20229C15.0396 3.29408 17.311 1.39607 20.6636 1.50439C23.1491 1.57756 24.3208 3.19546 24.1776 6.35832Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/icons/whatsapp.svg
+++ b/icons/whatsapp.svg
@ -0,0 +1,16 @@
 <svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="white"/>
 <path d="M6 298.6L26.62 223.31C13.879 201.223 7.1874 176.168 7.22 150.67C7.22 70.5596 72.45 5.38965 152.56 5.38965C171.651 5.38965 190.556 9.15096 208.193 16.4587C225.83 23.7665 241.855 34.4775 255.352 47.98C268.849 61.4824 279.553 77.5116 286.854 95.152C294.154 112.792 297.908 131.698 297.9 150.79C297.9 230.9 232.67 296.08 152.57 296.08H152.5C128.24 296.075 104.368 289.997 83.06 278.4L6 298.6Z" fill="url(#paint0_linear)"/>
 <path d="M0.780029 303.86L22.14 225.86C8.92708 202.987 1.98013 177.035 2.00003 150.62C2.00003 67.6199 69.57 0.129884 152.56 0.129884C172.339 0.127256 191.925 4.02158 210.198 11.5904C228.472 19.1592 245.075 30.2541 259.06 44.2414C273.044 58.2287 284.136 74.8342 291.701 93.1093C299.266 111.384 303.157 130.971 303.15 150.75C303.15 233.75 235.57 301.25 152.6 301.25H152.53C127.396 301.247 102.664 294.949 80.59 282.93L0.780029 303.86ZM84.29 255.68L88.86 258.39C108.142 269.81 130.14 275.834 152.55 275.83V275.83C221.55 275.83 277.65 219.71 277.68 150.74C277.691 117.56 264.525 85.7342 241.077 62.2585C217.63 38.7828 185.82 25.579 152.64 25.5499C83.64 25.5499 27.49 81.6599 27.46 150.63C27.4233 174.184 34.0557 197.268 46.59 217.21L49.59 221.94L36.93 268.1L84.29 255.68Z" fill="url(#paint1_linear)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M115 87.7101C112.18 81.4401 109.21 81.3201 106.53 81.2101C104.34 81.1201 101.83 81.1201 99.3201 81.1201C97.4189 81.1748 95.5494 81.6213 93.8287 82.4318C92.108 83.2422 90.5731 84.3992 89.3201 85.8301C85.8201 89.5901 76.1001 98.6901 76.1001 117.2C76.1001 135.71 89.5801 153.59 91.4601 156.11C93.3401 158.63 117.46 197.81 155.72 212.89C187.49 225.42 193.96 222.89 200.86 222.3C207.76 221.71 223.11 213.2 226.25 204.42C229.39 195.64 229.38 188.1 228.44 186.53C227.5 184.96 224.99 184.02 221.23 182.14C217.47 180.26 198.98 171.14 195.53 169.9C192.08 168.66 189.53 168.02 187.06 171.79C184.59 175.56 177.35 184.02 175.15 186.53C172.95 189.04 170.77 189.36 167 187.48C163.23 185.6 151.13 181.62 136.75 168.81C125.57 158.81 118.02 146.52 115.82 142.76C113.62 139 115.59 136.96 117.48 135.08C119.17 133.4 121.24 130.69 123.12 128.49C124.666 126.59 125.932 124.478 126.88 122.22C127.38 121.182 127.613 120.035 127.557 118.884C127.502 117.733 127.159 116.615 126.56 115.63C125.62 113.75 118.31 95.1501 115 87.7101Z" fill="white"/>
 <defs>
 <linearGradient id="paint0_linear" x1="151.96" y1="298.6" x2="151.96" y2="5.38965" gradientUnits="userSpaceOnUse">
 <stop stop-color="#20B038"/>
 <stop offset="1" stop-color="#60D66A"/>
 </linearGradient>
 <linearGradient id="paint1_linear" x1="151.96" y1="303.86" x2="151.96" y2="0.129883" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F9F9F9"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
 </defs>
 </svg>
--- a/icons/wordpress.svg
+++ b/icons/wordpress.svg
@ -0,0 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 0C5.38667 0 0 5.38133 0 12C0 18.6133 5.38667 24 12 24C18.6133 24 24 18.6133 24 12C24 5.38133 18.6133 0 12 0ZM1.21067 12C1.21067 10.4373 1.54667 8.94933 2.144 7.61067L7.29067 21.712C3.69067 19.9573 1.21067 16.2667 1.21067 12ZM12 22.7893C10.9387 22.7893 9.92 22.6347 8.94933 22.3467L12.1867 12.9387L15.4987 22.0267C15.5253 22.08 15.5467 22.128 15.5787 22.176C14.464 22.5707 13.2587 22.7893 12 22.7893ZM13.488 6.944C14.1387 6.912 14.72 6.84267 14.72 6.84267C15.3013 6.77333 15.232 5.92 14.6507 5.952C14.6507 5.952 12.9013 6.08533 11.776 6.08533C10.7147 6.08533 8.93333 5.952 8.93333 5.952C8.352 5.92 8.28267 6.81067 8.864 6.84267C8.864 6.84267 9.41333 6.912 9.99467 6.944L11.6747 11.552L9.312 18.6293L5.38133 6.944C6.032 6.912 6.61333 6.84267 6.61333 6.84267C7.19467 6.77333 7.12533 5.92 6.544 5.952C6.544 5.952 4.79467 6.08533 3.66933 6.08533C3.46667 6.08533 3.22667 6.08 2.97067 6.06933C4.90133 3.14133 8.21333 1.20533 11.984 1.20533C14.7893 1.20533 17.3493 2.27733 19.2693 4.03733C19.2213 4.032 19.1787 4.02667 19.1307 4.02667C18.0693 4.02667 17.3227 4.94933 17.3227 5.94133C17.3227 6.832 17.8347 7.584 18.384 8.46933C18.7947 9.184 19.2747 10.112 19.2747 11.4453C19.2747 12.368 18.9227 13.44 18.4533 14.9333L17.3813 18.528L13.488 6.944ZM17.424 21.3227L20.72 11.7973C21.3333 10.256 21.5413 9.02933 21.5413 7.93067C21.5413 7.536 21.5147 7.168 21.4667 6.82133C22.3093 8.36267 22.7893 10.1227 22.7893 12C22.7893 15.984 20.6347 19.456 17.424 21.3227Z" fill="white"/>
 </svg>
--- a/icons/xing.svg
+++ b/icons/xing.svg
@ -0,0 +1,9 @@
 <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve">
  <style>
    .st0{fill:#fff}
  </style>
  <g id="layer1" transform="translate(-194.87 -324.335)">
    <path id="path19359" class="st0" d="M198.7 329.2c-.2 0-.4.1-.5.2-.1.1-.1.3 0 .5l2.3 4-3.6 6.4c-.1.2-.1.4 0 .5.1.1.2.2.4.2h3.4c.5 0 .8-.3.9-.7 0 0 3.5-6.2 3.7-6.5l-2.3-4.1c-.2-.3-.4-.6-.9-.6h-3.4z"/>
    <path id="path19375" class="st0" d="M212.9 324.6c-.5 0-.7.3-.9.6 0 0-7.3 13-7.6 13.4l4.8 8.9c.2.3.4.6.9.6h3.4c.2 0 .4-.1.5-.2.1-.1.1-.3 0-.5l-4.8-8.8 7.5-13.3c.1-.2.1-.4 0-.5-.1-.1-.2-.2-.5-.2h-3.3z"/>
  </g>
 </svg>
--- a/icons/youtube.svg
+++ b/icons/youtube.svg
@ -0,0 +1,11 @@
 <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.4982 6.15419C23.2227 5.10952 22.4086 4.28694 21.3764 4.00726C19.5055 3.5 12 3.5 12 3.5C12 3.5 4.49455 3.5 2.62364 4.00726C1.59136 4.28694 0.777273 5.10952 0.501818 6.15419C0 8.04887 0 12 0 12C0 12 0 15.9511 0.501818 17.8458C0.777273 18.8905 1.59136 19.7131 2.62364 19.9927C4.49455 20.5 12 20.5 12 20.5C12 20.5 19.5055 20.5 21.3764 19.9927C22.4086 19.7131 23.2227 18.8905 23.4982 17.8458C24 15.9511 24 12 24 12C24 12 24 8.04887 23.4982 6.15419Z" fill="#FF0000"/>
 <path d="M9.54541 15.5878L15.8181 11.9999L9.54541 8.41211V15.5878Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0">
 <rect width="24" height="17" fill="white" transform="translate(0 3.5)"/>
 </clipPath>
 </defs>
 </svg>
--- a/images/avatar.png
+++ b/images/avatar.png
--- a/images/avatar@2x.png
+++ b/images/avatar@2x.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,232 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <!-- Page Information
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>LittleLink</title>
  <meta name="description" content="Find us online!">
  <meta name="author" content="Seth Cottle">
  <!-- 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,700,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%">
        <!-- 
          ## Getting Started with LittleLink
          This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
          You can add your own brand or others brands you may need in the `css/brands.css` file. 
          Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
          Edit the "Your Name" section to change the page heading. You can use something like your name, your social handle, or your brand name.
          Edit the "Short Bio" section tell users about yourself or your brand.
        -->
        <!-- Your Image Here -->
        <img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
        <!-- Your Name -->
        <h1>LittleLink</h1>
        <!-- Short Bio -->
        <p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊</p>
        <!--
          ## Breaking down <a> attributes:
          1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
          The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
          If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
          2.) Replace the # in href="#" with the desired target URL for the button.
          3.) target="_blank" | This attribute opens links in a new tab. Remove this attribute to prevent links from opening in a new tab.
          4.) rel="noopener" | This attribute instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
          This is especially useful when opening untrusted links. https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
          ## Breaking down the <img> attributes:
          1.) class="icon" | This class is telling the <img> tag that it should use the styling for icons found in `css/brands.css`.
          2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon.
          Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG.
          3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers. 
        -->
        <!-- Github -->
        <a class="button button-github" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="GitHub Logo">GitHub</a>
          <br>
        <!-- Twitter -->
        <a class="button button-twitter" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="Twitter Logo">Twitter</a>
          <br>
        <!-- Instagram -->
        <a class="button button-instagram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/instagram.svg" alt="Instagram Logo">Instagram</a>
          <br>
        <!-- Facebook -->
        <a class="button button-facebook" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
          <br>
        <!-- Facebook Messenger -->
        <a class="button button-messenger" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
          <br>   
        <!-- LinkedIn -->
        <a class="button button-linkedin" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
          <br>
        <!-- YouTube -->
        <a class="button button-youtube" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/youtube.svg" alt="YouTube Logo">YouTube</a>
          <br> 
        <!-- Discord -->
        <a class="button button-discord" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/discord.svg" alt="Discord Logo">Discord</a>
          <br>
        <!-- Twitch -->
        <a class="button button-twitch" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/twitch.svg" alt="Twitch Logo">Twitch</a>
          <br>
        <!-- ProductHunt -->
        <a class="button button-producthunt" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
         <br>
        <!-- Snapchat -->
        <a class="button button-snapchat" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
          <br>
        <!-- Spotify -->
        <a class="button button-spotify" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/spotify.svg" alt="Spotify Logo">Spotify</a>
          <br>      
        <!-- Reddit -->
        <a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
          <br>   
        <!-- Mastodon -->
        <a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
          <br>           
        <!-- Medium -->
        <a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a>
          <br> 
        <!-- Pinterest -->
        <a class="button button-pinterest" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
          <br>
        <!-- TikTok -->
        <a class="button button-tiktok" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
          <br>
        <!-- Email -->
        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
          <br>
        <!-- Email Alternative -->
        <a class="button button-default" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
          <br>
        <!-- SoundCloud -->
        <a class="button button-soundcloud" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
          <br>              
        <!-- Figma -->
        <a class="button button-figma" href="#" target="_blank" rel="noopener" ><img class="icon" src="icons/figma.svg" alt="Figma Logo">Figma</a>
          <br>
        <!-- Kit -->
        <a class="button button-kit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/kit.svg" alt="Kit Logo">Kit</a>
          <br>          
        <!-- Telegram -->
        <a class="button button-telegram" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/telegram.svg" alt="Telegram Logo">Telegram</a>
          <br>          
        <!-- Tumblr -->
        <a class="button button-tumblr" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
          <br>
        <!-- Steam -->
        <a class="button button-steam" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/steam.svg" alt="Steam Logo">Steam</a>
          <br>
        <!-- Vimeo -->
        <a class="button button-vimeo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
          <br>
        <!-- PayPal-->
        <a class="button button-paypal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/paypal.svg" alt="PayPal Logo">PayPal</a>
        <br>
        <!-- WhatsApp -->
        <a class="button button-whatsapp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
        <br>
        <!-- Wordpress -->
        <a class="button button-wordpress" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
          <br>
        <!-- Goodreads -->
        <a class="button button-goodreads" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
          <br>
        <!-- Skoob -->
        <a class="button button-skoob" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/skoob.svg" alt="Skoob Logo">Skoob</a>
          <br>
        <!-- Gitlab -->
        <a class="button button-gitlab" href="_blank" target="_blank" rel="noopener"><img class="icon" src="icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
          <br>
        <!-- XING -->
        <a class="button button-xing" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/xing.svg" alt="xing Logo">Xing</a>
        <br>
        <br>
        <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
      </div>
    </div>
  </div>
 <!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>
 </html>
		`@ -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>`
		`@ -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>
		`@ -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>
		`@ -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>`
		`@ -0,0 +1,2 @@`
							`<svg xmlns="http://www.w3.org/2000/svg" focusable="false" data-prefix="littlelink" data-icon="soundcloud" class="svg-inline soundcloud" role="img" viewBox="0 0 640 512">`
							<path fill="#FFFFFF" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/></svg>
		`@ -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="#1DB954" 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>
		`@ -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>
		`@ -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>`
		`@ -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>`