diff --git a/.gitignore b/.gitignore
index e43b0f98..6e8821bc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-.DS_Store
+.DS_Store
diff --git a/LICENSE.md b/LICENSE.md
index 03231cc6..a4e61345 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 d6fc3acf..b121e450 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 00000000..7aa5168f
--- /dev/null
+++ b/button types.html
@@ -0,0 +1,410 @@
+
+
+
+
+
+
+
+ LittleLink
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/brands.css b/css/brands.css
index e258038b..09d3ca21 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 458eea1e..dc49fa90 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 6d9d188e..67f3b2dc 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 fe9a7ae1..bc0dabad 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 de3fd8e4..14f80418 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 694dfc1b..89fd2c60 100644
Binary files a/images/avatar.png and b/images/avatar.png differ
diff --git a/images/avatar.svg b/images/avatar.svg
index 24562249..e4efd8b3 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 0ca79e0b..d4a7a847 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 00000000..54136b45
Binary files /dev/null and b/images/avatar@4x.png differ
diff --git a/images/icons/amazon.svg b/images/icons/amazon.svg
index b0c84df9..793737bc 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 ff199d11..4ba79898 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 cde6f604..40f63603 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 cd54c19a..eaa2296e 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 8c4a6d7c..9e35824c 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 8075ef5c..94341705 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 70d3f3ea..16864341 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 667def4c..0d6fe727 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 85697acf..dca0f5cf 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 954a4afb..fc809814 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 e414e573..881c6361 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 62b14e2a..45ba0f0f 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 9cb862da..8d5ca551 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 bde20ab7..43969d94 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 543256c7..1003f702 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 a398760b..9dc2c0df 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 075b10e3..66729dde 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 5c270735..b4b5cf95 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 4fefd54e..ff623423 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 02a9fe25..47467e47 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 d8c921a6..1a68e30b 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 99953e4a..0c515458 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 9d8ff0ed..80b0da4e 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 ac7d0fd8..b087c1ea 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 87a9e0aa..b6289a1c 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 201f7bb6..fd61f9c2 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 69830769..9f93bfda 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 00000000..50d3785c
--- /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 00000000..85d12d6f
--- /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 00000000..e4efd8b3
--- /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 fe07eb17..d427553c 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 306ba8c0..d94021a3 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 c57d0f68..aa22f619 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 703a0d0c..031de241 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 f1df0f5c..3cc91664 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 ec269db2..62c1f8ad 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 4cef57ab..52610e01 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 55e4b3e9..0e9b709a 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 1f428ad0..f1253621 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 c037b0fb..a542a0b5 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 96af0d4b..ae44d3cb 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 9d471fc9..9096f074 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 142a6f85..80cf8f66 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 ecf07158..ffa265f3 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 de775cf9..9ad80b95 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 f0d29b0d..f4d232d9 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 856eedf1..0efaacad 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 0c37329f..98dc47d7 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 b04df9b6..c7c5b210 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 8433269b..fc27b655 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 316d45ff..441f3266 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 e22953c8..e6ef089f 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 f8ce5ed6..e4f00507 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 ad84a5ae..65f2618b 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 7cf1b9b8..e16308f9 100644
--- a/images/icons/youtube.svg
+++ b/images/icons/youtube.svg
@@ -1,11 +1,11 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
index ed327f5b..c83ef874 100644
--- a/index.html
+++ b/index.html
@@ -1,410 +1,170 @@
-
-
-
-
-
-
-
- LittleLink
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ Links OSUC
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/privacy.html b/privacy.html
index bdc12019..f69a8ee6 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 .
+
+
+
+
+
+
+
+