From 2ea4fcfe318220726110f7918a9d899ba1c0cf3d Mon Sep 17 00:00:00 2001 From: Lucas Date: Sat, 13 Aug 2022 22:56:59 -0400 Subject: [PATCH] =?UTF-8?q?Adaptaci=C3=B3n=20del=20template=20a=20OSUC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 +- LICENSE.md | 16 +- README.md | 132 +-- button types.html | 410 +++++++++ css/brands.css | 1266 +++++++++++++------------- css/normalize.css | 854 ++++++++--------- css/skeleton-auto.css | 414 ++++----- css/skeleton-dark.css | 414 ++++----- css/skeleton-light.css | 414 ++++----- images/avatar.png | Bin 1742 -> 2273 bytes images/avatar.svg | 8 +- images/avatar@2x.png | Bin 3425 -> 4385 bytes images/avatar@4x.png | Bin 0 -> 8504 bytes images/icons/amazon.svg | 26 +- images/icons/appstore.svg | 20 +- images/icons/bandcamp.svg | 50 +- images/icons/blog.svg | 74 +- images/icons/cashapp_btc.svg | 54 +- images/icons/cashapp_dollar.svg | 56 +- images/icons/cashapp_pound.svg | 56 +- images/icons/discord.svg | 6 +- images/icons/email.svg | 6 +- images/icons/email_alt.svg | 6 +- images/icons/etsy.svg | 6 +- images/icons/facebook.svg | 2 +- images/icons/figma.svg | 28 +- images/icons/flickr.svg | 2 +- images/icons/github.svg | 2 +- images/icons/instagram.svg | 6 +- images/icons/kickstarter.svg | 20 +- images/icons/kit.svg | 22 +- images/icons/ko-fi.svg | 20 +- images/icons/letterboxd.svg | 26 +- images/icons/linkedin.svg | 2 +- images/icons/littlelink.svg | 6 +- images/icons/mastodon.svg | 8 +- images/icons/medium.svg | 10 +- images/icons/messenger.svg | 6 +- images/icons/notion.svg | 18 +- images/icons/onlyfans.svg | 8 +- images/icons/osuc-branch.svg | 4 + images/icons/osuc-logo-circle-24.svg | 5 + images/icons/osuc-logo-circle.svg | 5 + images/icons/patreon.svg | 4 +- images/icons/paypal.svg | 42 +- images/icons/pinterest.svg | 22 +- images/icons/playstore.svg | 12 +- images/icons/producthunt.svg | 22 +- images/icons/reddit.svg | 8 +- images/icons/signal.svg | 4 +- images/icons/snapchat.svg | 8 +- images/icons/soundcloud.svg | 2 +- images/icons/spotify.svg | 4 +- images/icons/steam.svg | 2 +- images/icons/telegram.svg | 2 +- images/icons/threema.svg | 16 +- images/icons/tiktok.svg | 24 +- images/icons/tumblr.svg | 2 +- images/icons/twitch.svg | 10 +- images/icons/twitter.svg | 20 +- images/icons/venmo.svg | 4 +- images/icons/vimeo.svg | 20 +- images/icons/vrchat.svg | 2 +- images/icons/web.svg | 30 +- images/icons/whatsapp.svg | 32 +- images/icons/wordpress.svg | 6 +- images/icons/xing.svg | 18 +- images/icons/youtube.svg | 22 +- index.html | 580 ++++-------- privacy.html | 328 +++---- 70 files changed, 2973 insertions(+), 2763 deletions(-) create mode 100644 button types.html create mode 100644 images/avatar@4x.png create mode 100644 images/icons/osuc-branch.svg create mode 100644 images/icons/osuc-logo-circle-24.svg create mode 100644 images/icons/osuc-logo-circle.svg 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](https://cdn.cottle.cloud/littlelink/social-circle.png) - -LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee) -and [many.link](https://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. ๐Ÿ˜Š - -![Themes](https://cdn.cottle.cloud/littlelink/littlelink-comparison.gif) - -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. - -![Performance](https://cdn.cottle.cloud/littlelink/performance.png) - -Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity. LittleLink scored a 99/100 in performance when tested with [Google Lighthouse](https://developers.google.com/web/tools/lighthouse). - -![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png) - -No need for gulp, npm, or anything else to make LittleLink workโ€”it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/). Enjoy free and fast hosting with automatic deployments on every branch push with one click below. ๐Ÿ‘‡๏ธ - -[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.) - ---- - -### ๐Ÿค Community Extras - -#### ๐Ÿ“ฆ 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](https://cdn.cottle.cloud/littlelink/social-circle.png) + +LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee) +and [many.link](https://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. ๐Ÿ˜Š + +![Themes](https://cdn.cottle.cloud/littlelink/littlelink-comparison.gif) + +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. + +![Performance](https://cdn.cottle.cloud/littlelink/performance.png) + +Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity. LittleLink scored a 99/100 in performance when tested with [Google Lighthouse](https://developers.google.com/web/tools/lighthouse). + +![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png) + +No need for gulp, npm, or anything else to make LittleLink workโ€”it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/). Enjoy free and fast hosting with automatic deployments on every branch push with one click below. ๐Ÿ‘‡๏ธ + +[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.) + +--- + +### ๐Ÿค Community Extras + +#### ๐Ÿ“ฆ 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + LittleLink Logo + + +

LittleLink

+ + +

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

+ + + + + + GitHub LogoGitHub +
+ + + + Twitter LogoTwitter +
+ + + + Instagram LogoInstagram +
+ + + + Facebook LogoFind us on Facebook +
+ + + + Facebook Messenger LogoChat on Messenger +
+ + + + LinkedIn LogoLinkedIn +
+ + + + YouTube LogoYouTube +
+ + + + Discord LogoDiscord +
+ + + + Twitch LogoTwitch +
+ + + + Product Hunt LogoProduct Hunt +
+ + + + Snapchat LogoSnapchat +
+ + + + Spotify LogoSpotify +
+ + + + Reddit LogoReddit +
+ + + + Mastodon LogoMastodon +
+ + + + Medium LogoMedium +
+ + + + Pinterest LogoFollow on Pinterest +
+ + + + TikTok LogoTikTok +
+ + + + Email Iconhello@littlelink.io +
+ + + + Email Iconhello@littlelink.io +
+ + + + Blog IconBlog +
+ + + + SoundCloud LogoSoundCloud +
+ + + + Figma LogoFigma +
+ + + + Kit LogoKit +
+ + + + Telegram LogoTelegram +
+ + + + LittleLink LogoLittleLink +
+ + + + Trello LogoTrello +
+ + + + Notion LogoNotion +
+ + + + Kickstarter LogoKickstarter +
+ + + + Etsy LogoEtsy +
+ + + + Tumblr LogoTumblr +
+ + + + Steam LogoSteam +
+ + + + Vimeo LogoVimeo +
+ + + + PayPal LogoPayPal +
+ + + + WhatsApp LogoWhatsApp +
+ + + + Wordpress LogoWordpress +
+ + + + Goodreads LogoGoodreads +
+ + + + Skoob LogoSkoob +
+ + + + GitLab LogoGitLab +
+ + + + xing LogoXing +
+ + + + Bandcamp LogoBandcamp +
+ + + + Patreon LogoPatreon +
+ + + + Signal LogoSignal +
+ + + + Apple App Store LogoApple App Store +
+ + + + Google Play Store LogoGoogle Play Store +
+ + + + Amazon LogoAmazon +
+ + + + Venmo LogoVenmo +
+ + + + Cash App LogoCash App Dollar +
+ + + + Cash App LogoCash App Pound +
+ + + + Cash App LogoCash App Bitcoin +
+ + + + dev.to Logodev.to +
+ + + + Only Fans LogoOnlyFans (18+) +
+ + + + Web LogoWebsite +
+ + + + Buy Me a CoffeeBuy Me a Coffee +
+ + + + Ko-fiKo-fi +
+ + + + VRChat LogoVRChat +
+ + + + Threema LogoThreema +
+ + + + Flickr LogoFlickr +
+ + + + Letterboxd LogoLetterboxd +
+ +
+ +

Privacy Policy | Build your own by forking 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 694dfc1bae6814640b7d9e9d52a7a3eb41f84226..89fd2c604e5a21623e32f27397f57a8061510605 100644 GIT binary patch delta 2212 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 - - - + + + + diff --git a/images/avatar@2x.png b/images/avatar@2x.png index 0ca79e0b390aa8a409a13f5516aad608585e073b..d4a7a84746ad7d4048fe0d772ebfb443afd7e6fe 100644 GIT binary patch delta 4340 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 Dh6qe3 diff --git a/images/avatar@4x.png b/images/avatar@4x.png new file mode 100644 index 0000000000000000000000000000000000000000..54136b45467c129f94bb14e169d97654bc420ac0 GIT binary patch literal 8504 zcmXY1by(C*wEpd~bcb}Tv2~;7KTl1faubzrLQ2(8A`(A)J%4x{~KvNpwjWsp^K)rl~AxV?=i*?c*S0cXA(t^^bdEBtP1;(_K}wP$=m$?Pu2Ec`r679^KV$Omb~ zVWuX?pO4ZyS@^{DNU{(~+&|8S{thW$irDf-(e8ITumAGE|G+fFSK&qj^Lj|ntyRve zW(i;eswtO^9#%&!KHL>n`k)a3GF;Hau=UeOm+UQ`S>_<5Qvd``uvb6 zhySPMA`n6p+z(C{eA_>79I$E^Xugle9t{|SkztDoU;iTJ2(EGKjM9-?8kGEe zf(xbX524{EfX#pq%75lZSws&$O(>FE+f4ZvkB?0VXFYw=%T{7rrk!GKolqt;!x4v<*a$!dCH6lS zIxbFya|t~2Zsv7dTEi)~Y6J{MyWdPS^&A9sMs;<~UBPOv=g`}P1 z5{k@%unI1K8~u`$5?v_Gk}Rhb+{U}MLWk{p^IswIj2E6zUuHn?CP40_Wl zY9##Z`9(#+QAEQ|p!^P>Tf-_d=~1RI&65$FxUKSSLok~Hz`w+=*`x7kDv*xTygNy0 zw?tTg->L}k>Yi{)%yxU6=zfX0gpYWU>0d6;%zb6eLEtG(0IOm5gZtzQdfI%k9-;WaH4uK{O$p{L{ zD=0(@i;60ju^~?n8yY-ID>ofnTwLC_webzE6BaAV5`vC~{3K4e=}3q$p%W^<)_RGE z2aZ0t5+BZ9NV&MXm(?>#IK4rOW?{L79B$6}*Q7nvHV1}&h}gey9JPAhbI0(^eOlKx#(4?_f(~YdWHcu;`40u=bPAotNtU>p5tdJsi``@ zWbrN}F}8CND{vY?*bBw%F*~VAlXefd9;*llc5Sp=y1UeOwyMo0empa9i3i2eD~uGxS4KZ&AieHJ0w7EDz8ZcQF>>8}=7C%?Xde3~iMH+Rz6e+LDgo--Fi7 z=(pixzUV3N65?7LgXoOpWgYDN#vmpskDqmA56wnv3SsnW6iKD7q7715pfin&Va(N{ zFgk^?VrMgE^(6L zY~PjJEFCBPt3SvJyz|mnA6>_?nE>U_ZH8R7A0$@vbGhv7?r!h)S*)H|;bgFvG&FqX zFq%&=1T^>06xvug`WjaTv}Z1!xGerWI7cB(yan)@BnsnE3wfAcX@ai@QZkj4o;_Nc zzsV|2S{CRXvvlgfFlllB0wT8y{18;2+q^QaC8oXh$whMTyP=8h&k$=`)K`vr0y{D_ zo6=qnq)}qRtPfz(vn;zdyxrh(Q>{|PiZ!~<*a`~=Wkd~h!rk;a zLtGj2Vr`Cr%_rBixPo^)L!@Pdt~WqQTEkQ=j2+VXTK_PPkc~F1X(XW{@`(=!HhqrE z{h`L|>RU;iXgEvJy5sj7qiyy>-B3(2X7B-lA`jqotHr!KJ#`vFF!oj|O(oor#wJP} zkdxa&EJprO!rPr*T~7%}Ojq>I%>)^5Z7L6L}YsfgcAIql(|Emt_ZA{jpeBmd6pQ^&0MN{g|=}>4C^) zMcQ(F2idWh(I#%z%Q}G&+x)z{_=1c%>n}{l!N3l~4wh87Vtu1NG z@MPu{L4yeumLJ!rEZ7v{5gB7|hgl}j4i(>52NfOj7r}q!0VHKaPIb|yTG6;%Ru=Jj zzkF$tt3byx7GaVm!mkw z>^n?JpR+dy?F5TJcwvg#{O5q6tV|ytrQjf6^ZjC~bOf_3wRS{_`+S?O&gx6bN}s6K zHV^By2B2MnWo+WgkAoi?gqPkl+n2dd@UiELE#mk!4YxXM`|_-24*8a zR)2=tZ|Yx<5lg~}0!_$e^~mvs9;|j3nDFuUTt&6zWss4qKNO&C;V<1`xAL~BouYO~ zMG-{pNQJWG^n^VXCuIqi`jtriI+nAEmC!z91hYopK21xv@sJ|cANBFX zoP(*S{%%n3^w8Yx+Fm&sSjyDbC{BZ$^wnNI!9i1XbunLrQ}+pc@W~*6_;W`cXzaN? zy*hcEZ9g`}K+nMNr7*(E5Far+JN++)FL{2C0q3S^AM>NETmnrhxwg-$N;n<8m;@{q-?)lH-2dTBO(PqK7K4Q+WcLQq@RVrWrQc`*(y#I z4Gz3=8?|=nJG|eXN#J$dg!S$v(vl4PwopmJuGd` zHh4NO?kM-7r1qpuRdE8kFDJM0e3>yY%wp(hA-4b^Jp^5P>?A_}9#tc5j|1&MHMk8 zv2);ECit6=3n_0zgq8aM_>K|MEfe$?Kf0U@We+Z_GaxpRhOF$#e8TAuq;^=I{#}qG zkKzF9@KPT~v}MscJcxP%rDI~M>=;E7i1_Dv61-#u+Is5mTZp5KIBr~fyanHTamfyg z9tPcC5?H5Q!4?H*#P?7}Uy3KTtoa`lk4Nmr?_={|q|(LribK;I5{>oXc~*TU9zxZD zg})84;je!$iKbB345pB2oC1UpU_)kmh+q)rTH2gLgF|n8Cxug+%9G9M+bld-W$(>w z6$#9?A%`Xmu+=@75|a$xI}E;|pt{*@Yi-qAYTSQJH~_~6Ltk&P$JS8f{5A~&=_Uca zZ^v}f7Yi3^H7Op|VaMHoL5+|_Z6bY+S}}BYK{z>|(U%!LI@LsWhu_1|{9joaN@##z zcj6ews8V_yz>Sz>7vG9Ba%W~TY{}LvUg;JPlY$T6+@nAk&*f2=SFmmQl_~;n7v*m|-TP)`o(h+Tr_j95 zsY2b^@LEsI2lq!PsP2Ye$_&Ef#JyLUx+K;;0K7<+uf|XG0*Z{6S3uCd|73tj_Hr?!D1P# z$5mftr?U$@@lGJXn}`H!`S-gd*riBnj*ry^9{rEC0k`e-T9(WN+>YN>GFQa``>nc% ztRvtyU*zeP6evAv_STUVl;_&`S(b+UC`IPd`;PS{RaP5-{0YTMPav{{{3OAhy)srd z8F;fL_!#iOhSPG&L&44-`toII9-pcF~`IUw3bh8)z?Q|sSc7{5va z+Nqp$-;GzvAlJ!EM;yN9Zcy9g=j#^CevqdiR25Ws)%7D&zU6;=NL=}duJKbfh9yzL zH7VGeTB41kv6VX1WFNf%@@Lg-hy(TY2?eI39iSQ})Kyvqv-m=YvX@UWr19m{Nwk~} zWOt;*7UdnIQ<-ViaNxf&RV|aTq0nmpF7`f_GN)m%og&Hkj_`(py1swm8WD1!J>J@?zU*!KnV+j{&bNg^zSrfX9~*c8 z_vv()Z5tcR$0x$vTr=;Wr>cG}FXxSbQ(I(L)3opK$agjBalP#Gov;Kp;T#PALZnY@ z{FpL*)PR`?(wW;b`!0u$$=O*G`jYOKs}HP$qqCStJD6vVPHoPl_fW%;+#;fhnKJ}? zn?M|gu7to`WCzoRnDA0QV_)3gqc<{+Gcq>p;>e(VeE8Z((f|c7K;IlPQwTT@6_FyaEo(7FNR`(b1| zyHl~@KXBM@zlR=4)OxOT`{XWB_b+!=80JR5BJBigJ+OcbLxkYf1Hj9d49@YC6j2UtzID49eF!;6c}@_* z+3p|2x?J(yRYJS?-#ln4@5DUn+q+Vs8Jz0aLkMgXZn!k8-Tg&N+8L(bE{qFTEUi{0 zfoYog-TO87cz}Z;f&dDNmjEz*G(=c_?B1;D3B*OHxaFJI42O3aYqu>Xc58$e;2@^R z0nXS2`Xbc*`6FXX1P7Y=4KN{*xH?a?OW0x)$Y?RI#E=tJz0BF3PiY?C^&qhFi-}<( zn%&$n_@jGF7~`P$IOXx7yLKYuUe8f^;L%3hAT05U3o{eZGdR>h7nPff%G<;7Q!VoS z1WZsM4e&EVLN4~+?RyxN{5y9|Zp@9j(#VSrz6Ew)Dbjx8fuZ)z&6gf6|DGF4k;KvI zZSqjd@k{{5H$W>qeiX=YP_(DJ>v?jqb}-xa$GST-?`P%(E$Yy%A;RLpbrRa(Fom8# z@v6?6gqQ6tA)f86t>m_X7o!_XpX-39Q#0CgA`GcywvyaE{(f#{4wwG=zF+syW=M;p z{K`KkW(r|apHJv2B+V__Mm=AE@(Hnm6OaI#9B1!`U2D%=X$E11w`fa=?gdMA zXEkKJ04E4Jy#Fk9qClPOXTzC*YX#|3p_x<)TS)x8cFFa}8Ta9#3ErUs>c;_B_1u83 z?LctC3vjOA9_EK_IhN|=@waCV4~+co(@g1?(RO< ze?DU89M*3t`0AiR72g(kgK9CE<=5wP6lUUXZ~EestU+uaC`10s zkBHlX|#RmUE0QeTCb8ph*+i`*p^7xwENuA=Ge%oN=$NOv=>rUH8h^ zmRH!lgW@VxUptzQ&&mKVfO2mqET#cpdd!(v|DnRawW;c^Ka!RIH~?n@P{9r$D46023AWe_X`FX?4urB`NYjJXN%nm<2+Mq-zG`|hi86Wfy+ zVkM4Ug*D2lY_K10U&s5cPh$6&-F?}jF02OLESR;|@2r=k=`pc?us}>sLb0)rLw+%M z9-ZG4Zi3kMPDiZU$`cXhQx|8Ka+bi`s?q8q%%_qn)!#lKuXl$Xx4&geqC3z+?d3Ex zV;>|u`uM!;p>Bc#E&;{YxW#>b#eTSXanj)@B_oOkHW4fv&*SS}fuaej9F1pEO)eMT z713t*_pexJnyuK0^k2#KnG(ZV6?D$eaL2%KGr-=-CSCo+GsL)CKj<0N4(gdd|Ao2e zhd~D$+ERKnI%enfxSl0qOVtbM?BVhLsjl;$?zQ;p`{hP@^yISRi10uW2AT~Bd(`e% zFisF_vi=r*RdKQMp4_6#)=WR0?B9RwXYTQWIVDv@rBkDHIP60H{Vn-(E&oh=A1cgS zIDwq%J}{*Jyh)PhENRIp6?{k7m3K#NJ9{eCIak-`lCUmaF67%YuccDGY$uQn%L}ai zVmHCQb8Iort9p}DRW{nE#0tzl)Olj6%mp!&gm-9o@KlV}1qqIiL62#^Y?HFSiJvs- z1L;QxkLq|8aB=^$_2}6@+$}3@Y1^5C3@U2RHZR+-G9}pf$Tz<7@bw^riSmAj$=WX% zFI0>|h3P~SW@7N=z6%?M&GgZ;-X=IwMmb#IKwnY+3QIl3VIJgg(kBhaDV~Fydh(^K zZDB$y{4A2j&Myth+&y*f`Nj*{a(bcNMbWx@NSOrW z(-W*f3_Ih}ju-fQkHAVGNrIeNmV<~Hk{$>Ug3`2^FWyyES@pUNv-ui)uUx%=z#2}w z{k)4WxkLQG5M&zfb@HJD1N=?$SVN>6AVo|m5l%3stX%I-jC50_RI&4Myfd*pn)F8T zPr45Epmb#EE>a+o=<&z^?=`}Tf=S>D;cP@&_*7&?c14F-M2QJD;E{CS!>huu2Uuy? z8}QP_>sS9Kc|>J(MA{ie9)O?FZYev3Qz~WZYOXE&>OhlqWqs!7Ee+M1-H20DcEs%9 zbeVj-<0x7B?B~O!L&bo0W@e=<(~@CV10rP=WwsBDS6FKP2f#0P7KBZs6zx|9fAFR2 zj@aS};}=cV|C~&Qxh0%3U~5Ao*?i{jy{?sKPCX=;vMUk`fM?y5HI8HzBp*p>P> zX&uW2OO35fx`WKpTt87UpTVD+lEtq91IPtSP^=$Lec!sSX$%pBy4hgA;5#1-OYMDqW}|#BpdJwgH$)>~=QMEf-0d6+QDZR+T` z{GTRf=Y?+R>Ck*?sY1?N+%Q-RrIv#3E66Lsn=fZ(U7H_wQswddL_?u!(w3HiUv<^# z+zVTVIV-zfml}^+K_OK??qq~j6+k$#to4U;OG@*Bl68wZX~J+7;NccSFSC;=sd}>c za@~2dr7;qh`?4bA*plRofLmN+7Ma7)odKMk%?3PTw(9HV$qH>eEVX)() zt?9vY6tpxYX!1eiyFRTD&oqM;O0f=mN%pfsdiRMHt^DnKV}rF{?`*FIp{=C2M+Hu= zw6m1pqx8?{WhO7)izWeC5Bx;JOV7)3s6j)1exl)}m(|oZ6M(pI3)W?uwegO-@e451Fbe?qhn>$ZAhKjh zvgQMP{reBQQR_7=r}B}QgG+ZGW5E%?Q{YbTW3iDAPoU_ynVqgelBIEv76AYWem-{w zJ5G`FwW`tcTXjKlFfYzs+0L%Zp|CqXei_RZLv6#?)USQ{n!!L$qZpzZ7P2!T>8xj5 zLQrr9@K}4o@yEXD%ghgv3Lb(C29|(NI6WKNC#SDqp(SScaMHp!-XshAhgPyiLO0Xt z8X(}Un3crhK=WHDXM2$UZNc0@i;-`ImIpQhSKf+dko+F(2)tqqJiz#@TL7U?c}IwQ z?8QbM#}KI<)*urIp`57PT`%-=i0@+8Wqd&#wiUJsUNeXRv(pIFfe0fD8vh#O63XU` zyTg>flxEQu|D}}ycmdF(=bHX6fByNpq414t)$C73pB<7E=RSb@$^11pQ=+4|q$+Mh zWL%8t@UoY1ga1uqBcKQbP@5=9{CON-(y42PwYRB)MJOACcnp2>Ox&1^utzV^_xm{N z@~S0`gc_cIBp(xX^)7!Ow#TlFJ+rl~A8@=DjSU6O3RROV_x#I}7B>MXDowJ9?JV~d zzr%T(l+vB57^8!GT(4Q4v48(D9t#ph{TH<^cyWkuZjagWyYpNq@s~?y$HnvL@x!U^ zK4xSH?P>&^V*fp)s&6%255}eTSKn^Q=OM5Vd)pXX!G_D2Npl@DLrM)O$YN2bRrOQ+ zdcqq*7}MX{NG;~@-2di!0Y*GCxewaT9`4Rsd=DyIdOAK-FT)GOuDv1>F*XxuWKhjD zUC?=tEkSOUQOy+(dBx?Oba&NSnA@FyvuW$NO#K^{Jb&vnn(;HN#C0|oU6`^Egkj0k X5@x%|iTZN?(E(6XdahV6Zx!`FckB>i literal 0 HcmV?d00001 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 @@ - - - - - LittleLink - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - - - - LittleLink Logo - - -

LittleLink

- - -

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

- - - - - - GitHub LogoGitHub -
- - - - Twitter LogoTwitter -
- - - - Instagram LogoInstagram -
- - - - Facebook LogoFind us on Facebook -
- - - - Facebook Messenger LogoChat on Messenger -
- - - - LinkedIn LogoLinkedIn -
- - - - YouTube LogoYouTube -
- - - - Discord LogoDiscord -
- - - - Twitch LogoTwitch -
- - - - Product Hunt LogoProduct Hunt -
- - - - Snapchat LogoSnapchat -
- - - - Spotify LogoSpotify -
- - - - Reddit LogoReddit -
- - - - Mastodon LogoMastodon -
- - - - Medium LogoMedium -
- - - - Pinterest LogoFollow on Pinterest -
- - - - TikTok LogoTikTok -
- - - - Email Iconhello@littlelink.io -
- - - - Email Iconhello@littlelink.io -
- - - - Blog IconBlog -
- - - - SoundCloud LogoSoundCloud -
- - - - Figma LogoFigma -
- - - - Kit LogoKit -
- - - - Telegram LogoTelegram -
- - - - LittleLink LogoLittleLink -
- - - - Trello LogoTrello -
- - - - Notion LogoNotion -
- - - - Kickstarter LogoKickstarter -
- - - - Etsy LogoEtsy -
- - - - Tumblr LogoTumblr -
- - - - Steam LogoSteam -
- - - - Vimeo LogoVimeo -
- - - - PayPal LogoPayPal -
- - - - WhatsApp LogoWhatsApp -
- - - - Wordpress LogoWordpress -
- - - - Goodreads LogoGoodreads -
- - - - Skoob LogoSkoob -
- - - - GitLab LogoGitLab -
- - - - xing LogoXing -
- - - - Bandcamp LogoBandcamp -
- - - - Patreon LogoPatreon -
- - - - Signal LogoSignal -
- - - - Apple App Store LogoApple App Store -
- - - - Google Play Store LogoGoogle Play Store -
- - - - Amazon LogoAmazon -
- - - - Venmo LogoVenmo -
- - - - Cash App LogoCash App Dollar -
- - - - Cash App LogoCash App Pound -
- - - - Cash App LogoCash App Bitcoin -
- - - - dev.to Logodev.to -
- - - - Only Fans LogoOnlyFans (18+) -
- - - - Web LogoWebsite -
- - - - Buy Me a CoffeeBuy Me a Coffee -
- - - - Ko-fiKo-fi -
- - - - VRChat LogoVRChat -
- - - - Threema LogoThreema -
- - - - Flickr LogoFlickr -
- - - - Letterboxd LogoLetterboxd -
- -
- -

Privacy Policy | Build your own by forking LittleLink.

- -
-
-
- - - - - + + + + + + + + Links OSUC + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + Logo OSUC + + +

Links Open Source UC

+ + +

Links de que te podrรญan interesar. De nosotros para tรญ ๐Ÿ™‚

+
+ + + + + Web LogoPรกgina Web +
+ + + + GitHub LogoGitHub +
+ + + + GitHub LogoBase de Datos UC ๐Ÿ”ฅ +
+ +

Redes Sociales

+ + + Telegram LogoTelegram +
+ + + + Instagram LogoInstagram +
+ + + + YouTube LogoYouTube +
+ + + + Discord LogoDiscord +
+ + + + Twitter LogoTwitter +
+ + + + LinkedIn LogoLinkedIn +
+ + + +
+

Polรญtica de Privacidad

+

Creado con LittleLink y mantenido con ๐Ÿ’™ por la comunidad de 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.

+
+
+
+
+ + + +