2022-12-18 19:47:46 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2023-07-10 03:57:20 +02:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "icon" type = "image/png" href = "img/icon_x32.png" >
< title > Share to Mastodon Settings< / title >
< link href = "css/bootstrap.css" rel = "stylesheet" >
2022-12-18 19:47:46 +01:00
< / head >
2023-02-18 00:26:01 +01:00
< body class = "user-select-none" >
2023-07-10 03:57:20 +02:00
<!-- Header -->
< div class = "container-fluid bg-light mb-5" >
< div class = "container bg-light py-5" >
< div class = "row" >
< div class = "col-9" >
< h1 class = "display-5 fw-bold" > Share to Mastodon Settings< / h1 >
< p > This is where you can add or remove saved Mastodon servers or change the keyboard shortcut. Your changes are saved automatically.< / p >
< / div >
< / div >
< / div >
< / div >
<!-- Main container -->
< div class = "container" >
< div class = "row" >
<!-- Main settings -->
< div class = "col-md-8" >
<!-- Add a server -->
2023-07-11 06:21:55 +02:00
< label for = "mastodon-server-text" class = "form-label" > Add a server< / label >
< div class = "input-group" >
< input type = "text" class = "form-control" id = "mastodon-server-text" placeholder = "yourserver.social" aria-label = "Server domain" aria-describedby = "server-help" >
< button class = "btn btn-outline-primary" type = "button" id = "server-add-btn" > Add server< / button >
< / div >
< div id = "server-help" class = "form-text" > This must be a server running < a href = "https://joinmastodon.org/" target = "_blank" > Mastodon< / a > , < a href = "https://calckey.org/" target = "_blank" > Calckey< / a > , < a href = "https://join.misskey.page/en-US/" target = "_blank" > Misskey< / a > , or another compatible social media platform.< / div >
<!-- Server select -->
< div class = "mt-3 mb-1" >
< label for = "mastodon-server-list" class = "form-label" > Saved servers< / label >
< select id = "mastodon-server-list" class = "form-select" size = "5" aria-label = "Saved servers list" > < / select >
< / div >
< button class = "btn btn-outline-danger w-100 mb-3" type = "button" id = "server-remove-btn" > Remove selected< / button >
<!-- Other options -->
< div class = "mb-3" >
< label class = "form-label" > Other settings< / label >
< button type = "button" class = "btn btn-outline-primary w-100" id = "mastodon-keyboard-shortcut" > Change keyboard shortcut< / button >
< div class = "collapse mt-1" id = "firefoxShortcutCollapse" >
< div class = "card card-body" >
Open about:addons in a new tab, click the settings gear button, then select "Manage extension shortcuts."
< / div >
< / div >
< / div >
2023-07-10 03:57:20 +02:00
< / div >
<!-- Donation -->
< div class = "col-md-4" >
< h2 > Donate< / h2 >
< p > If you find Share to Mastodon useful, please donate to support continued development. It would mean a lot!< / p >
2023-07-11 06:21:55 +02:00
< a href = "https://www.patreon.com/corbindavenport" target = "_blank" >
2023-07-11 05:39:55 +02:00
< button type = "button" class = "btn btn-success w-100 mb-3" > Support via Patreon< / button >
2023-07-10 03:57:20 +02:00
< / a >
2023-07-11 05:39:55 +02:00
< a href = "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=4SZVSMJKDS35J&lc=US&item_name=Share%20to%20Mastodon%20Donation¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" target = "_blank" >
2023-07-10 03:57:20 +02:00
< button type = "button" class = "btn btn-success w-100 mb-3" > Donate via PayPal< / button >
< / a >
< a href = "https://cash.app/$corbdav" target = "_blank" >
< button type = "button" class = "btn btn-success w-100 mb-3" > Donate via Cash App< / button >
< / a >
< p > Share to Mastodon is developed by < a href = "https://corbin.io/?utm_source=Share%20to%20Mastodon%20Extension" > Corbin Davenport< / a > .< / p >
< h2 > Need help?< / h2 >
< p > If something isn't working, or if you just want to chat with other Share to Mastodon users, < a href = "https://github.com/corbindavenport/share-to-mastodon/issues" target = "_blank" > create an issue on GitHub< / a > or < a href = "https://discord.com/invite/59wfy5cNHw" target = "_blank" > join the Discord server< / a > .< / p >
< / div >
< / div >
<!-- Footer -->
< div class = "row" >
< div class = "bg-light rounded-3 pt-3 pb-3 mt-5 mb-5" >
Share to Mastodon uses code from < a href = "https://getbootstrap.com/" target = "_blank" > Bootstrap< / a > . You can find the source code < a href = "https://github.com/corbindavenport/share-to-mastodon" target = "_blank" > on GitHub< / a > , under the GPL license.< / div >
< / div >
< / div >
2022-12-18 19:47:46 +01:00
2023-07-11 23:05:07 +02:00
< script src = "js/bootstrap.js" > < / script >
2023-07-10 03:57:20 +02:00
< script src = "js/settings.js" > < / script >
2022-12-18 19:47:46 +01:00
< / body >
2023-02-10 07:30:26 +01:00
< / html >
