arsam
1d2fbd36c6
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
93 lines
3.1 KiB
HTML
93 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Persian RTL Fixer</title>
|
|
<link rel="stylesheet" href="popup.css" />
|
|
</head>
|
|
<body>
|
|
<header class="masthead">
|
|
<div class="brand-mark" aria-hidden="true">ف</div>
|
|
<div class="brand-copy">
|
|
<p class="eyebrow">Persian reading tools</p>
|
|
<h1>RTL Fixer</h1>
|
|
</div>
|
|
<span class="edition">01</span>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="site-panel" aria-labelledby="site-heading">
|
|
<div class="site-copy">
|
|
<span id="site-heading" class="section-label">Current site</span>
|
|
<strong id="host" class="site-host">Loading…</strong>
|
|
</div>
|
|
<p id="siteStatus" class="site-status" role="status" aria-live="polite">Checking status…</p>
|
|
</section>
|
|
|
|
<section class="settings-card" aria-label="Site and correction settings">
|
|
<label class="setting-row" for="thisSite">
|
|
<span class="setting-copy">
|
|
<strong>Enable on this site</strong>
|
|
<small>Pause corrections for this domain</small>
|
|
</span>
|
|
<span class="switch">
|
|
<input type="checkbox" id="thisSite" />
|
|
<span class="switch-track" aria-hidden="true"></span>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="setting-row" for="fixDirection">
|
|
<span class="setting-copy">
|
|
<strong>Conservative RTL correction</strong>
|
|
<small>Fix clearly Persian text without flipping layouts</small>
|
|
</span>
|
|
<span class="switch">
|
|
<input type="checkbox" id="fixDirection" />
|
|
<span class="switch-track" aria-hidden="true"></span>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="setting-row" for="useFont">
|
|
<span class="setting-copy">
|
|
<strong>Vazirmatn for unstyled text</strong>
|
|
<small>Preserve every font chosen by the website</small>
|
|
</span>
|
|
<span class="switch">
|
|
<input type="checkbox" id="useFont" />
|
|
<span class="switch-track" aria-hidden="true"></span>
|
|
</span>
|
|
</label>
|
|
|
|
<label class="setting-row" for="fixInputs">
|
|
<span class="setting-copy">
|
|
<strong>Smart input direction</strong>
|
|
<small>Adapt text fields as you type Persian</small>
|
|
</span>
|
|
<span class="switch">
|
|
<input type="checkbox" id="fixInputs" />
|
|
<span class="switch-track" aria-hidden="true"></span>
|
|
</span>
|
|
</label>
|
|
</section>
|
|
|
|
<section class="master-card" aria-label="Global extension setting">
|
|
<label class="setting-row master-row" for="enabled">
|
|
<span class="setting-copy">
|
|
<span class="section-label">Everywhere</span>
|
|
<strong>Master switch</strong>
|
|
</span>
|
|
<span class="switch">
|
|
<input type="checkbox" id="enabled" />
|
|
<span class="switch-track" aria-hidden="true"></span>
|
|
</span>
|
|
</label>
|
|
</section>
|
|
|
|
<p class="privacy-note">Runs locally · Never rewrites your text</p>
|
|
</main>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|