From 57675d1fb653dbdf64afbef5babaea477f64d381 Mon Sep 17 00:00:00 2001 From: MagicLike Date: Thu, 27 Oct 2022 22:30:00 +0200 Subject: [PATCH] 51 new buttons and more - Added 50 new buttons (some of them were taken over from LittleLink) - Activated Producthunt button - Some file contents sorted and optimised --- config/button-names.php | 13 + database/seeders/ButtonSeeder.php | 232 ++++- littlelink/css/brands.css | 1254 +++++++++++++++++------- littlelink/icons/all-inkl.svg | 237 +++++ littlelink/icons/amazon.svg | 13 + littlelink/icons/apple-music.svg | 49 + littlelink/icons/apple-podcasts.svg | 3 + littlelink/icons/appstore.svg | 10 + littlelink/icons/briar.svg | 157 +++ littlelink/icons/cashapp_btc.svg | 27 + littlelink/icons/cashapp_dollar.svg | 28 + littlelink/icons/cashapp_pound.svg | 28 + littlelink/icons/castopod.svg | 56 ++ littlelink/icons/codeberg.svg | 164 ++++ littlelink/icons/codepen.svg | 47 + littlelink/icons/cryptpad.svg | 22 + littlelink/icons/deezer.svg | 12 + littlelink/icons/dev-to.svg | 1 + littlelink/icons/epic-games.svg | 2 + littlelink/icons/etsy.svg | 3 + littlelink/icons/f-droid.svg | 310 ++++++ littlelink/icons/firefox.svg | 242 +++++ littlelink/icons/flickr.svg | 1 + littlelink/icons/funkwhale.svg | 20 + littlelink/icons/humble-bundle.svg | 11 + littlelink/icons/itchio.svg | 1 + littlelink/icons/kickstarter.svg | 10 + littlelink/icons/ko-fi.svg | 24 + littlelink/icons/lemmy.svg | 23 + littlelink/icons/letterboxd.svg | 13 + littlelink/icons/liberapay.svg | 1 + littlelink/icons/littlelink-custom.svg | 1 + littlelink/icons/matrix.svg | 9 + littlelink/icons/misskey.svg | 413 ++++++++ littlelink/icons/notion.svg | 9 + littlelink/icons/odysee.svg | 47 + littlelink/icons/onlyfans.svg | 4 + littlelink/icons/openstreetmap.svg | 758 ++++++++++++++ littlelink/icons/owncast.svg | 1 + littlelink/icons/peertube.svg | 42 + littlelink/icons/piwigo.svg | 13 + littlelink/icons/pixelfed.svg | 340 +++++++ littlelink/icons/playstore.svg | 6 + littlelink/icons/plemora.svg | 71 ++ littlelink/icons/session.svg | 15 + littlelink/icons/strava.svg | 1 + littlelink/icons/threema.svg | 11 + littlelink/icons/unity.svg | 22 + littlelink/icons/unraid.svg | 1 + littlelink/icons/untappd.svg | 1 + littlelink/icons/upptime.svg | 4 + littlelink/icons/vrchat.svg | 1 + littlelink/icons/web.svg | 16 + littlelink/icons/youtube-music.svg | 28 + 54 files changed, 4476 insertions(+), 352 deletions(-) create mode 100644 littlelink/icons/all-inkl.svg create mode 100644 littlelink/icons/amazon.svg create mode 100644 littlelink/icons/apple-music.svg create mode 100644 littlelink/icons/apple-podcasts.svg create mode 100644 littlelink/icons/appstore.svg create mode 100644 littlelink/icons/briar.svg create mode 100644 littlelink/icons/cashapp_btc.svg create mode 100644 littlelink/icons/cashapp_dollar.svg create mode 100644 littlelink/icons/cashapp_pound.svg create mode 100644 littlelink/icons/castopod.svg create mode 100644 littlelink/icons/codeberg.svg create mode 100644 littlelink/icons/codepen.svg create mode 100644 littlelink/icons/cryptpad.svg create mode 100644 littlelink/icons/deezer.svg create mode 100644 littlelink/icons/dev-to.svg create mode 100644 littlelink/icons/epic-games.svg create mode 100644 littlelink/icons/etsy.svg create mode 100644 littlelink/icons/f-droid.svg create mode 100644 littlelink/icons/firefox.svg create mode 100644 littlelink/icons/flickr.svg create mode 100644 littlelink/icons/funkwhale.svg create mode 100644 littlelink/icons/humble-bundle.svg create mode 100644 littlelink/icons/itchio.svg create mode 100644 littlelink/icons/kickstarter.svg create mode 100644 littlelink/icons/ko-fi.svg create mode 100644 littlelink/icons/lemmy.svg create mode 100644 littlelink/icons/letterboxd.svg create mode 100644 littlelink/icons/liberapay.svg create mode 100644 littlelink/icons/littlelink-custom.svg create mode 100644 littlelink/icons/matrix.svg create mode 100644 littlelink/icons/misskey.svg create mode 100644 littlelink/icons/notion.svg create mode 100644 littlelink/icons/odysee.svg create mode 100644 littlelink/icons/onlyfans.svg create mode 100644 littlelink/icons/openstreetmap.svg create mode 100644 littlelink/icons/owncast.svg create mode 100644 littlelink/icons/peertube.svg create mode 100644 littlelink/icons/piwigo.svg create mode 100644 littlelink/icons/pixelfed.svg create mode 100644 littlelink/icons/playstore.svg create mode 100644 littlelink/icons/plemora.svg create mode 100644 littlelink/icons/session.svg create mode 100644 littlelink/icons/strava.svg create mode 100644 littlelink/icons/threema.svg create mode 100644 littlelink/icons/unity.svg create mode 100644 littlelink/icons/unraid.svg create mode 100644 littlelink/icons/untappd.svg create mode 100644 littlelink/icons/upptime.svg create mode 100644 littlelink/icons/vrchat.svg create mode 100644 littlelink/icons/web.svg create mode 100644 littlelink/icons/youtube-music.svg diff --git a/config/button-names.php b/config/button-names.php index 4c26fe2..b55bfc2 100644 --- a/config/button-names.php +++ b/config/button-names.php @@ -1,13 +1,26 @@ 'LittleLink Custom', + 'all-inkl' => 'ALL-INKL', + 'appstore' => 'App Store', + 'apple-music' => 'Apple Music', + 'apple-podcasts' => 'Apple Podcasts', + 'dev-to' => 'DEV', + 'epic-games' => 'Epic Games', + 'f-droid' => 'F-Droid', 'github' => 'GitHub', 'gitlab' => 'GitLab', + 'itchio' => 'itch.io', 'linkedin' => 'linkedIn', + 'openstreetmap' => 'OpenStreetMap', 'paypal' => 'PayPal', + 'playstore' => 'Google Play', 'soundcloud' => 'SoundCloud', 'tiktok' => 'TikTok', + 'vrchat' => 'VRChat', 'whatsapp' => 'WhatsApp', 'wordpress' => 'WordPress', 'youtube' => 'YouTube', + 'youtube-music' => 'YouTube Music', ); diff --git a/database/seeders/ButtonSeeder.php b/database/seeders/ButtonSeeder.php index cebf5c4..97e7f21 100755 --- a/database/seeders/ButtonSeeder.php +++ b/database/seeders/ButtonSeeder.php @@ -23,11 +23,55 @@ class ButtonSeeder extends Seeder [ 'name' => 'custom_website' ], - + + [ + 'name' => 'website' + ], + + [ + 'name' => 'phone' + ], + + [ + 'name' => 'littlelink-custom' + ], + + [ + 'name' => 'heading' + ], + + [ + 'name' => 'space' + ], + + [ + 'name' => 'all-inkl' + ], + + [ + 'name' => 'amazon' + ], + + [ + 'name' => 'appstore' + ], + + [ + 'name' => 'apple-music' + ], + + [ + 'name' => 'apple-podcasts' + ], + [ 'name' => 'bandcamp' ], + [ + 'name' => 'briar' + ], + [ 'name' => 'buy me a coffee' ], @@ -35,7 +79,22 @@ class ButtonSeeder extends Seeder [ 'name' => 'cashapp' ], - + + [ + 'name' => 'castopod' + ], + + [ + 'name' => 'codepen' + ], + + [ + 'name' => 'codeberg' + ], + + [ + 'name' => 'cryptpad' + ], [ 'name' => 'default email' @@ -44,18 +103,54 @@ class ButtonSeeder extends Seeder [ 'name' => 'default email_alt' ], + + [ + 'name' => 'dev-to' + ], + + [ + 'name' => 'deezer' + ], [ 'name' => 'discord' ], + + [ + 'name' => 'epic-games' + ], + + [ + 'name' => 'etsy' + ], [ 'name' => 'facebook' ], + + [ + 'name' => 'messenger' + ], [ 'name' => 'figma' ], + + [ + 'name' => 'firefox' + ], + + [ + 'name' => 'flickr' + ], + + [ + 'name' => 'funkwhale' + ], + + [ + 'name' => 'f-droid' + ], [ 'name' => 'github' @@ -69,18 +164,49 @@ class ButtonSeeder extends Seeder 'name' => 'goodreads' ], - [ 'name' => 'instagram' ], + + [ + 'name' => 'itchio' + ], + + [ + 'name' => 'humble-bundle' + ], + [ + 'name' => 'kickstarter' + ], + [ 'name' => 'kit' ], + + [ + 'name' => 'ko-fi' + ], + + [ + 'name' => 'lemmy' + ], + + [ + 'name' => 'letterboxd' + ], + + [ + 'name' => 'liberapay' + ], [ 'name' => 'linkedin' ], + + [ + 'name' => 'matrix' + ], [ 'name' => 'mastodon' @@ -89,9 +215,25 @@ class ButtonSeeder extends Seeder [ 'name' => 'medium' ], - + [ - 'name' => 'messenger' + 'name' => 'misskey' + ], + + [ + 'name' => 'notion' + ], + + [ + 'name' => 'odysee' + ], + + [ + 'name' => 'openstreetmap' + ], + + [ + 'name' => 'owncast' ], [ @@ -101,14 +243,42 @@ class ButtonSeeder extends Seeder [ 'name' => 'paypal' ], - + [ - 'name' => 'pinterest' + 'name' => 'peertube' + ], + + [ + 'name' => 'pinterest' + ], + + [ + 'name' => 'pixelfed' + ], + + [ + 'name' => 'piwigo' + ], + + [ + 'name' => 'playstore' + ], + + [ + 'name' => 'plemora' + ], + + [ + 'name' => 'producthunt' ], [ 'name' => 'reddit' ], + + [ + 'name' => 'session' + ], [ 'name' => 'signal' @@ -133,14 +303,26 @@ class ButtonSeeder extends Seeder [ 'name' => 'steam' ], + + [ + 'name' => 'strava' + ], [ 'name' => 'telegram' ], + + [ + 'name' => 'threema' + ], [ 'name' => 'tiktok' ], + + [ + 'name' => 'trello' + ], [ 'name' => 'tumblr' @@ -153,6 +335,22 @@ class ButtonSeeder extends Seeder [ 'name' => 'twitter' ], + + [ + 'name' => 'unity' + ], + + [ + 'name' => 'unraid' + ], + + [ + 'name' => 'untappd' + ], + + [ + 'name' => 'upptime' + ], [ 'name' => 'venmo' @@ -161,9 +359,9 @@ class ButtonSeeder extends Seeder [ 'name' => 'vimeo' ], - + [ - 'name' => 'website' + 'name' => 'vrchat' ], [ @@ -181,23 +379,11 @@ class ButtonSeeder extends Seeder [ 'name' => 'youtube' ], - - [ - 'name' => 'heading' - ], - - [ - 'name' => 'space' - ], - - [ - 'name' => 'phone' - ], [ - 'name' => 'trello' + 'name' => 'youtube-music' ], - + ]; Button::insert($buttons); diff --git a/littlelink/css/brands.css b/littlelink/css/brands.css index 2ee09f2..1e33e1c 100644 --- a/littlelink/css/brands.css +++ b/littlelink/css/brands.css @@ -89,347 +89,40 @@ button:hover, .button.button-custom { color: #FFFFFF; background-color: #FFFFFF; - background-image: linear-gradient(-135deg,#0f0c29,#302b63,#24243e) } + background-image: linear-gradient( + -135deg, + #0f0c29, + #302b63, + #24243e + ); +} .button.button-custom:hover, .button.button-custom:focus { - filter: brightness(90%) } + filter: brightness(90%); +} /* Default (this is great for your own brand color!) */ .button.button-default { color: #FFFFFF; - background-color: #0085FF } + background-color: #0085FF; +} .button.button-default:hover, .button.button-default:focus { - filter: brightness(90%) } - -/* Discord */ -.button.button-discord { - color: #FFFFFF; - background-color: #5865F2 } -.button.button-discord:hover, -.button.button-discord:focus { - filter: brightness(90%) } - -/* Facebook */ -.button.button-facebook { - color: #FFFFFF; - background-color: #1877f2 } -.button.button-facebook:hover, -.button.button-facebook:focus { - filter: brightness(90%) } - -/* Facebook Messenger */ -.button.button-messenger { - color: #FFFFFF; - background-image: linear-gradient(25deg,#0099FF, #5F5DFF,#A033FF, #C740CC, #FF5280, #FF7061) } -.button.button-messenger:hover, -.button.button-messenger:focus { - filter: brightness(90%) } - -/* Figma */ -.button.button-figma { - color: #FFFFFF; - background-color: #000000 } -.button.button-figma:hover, -.button.button-figma:focus { - filter: brightness(90%) } - -/* Github */ -.button.button-github { - color: #FFFFFF; - background-color: #000000 } -.button.button-github:hover, -.button.button-github:focus { - filter: brightness(90%) } - -/* Goodreads */ -.button.button-goodreads { - color: #333333; - background-color: #F3F1E6 } -.button.button-goodreads:hover, -.button.button-goodreads:focus { - filter: brightness(90%) } - -/* Instagram */ -.button.button-instagram { - color: #FFFFFF; - background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000) } -.button.button-instagram:hover, -.button.button-instagram:focus { - filter: brightness(90%) } - -/* Kit */ -.button.button-kit { - color: #FFFFFF; - background-color: #000000 } -.button.button-kit:hover, -.button.button-kit:focus { - filter: brightness(90%) } - -/* LinkedIn */ -.button.button-linkedin { - color: #FFFFFF; - background-color: #2867B2 } -.button.button-linkedin:hover, -.button.button-linkedin:focus { - filter: brightness(90%) } - -/* Medium */ -.button.button-medium { - color: #FFFFFF; - background-color: #000000 } -.button.button-medium:hover, -.button.button-medium:focus { - filter: brightness(90%) } - -/* Pinterest */ -.button.button-pinterest { - color: #000000; - background-color: #FFE2EB } -.button.button-pinterest:hover, -.button.button-pinterest:focus { - filter: brightness(90%) } - -/* Producthunt */ -.button.button-producthunt { - color: #DA552F; - border-style: solid; - border-color: #DA552F; - border-width: 2px; - background-color: #FFFFFF } -.button.button-producthunt:hover, -.button.button-producthunt:focus { - filter: brightness(90%) } - -/* Reddit */ -.button.button-reddit { - color: #000000; - background-color: #D7DFE2 } -.button.button-reddit:hover, -.button.button-reddit:focus { - filter: brightness(90%) } - -/* Skoob */ -.button.button-skoob { - color: #FFFFFF; - background-color: #3189C8 } -.button.button-skoob:hover, -.button.button-skoob:focus { - filter: brightness(90%) } - -/* Snapchat */ -.button.button-snapchat { - color: #000000; - background-color: #fffc00 } -.button.button-snapchat:hover, -.button.button-snapchat:focus { - filter: brightness(90%) } - -/* SoundCloud */ -.button.button-soundcloud { - color: #FFFFFF; - background-color: #ff5500 } -.button.button-soundcloud:hover, -.button.button-soundcloud:focus { - filter: brightness(90%) } - -/* Spotify */ -.button.button-spotify { - color: #FFFFFF; - background-color: #000000 } -.button.button-spotify:hover, -.button.button-spotify:focus { - filter: brightness(90%) } - -/* Steam */ -.button.button-steam { - color: #FFFFFF; - background-color: #171a21 } -.button.button-steam:hover, -.button.button-steam:focus { - filter: brightness(90%) } - -/* Telegram */ -.button.button-telegram { - color: #FFFFFF; - background-color: #3faee8 } -.button.button-telegram:hover, -.button.button-telegram:focus { - filter: brightness(90%) } - -/* TikTok */ -.button.button-tiktok { - color: #FFFFFF; - background-color: #000000 } -.button.button-tiktok:hover, -.button.button-tiktok:focus { - filter: brightness(90%) } - -/* Tumblr */ -.button.button-tumblr { - color: #FFFFFF; - background-color: #131313 } -.button.button-tumblr:hover, -.button.button-tumblr:focus { - filter: brightness(90%) } - -/* Twitch */ -.button.button-twitch { - color: #FFFFFF; - background-color: #9146ff } -.button.button-twitch:hover, -.button.button-twitch:focus { - filter: brightness(90%) } - -/* Twitter */ -.button.button-twitter { - color: #FFFFFF; - background-color: #1DA1F2 } -.button.button-twitter:hover, -.button.button-twitter:focus { - filter: brightness(90%) } - -/* Vimeo */ -.button.button-vimeo { - color: #FFFFFF; - background-color: #1ab7ea } -.button.button-vimeo:hover, -.button.button-vimeo:focus { - filter: brightness(90%) } - -/* YouTube V2 */ -.button.button-youtube { - color: #FFFFFF; - background-color: #FF0000 } -.button.button-youtube:hover, -.button.button-youtube:focus { - filter: brightness(90%) } - -/* Wordpress */ -.button.button-wordpress { - color: #FFFFFF; - background-color: #21759b } -.button.button-wordpress:hover, -.button.button-wordpress:focus { - filter: brightness(90%) } - -/* Bandcamp */ -.button.button-bandcamp { - color: #ffffff; - background-color: #1d9fc3; -} -.button.button-bandcamp:hover, -.button.button-bandcamp:focus { filter: brightness(90%); } -/* Patreon */ -.button.button-patreon { - color: #ffffff; - background-color: #ff424d; +/* LittleLink Custom */ +.button.button-littlelink-custom { + color: #FFFFFF; + background-image: linear-gradient( + 20deg, + #F70FFF, + #896FF0, + #12D6DF + ); } -.button.button-patreon:hover, -.button.button-patreon:focus { - filter: brightness(90%); -} - -/* Signal */ -.button.button-signal { - color: #ffffff; - background-color: #3a76f0; -} -.button.button-signal:hover, -.button.button-signal:focus { - filter: brightness(90%); -} - -/* Venmo */ -.button.button-venmo { - color: #ffffff; - background-color: #3d95ce; -} -.button.button-venmo:hover, -.button.button-venmo: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%); -} - -/* Gitlab */ -.button.button-gitlab { - color: #ffffff; - background-color: #6151b2; -} -.button.button-gitlab:hover, -.button.button-gitlab:focus { - filter: brightness(90%); -} - -/* Mastodon */ -.button.button-mastodon { - color: #ffffff; - background-image: linear-gradient(to bottom, #6364FF, #563ACC); -} -.button.button-mastodon:hover, -.button.button-mastodon:focus { - filter: brightness(90%); -} - -/* PayPal */ -.button.button-paypal { - color: #ffffff; - background-color: #003087; -} -.button.button-paypal:hover, -.button.button-paypal:focus { - filter: brightness(90%); -} - -/* WhatsApp */ -.button.button-whatsapp { - color: #ffffff; - background-color: #455a64; -} -.button.button-whatsapp:hover, -.button.button-whatsapp:focus { - filter: brightness(90%); -} - -/* Xing */ -.button.button-xing { - color: #ffffff; - background-color: #026466; -} -.button.button-xing:hover, -.button.button-xing: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%); -} - -/* Trello */ -.button.button-trello { - color: #ffffff; - background-color: #0079bf; -} -.button.button-trello:hover, -.button.button-trello:focus { +.button.button-littlelink-custom:hover, +.button.button-littlelink-custom:focus { filter: brightness(90%); } @@ -449,3 +142,906 @@ button:hover, .button.button-web:focus { filter: brightness(90%); } + +/* ALL-INKL */ +.button.button-all-inkl { + color: #000000; + background-color: #FFFFFF; +} +.button.button-all-inkl:hover, +.button.button-all-inkl: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%); +} + +/* Apple Music */ +.button.button-apple-music { + color: #FFFFFF; + background-image: linear-gradient( + to bottom, + #fb5c74, + #fa263e + ); +} +.button.button-apple-music:hover, +.button.button-apple-music:focus { + filter: brightness(90%); +} + +/* Apple Podcasts */ +.button.button-apple-podcasts { + color: #FFFFFF; + background-image: linear-gradient( + to bottom, + #d36dfb, + #842cc2 + ); +} +.button.button-apple-music:hover, +.button.button-apple-music:focus { + filter: brightness(90%); +} + +/* Bandcamp */ +.button.button-bandcamp { + color: #ffffff; + background-color: #1d9fc3; +} +.button.button-bandcamp:hover, +.button.button-bandcamp:focus { + filter: brightness(90%); +} + +/* Briar */ +.button.button-briar { + color: #FFFFFF; + background-color: #95d220; +} +.button.button-briar:hover, +.button.button-briar: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%); +} + +/* 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%); +} + +/* Castopod */ +.button.button-castopod { + color: #FFFFFF; + background-color: #00564A; +} +.button.button-castopod:hover, +.button.button-castopod:focus { + filter: brightness(90%); +} + +/* Codeberg */ +.button.button-codeberg { + color: #ffffff; + background-color: #2185D0; +} +.button.button-codeberg:hover, +.button.button-codeberg:focus { + filter: brightness(90%); +} + +/* Codepen */ +.button.button-codepen { + color: #ffffff; + background-color: #000000; +} +.button.button-codepen:hover, +.button.button-codepen:focus { + filter: brightness(90%); +} + +/* Cryptpad */ +.button.button-cryptpad { + color: #FFFFFF; + background-color: #0087ff; +} +.button.button-cryptpad:hover, +.button.button-cryptpad:focus { + filter: brightness(90%); +} + +/* DEV */ +.button.button-dev-to { + color: #000000; + background-color: #f5f5f5; +} +.button.button-dev-to:hover, +.button.button-dev-to:focus { + filter: brightness(90%); +} + +/* Deezer */ +.button.button-deezer { + color: #FFFFFF; + background-image: linear-gradient( + 45deg, + #f6a400, + #e2622d, + #d2335b, + #a11d85, + #7e2394, + #3e38a9, + #2941ba, + #306fb7, + #1683b4, + #229393, + #04a574, + #29ab70 + ); +} +.button.button-deezer:hover, +.button.button-deezer:focus { + filter: brightness(90%); +} + +/* Discord */ +.button.button-discord { + color: #FFFFFF; + background-color: #5865F2; +} +.button.button-discord:hover, +.button.button-discord:focus { + filter: brightness(90%); +} + +/* Epic Games */ +.button.button-epic-games { + color: #FFFFFF; + background-color: #2f2d2e; +} +.button.button-epic-games:hover, +.button.button-epic-games: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-facebook { + color: #FFFFFF; + background-color: #1877f2; +} +.button.button-facebook:hover, +.button.button-facebook:focus { + filter: brightness(90%); +} + +/* Facebook Messenger */ +.button.button-messenger { + color: #FFFFFF; + background-image: linear-gradient( + 25deg, + #0099FF, + #5F5DFF, + #A033FF, + #C740CC, + #FF5280, + #FF7061 + ); +} +.button.button-messenger:hover, +.button.button-messenger:focus { + filter: brightness(90%); +} + +/* Figma */ +.button.button-figma { + color: #FFFFFF; + background-color: #000000; +} +.button.button-figma:hover, +.button.button-figma:focus { + filter: brightness(90%); +} + +/* Firefox */ +.button.button-firefox { + color: #FFFFFF; + background-color: #000000; +} +.button.button-firefox:hover, +.button.button-firefox:focus { + filter: brightness(90%); +} + + +/* Flickr */ +.button.button-flickr { + color: #ffffff; + background-color: #000000; +} +.button.button-flickr:hover, +.button.button-flickr:focus { + filter: brightness(90%); +} + +/* Funkwhale */ +.button.button-funkwhale { + color: #FFFFFF; + background-color: #009fe3; +} +.button.button-funkwhale:hover, +.button.button-funkwhale:focus { + filter: brightness(90%); +} + +/* F-Droid */ +.button.button-f-droid { + color: #FFFFFF; + background-color: #000000; + /*background-color: #9ac91b;*/ + /*background-color: #154da4;*/ + /*background-image: linear-gradient( + to bottom, + #9ac91b, + #154da4);*/ +} +.button.button-f-droid:hover, +.button.button-f-droid: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%); +} + +/* Humble Bundle */ +.button.button-humble-bundle { + color: #FFFFFF; + background-color: #cb272c; +} +.button.button-humble-bundle:hover, +.button.button-humble-bundle: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%); +} + +/* itch.io */ +.button.button-itchio { + color: #ffffff; + background-color: #FA5C5C; +} +.button.button-itchio:hover, +.button.button-itchio: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%); +} + +/* Ko-fi */ +.button.button-ko-fi { + color: #FFFFFF; + background-color: #13C3FF; +} +.button.button-ko-fi:hover, +.button.button-ko-fi:focus { + filter: brightness(90%); +} + +/* Lemmy */ +.button.button-lemmy { + color: #000000; + background-color: #FFFFFF; +} +.button.button-lemmy:hover, +.button.button-lemmy:focus { + filter: brightness(90%); +} + +/* Letterboxd */ +.button.button-letterboxd { + color: #ffffff; + background-color: #2c3440; +} +.button.button-letterboxd:hover, +.button.button-letterboxd:focus { + filter: brightness(90%); +} + +/* Liberapay */ +.button.button-liberapay { + color: #000000; + background-color: #f6c915; +} +.button.button-liberapay:hover, +.button.button-liberapay:focus { + filter: brightness(90%); +} + +/* LinkedIn */ +.button.button-linkedin { + color: #FFFFFF; + background-color: #2867B2; +} +.button.button-linkedin:hover, +.button.button-linkedin:focus { + filter: brightness(90%); +} + +/* Matrix */ +.button.button-matrix { + color: #000000; + background-color: #FFFFFF; +} +.button.button-matrix:hover, +.button.button-matrix: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%); +} + +/* Misskey */ +.button.button-misskey { + color: #FFFFFF; + background-color: #000000; +} +.button.button-misskey:hover, +.button.button-misskey: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%); +} + +/* Odysee */ +.button.button-odysee { + color: #FFFFFF; + background-image: linear-gradient( + 177deg, + #f02569, + #f23f5a, + #f56046, + #f77838, + #f78033, + #f88b2d, + #fa9626 + ); +} +.button.button-odysee:hover, +.button.button-odysee:focus { + filter: brightness(90%); +} + +/* OpenStreetMap */ +.button.button-openstreetmap { + color: #000000; + background-color: #c9e8a7; +} +.button.button-openstreetmap:hover, +.button.button-openstreetmap:focus { + filter: brightness(90%); +} + +/* Owncast */ +.button.button-owncast { + color: #000000; + background-color: #FFFFFF; +} +.button.button-owncast:hover, +.button.button-owncast: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%); +} + +/* Peertube */ +.button.button-peertube { + color: #000000; + background-color: #c25912; +} +.button.button-peertube:hover, +.button.button-peertube:focus { + filter: brightness(90%); +} + +/* Pinterest */ +.button.button-pinterest { + color: #000000; + background-color: #FFE2EB; +} +.button.button-pinterest:hover, +.button.button-pinterest:focus { + filter: brightness(90%); +} + +/* Pixelfed */ +.button.button-pixelfed { + color: #FFFFFF; + background-image: linear-gradient( + 200deg, + #FFA10A, + #0DE552, + #00C2F8, + #D332AC, + #F32848 + ); +} +.button.button-pixelfed:hover, +.button.button-pixelfed:focus { + filter: brightness(90%); +} + +/* Piwigo */ +.button.button-piwigo { + color: #FFFFFF; + background-color: #ff7700; +} +.button.button-piwigo:hover, +.button.button-piwigo:focus { + filter: brightness(90%); +} + +/* Plemora */ +.button.button-plemora { + color: #FFFFFF; + background-color: #0f161e; +} +.button.button-plemora:hover, +.button.button-plemora: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%); +} + +/* Session */ +.button.button-session { + color: #000000; + background-color: #00f782; +} +.button.button-session:hover, +.button.button-session: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: #FFFFFF; + background-color: #000000; +} +.button.button-spotify:hover, +.button.button-spotify:focus { + filter: brightness(90%); +} + +/* Steam */ +.button.button-steam { + color: #FFFFFF; + background-color: #171a21; +} +.button.button-steam:hover, +.button.button-steam:focus { + filter: brightness(90%); +} + +/* Strava */ +.button.button-strava { + color: #ffffff; + background-color: #fc5200; +} +.button.button-strava:hover, +.button.button-strava: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: #FFFFFF; + background-color: #323232; +} +.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: #0079bf; +} +.button.button-trello:hover, +.button.button-trello:focus { + filter: brightness(90%); +} + +/* Tumblr */ +.button.button-tumblr { + color: #FFFFFF; + background-color: #131313; +} +.button.button-tumblr:hover, +.button.button-tumblr:focus { + filter: brightness(90%); +} + +/* Twitch */ +.button.button-twitch { + color: #FFFFFF; + background-color: #9146ff; +} +.button.button-twitch:hover, +.button.button-twitch:focus { + filter: brightness(90%); +} + +/* Twitter */ +.button.button-twitter { + color: #FFFFFF; + background-color: #1DA1F2; +} +.button.button-twitter:hover, +.button.button-twitter:focus { + filter: brightness(90%); +} + +/* Unity */ +.button.button-unity { + color: #000000; + background-color: #FFFFFF; +} +.button.button-unity:hover, +.button.button-unity:focus { + filter: brightness(90%); +} + +/* Unraid */ +.button.button-unraid { + color: #FFFFFF; + background-image: linear-gradient( + 20.5deg, + #e32b29, + #fe8b30 + ); +} +.button.button-unraid:hover, +.button.button-unraid:focus { + filter: brightness(90%); +} + +/* Untappd */ +.button.button-untappd { + color: #ffffff; + background-color: #ffc000; +} +.button.button-untappd:hover, +.button.button-untappd:focus { + filter: brightness(90%); +} + +/* Upptime */ +.button.button-upptime { + color: #FFFFFF; + background-color: #005847; +} +.button.button-upptime:hover, +.button.button-upptime:focus { + filter: brightness(90%); +} + +/* Venmo */ +.button.button-venmo { + color: #ffffff; + background-color: #3d95ce; +} +.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%); +} + +/* 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 V2 */ +.button.button-youtube { + color: #FFFFFF; + background-color: #FF0000; +} +.button.button-youtube:hover, +.button.button-youtube:focus { + filter: brightness(90%); +} + +/* YouTube Music */ +.button.button-youtube-music { + color: #FFFFFF; + background-color: #FF0000; +} +.button.button-youtube-music:hover, +.button.button-youtube-music:focus { + filter: brightness(90%); +} diff --git a/littlelink/icons/all-inkl.svg b/littlelink/icons/all-inkl.svg new file mode 100644 index 0000000..f1a24b7 --- /dev/null +++ b/littlelink/icons/all-inkl.svg @@ -0,0 +1,237 @@ + + + + + + diff --git a/littlelink/icons/amazon.svg b/littlelink/icons/amazon.svg new file mode 100644 index 0000000..b0c84df --- /dev/null +++ b/littlelink/icons/amazon.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/littlelink/icons/apple-music.svg b/littlelink/icons/apple-music.svg new file mode 100644 index 0000000..d6e29a6 --- /dev/null +++ b/littlelink/icons/apple-music.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/littlelink/icons/apple-podcasts.svg b/littlelink/icons/apple-podcasts.svg new file mode 100644 index 0000000..5aaf43c --- /dev/null +++ b/littlelink/icons/apple-podcasts.svg @@ -0,0 +1,3 @@ + + + diff --git a/littlelink/icons/appstore.svg b/littlelink/icons/appstore.svg new file mode 100644 index 0000000..ff199d1 --- /dev/null +++ b/littlelink/icons/appstore.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/littlelink/icons/briar.svg b/littlelink/icons/briar.svg new file mode 100644 index 0000000..3acaa5e --- /dev/null +++ b/littlelink/icons/briar.svg @@ -0,0 +1,157 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/littlelink/icons/cashapp_btc.svg b/littlelink/icons/cashapp_btc.svg new file mode 100644 index 0000000..8c4a6d7 --- /dev/null +++ b/littlelink/icons/cashapp_btc.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/littlelink/icons/cashapp_dollar.svg b/littlelink/icons/cashapp_dollar.svg new file mode 100644 index 0000000..8075ef5 --- /dev/null +++ b/littlelink/icons/cashapp_dollar.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/littlelink/icons/cashapp_pound.svg b/littlelink/icons/cashapp_pound.svg new file mode 100644 index 0000000..70d3f3e --- /dev/null +++ b/littlelink/icons/cashapp_pound.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/littlelink/icons/castopod.svg b/littlelink/icons/castopod.svg new file mode 100644 index 0000000..681dba7 --- /dev/null +++ b/littlelink/icons/castopod.svg @@ -0,0 +1,56 @@ + + + + + + diff --git a/littlelink/icons/codeberg.svg b/littlelink/icons/codeberg.svg new file mode 100644 index 0000000..74a0fa9 --- /dev/null +++ b/littlelink/icons/codeberg.svg @@ -0,0 +1,164 @@ + + + Codeberg logo + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + Codeberg logo + + + + Robert Martinez + + + + + Codeberg and the Codeberg Logo are trademarks of Codeberg e.V. + + + 2020-04-09 + + + Codeberg e.V. + + + codeberg.org + + + + + + + + + + + + + diff --git a/littlelink/icons/codepen.svg b/littlelink/icons/codepen.svg new file mode 100644 index 0000000..91ad8e3 --- /dev/null +++ b/littlelink/icons/codepen.svg @@ -0,0 +1,47 @@ + + + +