-
Notifications
You must be signed in to change notification settings - Fork 0
/
cjkExtG.html
30 lines (30 loc) · 4.2 KB
/
cjkExtG.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"/><link rel="manifest" href="manifest.json" />
<title>Azure Alphant | CJK (Chinese Japanese Korean)</title><meta name="viewport" content="width=device-width" initial-scale="1" /><link rel="SHORTCUT ICON" href="favicon.ico" />
<meta name="description" content="Azure Alphant is a character entity reference chart and font support verification tool." /><meta name="keywords" content="Azure Alphant, unicode, font support, character entity, reference chart, cjk, chinese, japanese, korean" /><meta name="theme-color" content="#CCC"><meta name="publisher" content="Sheila Tanner" /><meta name="author" content="Sheila Tanner" />
<link rel="stylesheet" type="text/css" media="all" href="common.min.css" /><link rel="stylesheet" type="text/css" media="all" href="page.css" />
<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="#CCC"><meta name="apple-mobile-web-app-title" content="Azure Alphant"><link rel="apple-touch-icon" sizes="256x256" href="256x256.png" type="image/png"><link rel="canonical" href="" />
<style>
p.load{margin:auto;border-radius:100%;height:100px;width:100px;}
@keyframes patience{0%{border:3px double currentColor;border-top:3px double transparent;transform:rotate(0deg);}100%{border:3px double transparent;border-top:3px double transparent;transform:rotate(359deg);}}p.load{animation-name:patience;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:4;animation-fill-mode:forwards;}
</style>
<link rel="stylesheet" type="text/css" media="all" href="custom.css" />
<!--[if IE]><style>#removeborder{outline:0;}</style><![endif]--></head><body id="removeborder">
<header alt="Azure Alphant" id="logo"><img src="logo.svg" class="head" alt="Azure Alphant logo" /><a href="menu.html">Return to Menu</a></header>
<div class="theme">Themes:
<button value="alphant" id="alphant" alt="Gray background with dark text" role="button" aria-label="Switch theme to gray background with dark text"></button>
<button value="white" id="white" alt="White background with black text" role="button" aria-label="Switch theme to white background with black text"></button>
<button value="black" id="black" alt="Black background with white text" role="button" aria-label="Switch theme to black background with white text"></button>
<button value="custom1" id="custom1" alt="Custom theme 1" role="button" aria-label="Switch theme to user custom theme 1"></button>
<button value="custom2" id="custom2" alt="Custom theme 2" role="button" aria-label="Switch theme to user custom theme 2" ></button>
<button value="custom3" id="custom3" alt="Custom theme 3" role="button" aria-label="Switch theme to user custom theme 3" ></button>
</div>
<nav><form><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" preserveAspectRatio="xMidYMid meet" aria-hidden="true" title="Choose a font to test"><title>Choose a font to test</title><text x="0" y="14" class="default">A</text><text x="4" y="14" class="custom">A</text></svg><input type="text" id="userInput" aria-label="Enter a font to test for character support." /><button type="submit" id="font" value="font" alt="Test" title="Test your chosen font">Test</button>
<a href="#top" class="top loc" alt="Top" title="Return to the top">▲</a> <a href="#bottom" class="bottom loc" alt="Bottom" title="Go to the bottom">▼</a></form></nav><a name="top" class="hidden"> </a>
<div><noscript>This app requires Javascript in order to function. If Azure Alphant were to convert the scripted database into a giant, plain old HTML-wrapped plain-text table, your device would either hardcore freeze or go into a Chernobyl-level meltdown. The number of objects in this dataset is massive; enable Javascript or don't use this app. The choice is yours.</noscript><p class="load"></p></div>
<details>
<summary>ⓘ</summary><br /><br />
<u>CJK (Chinese Japanese Korean) block</u>
<ul><li>CJK Extension-G (U+30000-3134A)</li></ul>
</details>
<div class="section"><section><script src="cjkExtG.js"></script></section></div>
<a name="bottom" class="hidden"> </a><script src="fontSwitch.min.js"></script><script src="skin.js"></script></body></html>