85 lines
3.7 KiB
HTML
85 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>vxTwitter - Preferences</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<script>
|
|
function savePreference() { /* TODO: rewrite and make reusable for multiple preferences */
|
|
/* Open Links in App*/
|
|
var openlinksToggle = document.getElementById("openLinksCheckbox");
|
|
localStorage.setItem("openLinksPreference", openlinksToggle.checked);
|
|
}
|
|
|
|
function loadPreference() {
|
|
/* Open Links in App */
|
|
var openlinksToggle = document.getElementById("openLinksCheckbox");
|
|
var openlinksPreference = localStorage.getItem("openLinksPreference");
|
|
openlinksToggle.checked = openlinksPreference === "true";
|
|
}
|
|
|
|
function queryInstances() {
|
|
/* Query the status.d420.de API and generate a list of healthy
|
|
instances for the user to pick between plus a text input field in
|
|
case they want to use their own */
|
|
}
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
</head>
|
|
|
|
<body onload="loadPreference()">
|
|
<aside class="top">
|
|
<em> This is not an official X / Twitter website. </em>
|
|
</aside>
|
|
|
|
<header>
|
|
<a href="https://github.com/dylanpdx/BetterTwitFix" aria-label="Back">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true" style="color: white"><path d="M7.414 13l5.043 5.04-1.414 1.42L3.586 12l7.457-7.46 1.414 1.42L7.414 11H21v2H7.414z"></path></svg>
|
|
</a>
|
|
<h1>vxTwitter Preferences</h1>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="optiongroup" id="appSettings">
|
|
<h2 labels="appSettings"> App settings </h2>
|
|
<label for="openLinksCheckbox">
|
|
<div class="checkboxcontainer">
|
|
<input type="checkbox" id="openLinksCheckbox" onchange="savePreference()">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M9.64 18.952l-5.55-4.861 1.317-1.504 3.951 3.459 8.459-10.948L19.4 6.32 9.64 18.952z"></path></svg>
|
|
</div>
|
|
<h3> Open links in app </h3>
|
|
<p> When you open a link on this device, vxTwitter will try to redirect you to the official X (formerly Twitter) app instead of using your browser. </p>
|
|
</label>
|
|
</section>
|
|
|
|
<section class="optiongroup" id="frontendSettings">
|
|
<h2 labels="frontendSettings"> Frontend settings <em>(EXPERIMENTAL)</em> </h2>
|
|
<label for="frontendToggle">
|
|
<div class="checkboxcontainer">
|
|
<input type="checkbox" id="frontendToggle" onchange="savePreference(frontendToggle)">
|
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="M9.64 18.952l-5.55-4.861 1.317-1.504 3.951 3.459 8.459-10.948L19.4 6.32 9.64 18.952z"></path></svg>
|
|
</div>
|
|
<h3> Redirect to Nitter </h3>
|
|
<p> When you open a link on this browser, vxTwitter will redirect you to your chosen Nitter instance instead of X / Twitter </p>
|
|
</label>
|
|
<label for="frontendSearch">
|
|
<input type=button onclick="queryInstances()" value="Search">
|
|
<h3> Search for Nitter instances </h3>
|
|
<p> Use the <a href="https://status.d420.de/about" target="_blank">Nitter health tracker API</a> to query available instances. </p>
|
|
</label>
|
|
<label for="frontendSelect">
|
|
<h3> Choose a Nitter Instance </h3>
|
|
<!-- queryInstances() will check the status.d420.de API and
|
|
display a list of currently healthy Nitter instances plus a
|
|
text input field in case the user wants to use their own -->
|
|
<p> Choose which instance to use for redirection. You can only pick one instance, and Nitter is currently <a href="https://status.d420.de/rip" target="_blank">almost dead</a>, so try picking an instance with good uptime. </p>
|
|
</label>
|
|
</main>
|
|
|
|
<aside class="bottom">
|
|
<em> This is not an official X / Twitter website. </em>
|
|
</aside>
|
|
</body>
|
|
</html>
|