47 lines
1.7 KiB
HTML
47 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Glagolify</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<img src="icons/icon-48.svg" width="40" height="40" alt="">
|
|
<div>
|
|
<h1>Glagolify</h1>
|
|
<p>Modern Russian in Glagolitic</p>
|
|
</div>
|
|
</header>
|
|
|
|
<fieldset class="font-style">
|
|
<legend>Letter style</legend>
|
|
<div class="style-options">
|
|
<label class="style-option">
|
|
<input type="radio" name="font-style" value="round" checked disabled>
|
|
<span><span>Round</span><span class="glyph round-glyph">ⰀⰁ</span></span>
|
|
</label>
|
|
<label class="style-option">
|
|
<input type="radio" name="font-style" value="angular-sans" disabled>
|
|
<span><span>Angular Sans</span><span class="glyph angular-sans-glyph">ⰀⰁ</span></span>
|
|
</label>
|
|
<label class="style-option">
|
|
<input type="radio" name="font-style" value="angular" disabled>
|
|
<span><span>Historical Angular</span><span class="glyph angular-glyph">ⰀⰁ</span></span>
|
|
</label>
|
|
<label class="style-option">
|
|
<input type="radio" name="font-style" value="missal-angular" disabled>
|
|
<span><span>Missal Angular</span><span class="glyph missal-angular-glyph">ⰀⰁ</span></span>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<p id="status" class="status" aria-live="polite">Checking this page…</p>
|
|
<button id="toggle" type="button" aria-pressed="false" disabled>Enable Glagolitic</button>
|
|
</main>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|