diff --git a/.gitignore b/.gitignore
index e43b0f9..6e8821b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-.DS_Store
+.DS_Store
diff --git a/LICENSE.md b/LICENSE.md
index 03231cc..a4e6134 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,8 +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.
+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.
diff --git a/README.md b/README.md
index d6fc3ac..b121e45 100644
--- a/README.md
+++ b/README.md
@@ -1,66 +1,66 @@
-# ๐ LittleLink
-
-
-
-LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
-and [many.link](https://many.link/). 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. ๐
-
-
-
-LittleLink has more than 50+ branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
-
-
-
-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).
-
-
-
-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. ๐๏ธ
-
-[](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
-
-#### ๐ฆ LittleLink Extended
-Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
-
-#### ๐จ Figma
-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) is building [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)!
-
-[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
-
-#### ๐๏ธ Misc
-[Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink!
-
-[Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality!
-
----
-
-### ๐ Supporters
-You can support LittleLink by [buying me a beer](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website.
-
-#### ๐ข Business Supporters
-[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
-
-#### โจ Individual Supporters
-**[Drew Davis](https://connect.davisdre.me)**
-
-**[Robotter112](https://robotter112.de/)**
-
-[Add Your Name](https://www.buymeacoffee.com/seth/e/50573)
-
----
-
-### ๐ Analytics
-
-To help build a more privacy focused product, we recommend using [Fathom Analytics](https://usefathom.com/ref/EQVZMV)*. On May 03, 2022 we moved [LittleLink.io](https://littlelink.io) from Google Analytics to Fathom! We're also making our analytics dashboard [publicly available](https://app.usefathom.com/share/xbmnwxxl/littlelink.io#/?filters=%5B%5D&range=last_7_days&site=2251799827005303)** for everyone to view.
-
-###### * This is a referral link. Using this link to sign up for Fathom is an easy way to help support LittleLink!
-
-###### ** Analytics displayed in this dashboard start May 03, 2022. View this [Google Sheets file](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics.
-
+# ๐ LittleLink
+
+
+
+LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
+and [many.link](https://many.link/). 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. ๐
+
+
+
+LittleLink has more than 50+ branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
+
+
+
+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).
+
+
+
+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. ๐๏ธ
+
+[](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
+
+#### ๐ฆ LittleLink Extended
+Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
+
+#### ๐จ Figma
+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) is building [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)!
+
+[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
+
+#### ๐๏ธ Misc
+[Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink!
+
+[Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality!
+
+---
+
+### ๐ Supporters
+You can support LittleLink by [buying me a beer](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website.
+
+#### ๐ข Business Supporters
+[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
+
+#### โจ Individual Supporters
+**[Drew Davis](https://connect.davisdre.me)**
+
+**[Robotter112](https://robotter112.de/)**
+
+[Add Your Name](https://www.buymeacoffee.com/seth/e/50573)
+
+---
+
+### ๐ Analytics
+
+To help build a more privacy focused product, we recommend using [Fathom Analytics](https://usefathom.com/ref/EQVZMV)*. On May 03, 2022 we moved [LittleLink.io](https://littlelink.io) from Google Analytics to Fathom! We're also making our analytics dashboard [publicly available](https://app.usefathom.com/share/xbmnwxxl/littlelink.io#/?filters=%5B%5D&range=last_7_days&site=2251799827005303)** for everyone to view.
+
+###### * This is a referral link. Using this link to sign up for Fathom is an easy way to help support LittleLink!
+
+###### ** Analytics displayed in this dashboard start May 03, 2022. View this [Google Sheets file](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics.
+
diff --git a/button types.html b/button types.html
new file mode 100644
index 0000000..7aa5168
--- /dev/null
+++ b/button types.html
@@ -0,0 +1,410 @@
+
+
+
+
+
+
+
+ LittleLink
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/brands.css b/css/brands.css
index e258038..09d3ca2 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -1,620 +1,646 @@
-/*
-* 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%);
-}
-
-/* Amazon */
-.button.button-amazon {
- color: #000000;
- background-color: #ffffff;
-}
-.button.button-amazon:hover,
-.button.button-amazon:focus {
- filter: brightness(90%);
-}
-
-/* Apple App Store */
-.button.button-appstore {
- color: #ffffff;
- background-color: #000000;
-}
-.button.button-appstore:hover,
-.button.button-appstore:focus {
- filter: brightness(90%);
-}
-
-/* Bandcamp */
-.button.button-bandcamp {
- color: #ffffff;
- background-color: #1d9fc3;
-}
-.button.button-bandcamp:hover,
-.button.button-bandcamp:focus {
- filter: brightness(90%);
-}
-
-/* Buy Me a Coffee */
-.button.button-coffee {
- color: #100a26;
- background-color: #ffdd00;
-}
-.button.button-coffee:hover,
-.button.button-coffee:focus {
- filter: brightness(90%);
-}
-
-/* Ko-fi */
-.button.button-ko-fi {
- color: #ffffff;
- background-color: #13C3FF;
-}
-.button.button-ko-fi:hover,
-.button.button-ko-fi:focus {
- filter: brightness(90%);
-}
-
-/* Cash App */
-.button.button-cashapp {
- color: #ffffff;
- background-image: linear-gradient(to bottom, #00d64b, #00c244);
-}
-.button.button-cashapp:hover,
-.button.button-cashapp:focus {
- filter: brightness(90%);
-}
-
-/* dev.to */
-.button.button-dev-to {
- color: #000000;
- background-color: #f5f5f5;
-}
-.button.button-dev-to:hover,
-.button.button-dev-to:focus {
- filter: brightness(90%);
-}
-
-/* Discord */
-.button.button-discord {
- color: #ffffff;
- background-color: #5865f2;
-}
-.button.button-discord:hover,
-.button.button-discord:focus {
- filter: brightness(90%);
-}
-
-/* Etsy */
-.button.button-etsy {
- color: #ffffff;
- background-color: #F45800;
-}
-.button.button-etsy:hover,
-.button.button-etsy:focus {
- filter: brightness(90%);
-}
-
-/* Facebook */
-.button.button-faceb {
- color: #ffffff;
- background-color: #1877f2;
-}
-.button.button-faceb:hover,
-.button.button-faceb: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%);
-}
-
-/* Flickr */
-.button.button-flickr {
- color: #ffffff;
- background-color: #000000;
-}
-.button.button-flickr:hover,
-.button.button-flickr: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%);
-}
-
-/* Google Play Store */
-.button.button-playstore {
- color: #FFFFFF;
- background-color: #000000;
-}
-.button.button-playstore:hover,
-.button.button-playstore: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%);
-}
-
-/* kickstarter */
-.button.button-kickstarter {
- color: #ffffff;
- background-color: #05ce78;
-}
-.button.button-kickstarter:hover,
-.button.button-kickstarter: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-linked {
- color: #ffffff;
- background-color: #2867b2;
-}
-.button.button-linked:hover,
-.button.button-linked: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%);
-}
-
-/* Notion */
-.button.button-notion {
- color: #000000;
- border-style: solid;
- border-color: #000000;
- border-width: 2px;
- background-color: #ffffff;
-}
-.button.button-notion:hover,
-.button.button-notion:focus {
- filter: brightness(90%);
-}
-
-/* OnlyFans */
-.button.button-onlyfans {
- color: #ffffff;
- background-color: #00AEEF;
-}
-.button.button-onlyfans:hover,
-.button.button-onlyfans:focus {
- filter: brightness(90%);
-}
-
-/* Patreon */
-.button.button-patreon {
- color: #ffffff;
- background-color: #ff424d;
-}
-.button.button-patreon:hover,
-.button.button-patreon:focus {
- filter: brightness(90%);
-}
-
-/* PayPal */
-.button.button-paypal {
- color: #ffffff;
- background-color: #003087;
-}
-.button.button-paypal:hover,
-.button.button-paypal: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%);
-}
-
-/* Signal */
-.button.button-signal {
- color: #ffffff;
- background-color: #3a76f0;
-}
-.button.button-signal:hover,
-.button.button-signal: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: #191414;
- background-color: #1db954;
-}
-.button.button-spotify:hover,
-.button.button-spotify:focus {
- filter: brightness(90%);
-}
-
-/* Steam */
-.button.button-steam {
- color: #ffffff;
- background-color: #171a21;
-}
-.button.button-steam:hover,
-.button.button-steam:focus {
- filter: brightness(90%);
-}
-
-/* Telegram */
-.button.button-telegram {
- color: #ffffff;
- background-color: #3faee8;
-}
-.button.button-telegram:hover,
-.button.button-telegram:focus {
- filter: brightness(90%);
-}
-
-/* Threema */
-.button.button-threema {
- color: #000000;
- background-color: #3fe669;
-}
-.button.button-threema:hover,
-.button.button-threema:focus {
- filter: brightness(90%);
-}
-
-/* TikTok */
-.button.button-tiktok {
- color: #ffffff;
- background-color: #000000;
-}
-.button.button-tiktok:hover,
-.button.button-tiktok:focus {
- filter: brightness(90%);
-}
-
-/* Trello */
-.button.button-trello {
- color: #ffffff;
- background-color: #0065ff;
-}
-.button.button-trello:hover,
-.button.button-trello:focus {
- filter: brightness(90%);
-}
-
-/* Tumblr */
-.button.button-tumb {
- color: #ffffff;
- background-color: #131313;
-}
-.button.button-tumb:hover,
-.button.button-tumb: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-twit {
- color: #ffffff;
- background-color: #1da1f2;
-}
-.button.button-twit:hover,
-.button.button-twit:focus {
- filter: brightness(90%);
-}
-
-/* Venmo */
-.button.button-venmo {
- color: #ffffff;
- background-color: #008CFF;
-}
-.button.button-venmo:hover,
-.button.button-venmo:focus {
- filter: brightness(90%);
-}
-
-/* Vimeo */
-.button.button-vimeo {
- color: #ffffff;
- background-color: #1ab7ea;
-}
-.button.button-vimeo:hover,
-.button.button-vimeo:focus {
- filter: brightness(90%);
-}
-
-/* VRChat */
-.button.button-vrchat {
- color: #000000;
- background-color: #ffffff;
- border: 2px solid black;
-}
-.button.button-vrchat:hover,
-.button.button-vrchat:focus {
- filter: brightness(90%);
-}
-
-/* Website */
-.button.button-web {
- color: #ffffff;
- background-color: #000000;
-}
-.button.button-web:hover,
-.button.button-web: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%);
-}
-
-/* YouTube */
-.button.button-yt {
- color: #ffffff;
- background-color: #000000;
-}
-.button.button-yt:hover,
-.button.button-yt:focus {
- filter: brightness(90%);
-}
-
-/* Letterboxd */
-.button.button-letterboxd {
- color: #ffffff;
- background-color: #2c3440;
-}
-.button.button-letterboxd:hover,
-.button.button-letterboxd:focus {
- filter: brightness(90%);
-}
+/*
+* 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%);
+}
+
+/* Amazon */
+.button.button-amazon {
+ color: #000000;
+ background-color: #ffffff;
+}
+.button.button-amazon:hover,
+.button.button-amazon:focus {
+ filter: brightness(90%);
+}
+
+/* Apple App Store */
+.button.button-appstore {
+ color: #ffffff;
+ background-color: #000000;
+}
+.button.button-appstore:hover,
+.button.button-appstore:focus {
+ filter: brightness(90%);
+}
+
+/* Bandcamp */
+.button.button-bandcamp {
+ color: #ffffff;
+ background-color: #1d9fc3;
+}
+.button.button-bandcamp:hover,
+.button.button-bandcamp:focus {
+ filter: brightness(90%);
+}
+
+/* Buy Me a Coffee */
+.button.button-coffee {
+ color: #100a26;
+ background-color: #ffdd00;
+}
+.button.button-coffee:hover,
+.button.button-coffee:focus {
+ filter: brightness(90%);
+}
+
+/* Ko-fi */
+.button.button-ko-fi {
+ color: #ffffff;
+ background-color: #13C3FF;
+}
+.button.button-ko-fi:hover,
+.button.button-ko-fi:focus {
+ filter: brightness(90%);
+}
+
+/* Cash App */
+.button.button-cashapp {
+ color: #ffffff;
+ background-image: linear-gradient(to bottom, #00d64b, #00c244);
+}
+.button.button-cashapp:hover,
+.button.button-cashapp:focus {
+ filter: brightness(90%);
+}
+
+/* dev.to */
+.button.button-dev-to {
+ color: #000000;
+ background-color: #f5f5f5;
+}
+.button.button-dev-to:hover,
+.button.button-dev-to:focus {
+ filter: brightness(90%);
+}
+
+/* Discord */
+.button.button-discord {
+ color: #ffffff;
+ background-color: #5865f2;
+}
+.button.button-discord:hover,
+.button.button-discord:focus {
+ filter: brightness(90%);
+}
+
+/* Etsy */
+.button.button-etsy {
+ color: #ffffff;
+ background-color: #F45800;
+}
+.button.button-etsy:hover,
+.button.button-etsy:focus {
+ filter: brightness(90%);
+}
+
+/* Facebook */
+.button.button-faceb {
+ color: #ffffff;
+ background-color: #1877f2;
+}
+.button.button-faceb:hover,
+.button.button-faceb: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%);
+}
+
+/* Flickr */
+.button.button-flickr {
+ color: #ffffff;
+ background-color: #000000;
+}
+.button.button-flickr:hover,
+.button.button-flickr:focus {
+ filter: brightness(90%);
+}
+
+/* Github */
+.button.button-github {
+ color: #ffffff;
+ background-color: #161b22;
+ border-style: solid;
+ border-color: #2ea043;
+ border-width: 2px;
+}
+.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%);
+}
+
+/* Google Play Store */
+.button.button-playstore {
+ color: #FFFFFF;
+ background-color: #000000;
+}
+.button.button-playstore:hover,
+.button.button-playstore:focus {
+ filter: brightness(90%);
+}
+
+/* Highlight */
+.button.button-highlight {
+ color: #da552f;
+ border-style: solid;
+ border-color: #da552f;
+ border-width: 2px;
+ background-color: #ffffff00;
+}
+.button.button-producthunt:hover,
+.button.button-producthunt: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%);
+}
+
+/* kickstarter */
+.button.button-kickstarter {
+ color: #ffffff;
+ background-color: #05ce78;
+}
+.button.button-kickstarter:hover,
+.button.button-kickstarter: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-linked {
+ color: #ffffff;
+ background-color: #2867b2;
+}
+.button.button-linked:hover,
+.button.button-linked: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%);
+}
+
+/* Notion */
+.button.button-notion {
+ color: #000000;
+ border-style: solid;
+ border-color: #000000;
+ border-width: 2px;
+ background-color: #ffffff;
+}
+.button.button-notion:hover,
+.button.button-notion:focus {
+ filter: brightness(90%);
+}
+
+/* OnlyFans */
+.button.button-onlyfans {
+ color: #ffffff;
+ background-color: #00AEEF;
+}
+.button.button-onlyfans:hover,
+.button.button-onlyfans:focus {
+ filter: brightness(90%);
+}
+
+/* OSUC */
+.button.button-osuc {
+ color: #2E3440;
+ background-color: #f2f4f7;
+}
+.button.button-onlyfans:hover,
+.button.button-onlyfans:focus {
+ filter: brightness(90%);
+}
+
+/* Patreon */
+.button.button-patreon {
+ color: #ffffff;
+ background-color: #ff424d;
+}
+.button.button-patreon:hover,
+.button.button-patreon:focus {
+ filter: brightness(90%);
+}
+
+/* PayPal */
+.button.button-paypal {
+ color: #ffffff;
+ background-color: #003087;
+}
+.button.button-paypal:hover,
+.button.button-paypal: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%);
+}
+
+/* Signal */
+.button.button-signal {
+ color: #ffffff;
+ background-color: #3a76f0;
+}
+.button.button-signal:hover,
+.button.button-signal: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: #191414;
+ background-color: #1db954;
+}
+.button.button-spotify:hover,
+.button.button-spotify:focus {
+ filter: brightness(90%);
+}
+
+/* Steam */
+.button.button-steam {
+ color: #ffffff;
+ background-color: #171a21;
+}
+.button.button-steam:hover,
+.button.button-steam:focus {
+ filter: brightness(90%);
+}
+
+/* Telegram */
+.button.button-telegram {
+ color: #ffffff;
+ background-color: #3faee8;
+}
+.button.button-telegram:hover,
+.button.button-telegram:focus {
+ filter: brightness(90%);
+}
+
+/* Threema */
+.button.button-threema {
+ color: #000000;
+ background-color: #3fe669;
+}
+.button.button-threema:hover,
+.button.button-threema:focus {
+ filter: brightness(90%);
+}
+
+/* TikTok */
+.button.button-tiktok {
+ color: #ffffff;
+ background-color: #000000;
+}
+.button.button-tiktok:hover,
+.button.button-tiktok:focus {
+ filter: brightness(90%);
+}
+
+/* Trello */
+.button.button-trello {
+ color: #ffffff;
+ background-color: #0065ff;
+}
+.button.button-trello:hover,
+.button.button-trello:focus {
+ filter: brightness(90%);
+}
+
+/* Tumblr */
+.button.button-tumb {
+ color: #ffffff;
+ background-color: #131313;
+}
+.button.button-tumb:hover,
+.button.button-tumb: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-twit {
+ color: #ffffff;
+ background-color: #1da1f2;
+}
+.button.button-twit:hover,
+.button.button-twit:focus {
+ filter: brightness(90%);
+}
+
+/* Venmo */
+.button.button-venmo {
+ color: #ffffff;
+ background-color: #008CFF;
+}
+.button.button-venmo:hover,
+.button.button-venmo:focus {
+ filter: brightness(90%);
+}
+
+/* Vimeo */
+.button.button-vimeo {
+ color: #ffffff;
+ background-color: #1ab7ea;
+}
+.button.button-vimeo:hover,
+.button.button-vimeo:focus {
+ filter: brightness(90%);
+}
+
+/* VRChat */
+.button.button-vrchat {
+ color: #000000;
+ background-color: #ffffff;
+ border: 2px solid black;
+}
+.button.button-vrchat:hover,
+.button.button-vrchat:focus {
+ filter: brightness(90%);
+}
+
+/* Website */
+.button.button-web {
+ color: #ffffff;
+ background-color: #000000;
+}
+.button.button-web:hover,
+.button.button-web: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%);
+}
+
+/* YouTube */
+.button.button-yt {
+ color: #000000;
+ background-color: #ffffff;
+}
+.button.button-yt:hover,
+.button.button-yt:focus {
+ filter: brightness(90%);
+}
+
+/* Letterboxd */
+.button.button-letterboxd {
+ color: #ffffff;
+ background-color: #2c3440;
+}
+.button.button-letterboxd:hover,
+.button.button-letterboxd:focus {
+ filter: brightness(90%);
+}
diff --git a/css/normalize.css b/css/normalize.css
index 458eea1..dc49fa9 100644
--- a/css/normalize.css
+++ b/css/normalize.css
@@ -1,427 +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;
-}
+/*! 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;
+}
diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css
index 6d9d188..67f3b2d 100644
--- a/css/skeleton-auto.css
+++ b/css/skeleton-auto.css
@@ -1,208 +1,208 @@
-/*
-* 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;
-}
-.container-left {
- position: relative;
- width: 100%;
- max-width: 600px;
- text-align: left;
- 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%;
- color-scheme: light dark;
-}
-body {
- font-size: 18px;
- line-height: 24px;
- font-weight: 400;
- font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
- sans-serif;
-}
-
-/* Typography
-โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
-h1 {
- margin-top: 0;
- margin-bottom: 16px;
- font-weight: 800;
-}
-h1 {
- font-size: 24px;
- line-height: 64px;
- letter-spacing: 0;
-}
-
-/* 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: 0.2rem 0.5rem;
- margin: 0 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;
-}
-/* Radius values:
-
-10%-40%: Squircles
-50% (default): True circle
-*/
-.avatar {
- width: 128px;
- height: 128px;
- object-fit: cover;
- background-position: center;
- border-radius: 50%;
+/*
+* 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;
+}
+.container-left {
+ position: relative;
+ width: 100%;
+ max-width: 600px;
+ text-align: left;
+ 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%;
+ color-scheme: light dark;
+}
+body {
+ font-size: 18px;
+ line-height: 24px;
+ font-weight: 400;
+ font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+ sans-serif;
+}
+
+/* Typography
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+h1 {
+ margin-top: 0;
+ margin-bottom: 16px;
+ font-weight: 800;
+}
+h1 {
+ font-size: 24px;
+ line-height: 64px;
+ letter-spacing: 0;
+}
+
+/* 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: 0.2rem 0.5rem;
+ margin: 0 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;
+}
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+ width: 128px;
+ height: 128px;
+ object-fit: cover;
+ background-position: center;
+ border-radius: 50%;
}
\ No newline at end of file
diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css
index fe9a7ae..bc0daba 100644
--- a/css/skeleton-dark.css
+++ b/css/skeleton-dark.css
@@ -1,208 +1,208 @@
-/*
-* 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;
-}
-.container-left {
- position: relative;
- width: 100%;
- max-width: 600px;
- text-align: left;
- 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%;
- color-scheme: dark;
-}
-body {
- font-size: 18px;
- line-height: 24px;
- font-weight: 400;
- font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
- sans-serif;
-}
-
-/* Typography
-โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
-h1 {
- margin-top: 0;
- margin-bottom: 16px;
- font-weight: 800;
-}
-h1 {
- font-size: 24px;
- line-height: 64px;
- letter-spacing: 0;
-}
-
-/* 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: 0.2rem 0.5rem;
- margin: 0 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;
-}
-/* Radius values:
-
-10%-40%: Squircles
-50% (default): True circle
-*/
-.avatar {
- width: 128px;
- height: 128px;
- object-fit: cover;
- background-position: center;
- border-radius: 50%;
+/*
+* 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;
+}
+.container-left {
+ position: relative;
+ width: 100%;
+ max-width: 600px;
+ text-align: left;
+ 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%;
+ color-scheme: dark;
+}
+body {
+ font-size: 18px;
+ line-height: 24px;
+ font-weight: 400;
+ font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+ sans-serif;
+}
+
+/* Typography
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+h1 {
+ margin-top: 0;
+ margin-bottom: 16px;
+ font-weight: 800;
+}
+h1 {
+ font-size: 24px;
+ line-height: 64px;
+ letter-spacing: 0;
+}
+
+/* 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: 0.2rem 0.5rem;
+ margin: 0 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;
+}
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+ width: 128px;
+ height: 128px;
+ object-fit: cover;
+ background-position: center;
+ border-radius: 50%;
}
\ No newline at end of file
diff --git a/css/skeleton-light.css b/css/skeleton-light.css
index de3fd8e..14f8041 100644
--- a/css/skeleton-light.css
+++ b/css/skeleton-light.css
@@ -1,208 +1,208 @@
-/*
-* 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;
-}
-.container-left {
- position: relative;
- width: 100%;
- max-width: 600px;
- text-align: left;
- 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%;
- color-scheme: light;
-}
-body {
- font-size: 18px;
- line-height: 24px;
- font-weight: 400;
- font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
- sans-serif;
-}
-
-/* Typography
-โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
-h1 {
- margin-top: 0;
- margin-bottom: 16px;
- font-weight: 800;
-}
-h1 {
- font-size: 24px;
- line-height: 64px;
- letter-spacing: 0;
-}
-
-/* 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: 0.2rem 0.5rem;
- margin: 0 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;
-}
-/* Radius values:
-
-10%-40%: Squircles
-50% (default): True circle
-*/
-.avatar {
- width: 128px;
- height: 128px;
- object-fit: cover;
- background-position: center;
- border-radius: 50%;
+/*
+* 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;
+}
+.container-left {
+ position: relative;
+ width: 100%;
+ max-width: 600px;
+ text-align: left;
+ 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%;
+ color-scheme: light;
+}
+body {
+ font-size: 18px;
+ line-height: 24px;
+ font-weight: 400;
+ font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+ sans-serif;
+}
+
+/* Typography
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+h1 {
+ margin-top: 0;
+ margin-bottom: 16px;
+ font-weight: 800;
+}
+h1 {
+ font-size: 24px;
+ line-height: 64px;
+ letter-spacing: 0;
+}
+
+/* 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: 0.2rem 0.5rem;
+ margin: 0 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;
+}
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+ width: 128px;
+ height: 128px;
+ object-fit: cover;
+ background-position: center;
+ border-radius: 50%;
}
\ No newline at end of file
diff --git a/images/avatar.png b/images/avatar.png
index 694dfc1..89fd2c6 100644
Binary files a/images/avatar.png and b/images/avatar.png differ
diff --git a/images/avatar.svg b/images/avatar.svg
index 2456224..e4efd8b 100644
--- a/images/avatar.svg
+++ b/images/avatar.svg
@@ -1,5 +1,5 @@
-
-
-
-
+
+
+
+
diff --git a/images/avatar@2x.png b/images/avatar@2x.png
index 0ca79e0..d4a7a84 100644
Binary files a/images/avatar@2x.png and b/images/avatar@2x.png differ
diff --git a/images/avatar@4x.png b/images/avatar@4x.png
new file mode 100644
index 0000000..54136b4
Binary files /dev/null and b/images/avatar@4x.png differ
diff --git a/images/icons/amazon.svg b/images/icons/amazon.svg
index b0c84df..793737b 100644
--- a/images/icons/amazon.svg
+++ b/images/icons/amazon.svg
@@ -1,13 +1,13 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/appstore.svg b/images/icons/appstore.svg
index ff199d1..4ba7989 100644
--- a/images/icons/appstore.svg
+++ b/images/icons/appstore.svg
@@ -1,10 +1,10 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/bandcamp.svg b/images/icons/bandcamp.svg
index cde6f60..40f6360 100644
--- a/images/icons/bandcamp.svg
+++ b/images/icons/bandcamp.svg
@@ -1,26 +1,26 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/images/icons/blog.svg b/images/icons/blog.svg
index cd54c19..eaa2296 100644
--- a/images/icons/blog.svg
+++ b/images/icons/blog.svg
@@ -1,37 +1,37 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg
index 8c4a6d7..9e35824 100644
--- a/images/icons/cashapp_btc.svg
+++ b/images/icons/cashapp_btc.svg
@@ -1,27 +1,27 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg
index 8075ef5..9434170 100644
--- a/images/icons/cashapp_dollar.svg
+++ b/images/icons/cashapp_dollar.svg
@@ -1,28 +1,28 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg
index 70d3f3e..1686434 100644
--- a/images/icons/cashapp_pound.svg
+++ b/images/icons/cashapp_pound.svg
@@ -1,28 +1,28 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/discord.svg b/images/icons/discord.svg
index 667def4..0d6fe72 100644
--- a/images/icons/discord.svg
+++ b/images/icons/discord.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/email.svg b/images/icons/email.svg
index 85697ac..dca0f5c 100644
--- a/images/icons/email.svg
+++ b/images/icons/email.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/email_alt.svg b/images/icons/email_alt.svg
index 954a4af..fc80981 100644
--- a/images/icons/email_alt.svg
+++ b/images/icons/email_alt.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/etsy.svg b/images/icons/etsy.svg
index e414e57..881c636 100644
--- a/images/icons/etsy.svg
+++ b/images/icons/etsy.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/facebook.svg b/images/icons/facebook.svg
index 62b14e2..45ba0f0 100644
--- a/images/icons/facebook.svg
+++ b/images/icons/facebook.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/figma.svg b/images/icons/figma.svg
index 9cb862d..8d5ca55 100644
--- a/images/icons/figma.svg
+++ b/images/icons/figma.svg
@@ -1,14 +1,14 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/flickr.svg b/images/icons/flickr.svg
index bde20ab..43969d9 100644
--- a/images/icons/flickr.svg
+++ b/images/icons/flickr.svg
@@ -1 +1 @@
-
+
diff --git a/images/icons/github.svg b/images/icons/github.svg
index 543256c..1003f70 100644
--- a/images/icons/github.svg
+++ b/images/icons/github.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/instagram.svg b/images/icons/instagram.svg
index a398760..9dc2c0d 100644
--- a/images/icons/instagram.svg
+++ b/images/icons/instagram.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/kickstarter.svg b/images/icons/kickstarter.svg
index 075b10e..66729dd 100644
--- a/images/icons/kickstarter.svg
+++ b/images/icons/kickstarter.svg
@@ -1,10 +1,10 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/kit.svg b/images/icons/kit.svg
index 5c27073..b4b5cf9 100644
--- a/images/icons/kit.svg
+++ b/images/icons/kit.svg
@@ -1,11 +1,11 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/ko-fi.svg b/images/icons/ko-fi.svg
index 4fefd54..ff62342 100644
--- a/images/icons/ko-fi.svg
+++ b/images/icons/ko-fi.svg
@@ -1,11 +1,11 @@
-
-
- Layer 1
-
-
-
-
-
-
-
+
+
+ Layer 1
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/images/icons/letterboxd.svg b/images/icons/letterboxd.svg
index 02a9fe2..47467e4 100644
--- a/images/icons/letterboxd.svg
+++ b/images/icons/letterboxd.svg
@@ -1,13 +1,13 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/linkedin.svg b/images/icons/linkedin.svg
index d8c921a..1a68e30 100644
--- a/images/icons/linkedin.svg
+++ b/images/icons/linkedin.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/littlelink.svg b/images/icons/littlelink.svg
index 99953e4..0c51545 100644
--- a/images/icons/littlelink.svg
+++ b/images/icons/littlelink.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/mastodon.svg b/images/icons/mastodon.svg
index 9d8ff0e..80b0da4 100644
--- a/images/icons/mastodon.svg
+++ b/images/icons/mastodon.svg
@@ -1,4 +1,4 @@
-
-
-
-
+
+
+
+
diff --git a/images/icons/medium.svg b/images/icons/medium.svg
index ac7d0fd..b087c1e 100644
--- a/images/icons/medium.svg
+++ b/images/icons/medium.svg
@@ -1,5 +1,5 @@
-
-
-
-
-
+
+
+
+
+
diff --git a/images/icons/messenger.svg b/images/icons/messenger.svg
index 87a9e0a..b6289a1 100644
--- a/images/icons/messenger.svg
+++ b/images/icons/messenger.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/notion.svg b/images/icons/notion.svg
index 201f7bb..fd61f9c 100644
--- a/images/icons/notion.svg
+++ b/images/icons/notion.svg
@@ -1,9 +1,9 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/onlyfans.svg b/images/icons/onlyfans.svg
index 6983076..9f93bfd 100644
--- a/images/icons/onlyfans.svg
+++ b/images/icons/onlyfans.svg
@@ -1,4 +1,4 @@
-
-
-
-
+
+
+
+
diff --git a/images/icons/osuc-branch.svg b/images/icons/osuc-branch.svg
new file mode 100644
index 0000000..50d3785
--- /dev/null
+++ b/images/icons/osuc-branch.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/images/icons/osuc-logo-circle-24.svg b/images/icons/osuc-logo-circle-24.svg
new file mode 100644
index 0000000..85d12d6
--- /dev/null
+++ b/images/icons/osuc-logo-circle-24.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/images/icons/osuc-logo-circle.svg b/images/icons/osuc-logo-circle.svg
new file mode 100644
index 0000000..e4efd8b
--- /dev/null
+++ b/images/icons/osuc-logo-circle.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/images/icons/patreon.svg b/images/icons/patreon.svg
index fe07eb1..d427553 100644
--- a/images/icons/patreon.svg
+++ b/images/icons/patreon.svg
@@ -1,3 +1,3 @@
-
-
+
+
\ No newline at end of file
diff --git a/images/icons/paypal.svg b/images/icons/paypal.svg
index 306ba8c..d94021a 100644
--- a/images/icons/paypal.svg
+++ b/images/icons/paypal.svg
@@ -1,21 +1,21 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/pinterest.svg b/images/icons/pinterest.svg
index c57d0f6..aa22f61 100644
--- a/images/icons/pinterest.svg
+++ b/images/icons/pinterest.svg
@@ -1,11 +1,11 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/playstore.svg b/images/icons/playstore.svg
index 703a0d0..031de24 100644
--- a/images/icons/playstore.svg
+++ b/images/icons/playstore.svg
@@ -1,6 +1,6 @@
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/images/icons/producthunt.svg b/images/icons/producthunt.svg
index f1df0f5..3cc9166 100644
--- a/images/icons/producthunt.svg
+++ b/images/icons/producthunt.svg
@@ -1,11 +1,11 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/reddit.svg b/images/icons/reddit.svg
index ec269db..62c1f8a 100644
--- a/images/icons/reddit.svg
+++ b/images/icons/reddit.svg
@@ -1,4 +1,4 @@
-
-
-
-
+
+
+
+
diff --git a/images/icons/signal.svg b/images/icons/signal.svg
index 4cef57a..52610e0 100644
--- a/images/icons/signal.svg
+++ b/images/icons/signal.svg
@@ -1,3 +1,3 @@
-
-
+
+
\ No newline at end of file
diff --git a/images/icons/snapchat.svg b/images/icons/snapchat.svg
index 55e4b3e..0e9b709 100644
--- a/images/icons/snapchat.svg
+++ b/images/icons/snapchat.svg
@@ -1,4 +1,4 @@
-
-
-
-
+
+
+
+
diff --git a/images/icons/soundcloud.svg b/images/icons/soundcloud.svg
index 1f428ad..f125362 100644
--- a/images/icons/soundcloud.svg
+++ b/images/icons/soundcloud.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/spotify.svg b/images/icons/spotify.svg
index c037b0f..a542a0b 100644
--- a/images/icons/spotify.svg
+++ b/images/icons/spotify.svg
@@ -1,2 +1,2 @@
-
-
+
+
diff --git a/images/icons/steam.svg b/images/icons/steam.svg
index 96af0d4..ae44d3c 100644
--- a/images/icons/steam.svg
+++ b/images/icons/steam.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/telegram.svg b/images/icons/telegram.svg
index 9d471fc..9096f07 100644
--- a/images/icons/telegram.svg
+++ b/images/icons/telegram.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/threema.svg b/images/icons/threema.svg
index 142a6f8..80cf8f6 100644
--- a/images/icons/threema.svg
+++ b/images/icons/threema.svg
@@ -1,9 +1,9 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/images/icons/tiktok.svg b/images/icons/tiktok.svg
index ecf0715..ffa265f 100644
--- a/images/icons/tiktok.svg
+++ b/images/icons/tiktok.svg
@@ -1,12 +1,12 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/tumblr.svg b/images/icons/tumblr.svg
index de775cf..9ad80b9 100644
--- a/images/icons/tumblr.svg
+++ b/images/icons/tumblr.svg
@@ -1,2 +1,2 @@
-
+
\ No newline at end of file
diff --git a/images/icons/twitch.svg b/images/icons/twitch.svg
index f0d29b0..f4d232d 100644
--- a/images/icons/twitch.svg
+++ b/images/icons/twitch.svg
@@ -1,5 +1,5 @@
-
-
-
-
-
+
+
+
+
+
diff --git a/images/icons/twitter.svg b/images/icons/twitter.svg
index 856eedf..0efaaca 100644
--- a/images/icons/twitter.svg
+++ b/images/icons/twitter.svg
@@ -1,10 +1,10 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/venmo.svg b/images/icons/venmo.svg
index 0c37329..98dc47d 100644
--- a/images/icons/venmo.svg
+++ b/images/icons/venmo.svg
@@ -1,3 +1,3 @@
-
-
+
+
\ No newline at end of file
diff --git a/images/icons/vimeo.svg b/images/icons/vimeo.svg
index b04df9b..c7c5b21 100644
--- a/images/icons/vimeo.svg
+++ b/images/icons/vimeo.svg
@@ -1,10 +1,10 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/vrchat.svg b/images/icons/vrchat.svg
index 8433269..fc27b65 100644
--- a/images/icons/vrchat.svg
+++ b/images/icons/vrchat.svg
@@ -1 +1 @@
-
+
diff --git a/images/icons/web.svg b/images/icons/web.svg
index 316d45f..441f326 100644
--- a/images/icons/web.svg
+++ b/images/icons/web.svg
@@ -1,16 +1,16 @@
-
\ No newline at end of file
diff --git a/images/icons/whatsapp.svg b/images/icons/whatsapp.svg
index e22953c..e6ef089 100644
--- a/images/icons/whatsapp.svg
+++ b/images/icons/whatsapp.svg
@@ -1,16 +1,16 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/wordpress.svg b/images/icons/wordpress.svg
index f8ce5ed..e4f0050 100644
--- a/images/icons/wordpress.svg
+++ b/images/icons/wordpress.svg
@@ -1,3 +1,3 @@
-
-
-
+
+
+
diff --git a/images/icons/xing.svg b/images/icons/xing.svg
index ad84a5a..65f2618 100644
--- a/images/icons/xing.svg
+++ b/images/icons/xing.svg
@@ -1,9 +1,9 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/images/icons/youtube.svg b/images/icons/youtube.svg
index 7cf1b9b..e16308f 100644
--- a/images/icons/youtube.svg
+++ b/images/icons/youtube.svg
@@ -1,11 +1,11 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
index ed327f5..c83ef87 100644
--- a/index.html
+++ b/index.html
@@ -1,410 +1,170 @@
-
-
-
-
-
-
-
- LittleLink
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ Links OSUC
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/privacy.html b/privacy.html
index bdc1201..f69a8ee 100644
--- a/privacy.html
+++ b/privacy.html
@@ -1,164 +1,164 @@
-
-
-
-
-
-
-
- LittleLink Privacy Policy
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- โฌ
๏ธ Back to main page
-
-
-
-
-
-
๐ Privacy Overview
-
-
-
- Personal Data collected for the following purposes and using the
- following services:
-
-
-
- ๐งฎ Analytics
-
- The services contained in this section enable the Owner to monitor
- and analyze web traffic and can be used to keep track of User
- behavior.
-
-
-
- 1.) Example LLC.
- Personal Data:
- various types of Data as specified in the privacy policy of the
- service
- Privacy Policy
-
-
-
-
-
- ๐ฆ Displaying Content From External Platforms
-
- This type of service allows you to view content hosted on external
- platforms directly from the pages of this website and interact with
- them.
- This type of service might still collect web traffic data for the
- pages where the service is installed, even when Users do not use it.
-
-
-
- 1.) Example LLC
- Personal Data:
- Usage Data; various types of Data as specified in the privacy
- policy of the service
-
- Privacy Policy
-
-
-
-
-
- ๐ Hosting and Backend Infrastructure
-
- This type of service has the purpose of hosting Data and files that
- enable this website to exist.
-
-
- Some services among those listed below, if any, may work through
- geographically distributed servers, making it difficult to determine
- the actual location where the Personal Data are stored.
-
-
-
- 1.) Example LLC.
- Personal Data:
- various types of Data as specified in the privacy policy of the
- service
-
- Privacy Policy
-
-
-
-
-
-
-
- Build your own by forking LittleLink .
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ LittleLink Privacy Policy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ โฌ
๏ธ Back to main page
+
+
+
+
+
+
๐ Privacy Overview
+
+
+
+ Personal Data collected for the following purposes and using the
+ following services:
+
+
+
+ ๐งฎ Analytics
+
+ The services contained in this section enable the Owner to monitor
+ and analyze web traffic and can be used to keep track of User
+ behavior.
+
+
+
+ 1.) Example LLC.
+ Personal Data:
+ various types of Data as specified in the privacy policy of the
+ service
+ Privacy Policy
+
+
+
+
+
+ ๐ฆ Displaying Content From External Platforms
+
+ This type of service allows you to view content hosted on external
+ platforms directly from the pages of this website and interact with
+ them.
+ This type of service might still collect web traffic data for the
+ pages where the service is installed, even when Users do not use it.
+
+
+
+ 1.) Example LLC
+ Personal Data:
+ Usage Data; various types of Data as specified in the privacy
+ policy of the service
+
+ Privacy Policy
+
+
+
+
+
+ ๐ Hosting and Backend Infrastructure
+
+ This type of service has the purpose of hosting Data and files that
+ enable this website to exist.
+
+
+ Some services among those listed below, if any, may work through
+ geographically distributed servers, making it difficult to determine
+ the actual location where the Personal Data are stored.
+
+
+
+ 1.) Example LLC.
+ Personal Data:
+ various types of Data as specified in the privacy policy of the
+ service
+
+ Privacy Policy
+
+
+
+
+
+
+
+ Build your own by forking LittleLink .
+
+
+
+
+
+
+
+