Skip to content

Commit

Permalink
deployed at 2024-03-18T03:19:55.657574+00:00
Browse files Browse the repository at this point in the history
  • Loading branch information
@TakWolf
TakWolf committed Mar 18, 2024
0 parents commit 983aa34
Show file tree
Hide file tree
Showing 54 changed files with 2,890 additions and 0 deletions.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
ark-pixel-font.takwolf.com
191 changes: 191 additions & 0 deletions alphabet-10px-monospaced.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,191 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ark Pixel - Alphabet 10px monospaced</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: ark-pixel-10px-monospaced-latin;
src: url("ark-pixel-10px-monospaced-latin.woff2?r=0.76689941844425");
}
:lang(en) {
font-family: ark-pixel-10px-monospaced-latin, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_cn;
src: url("ark-pixel-10px-monospaced-zh_cn.woff2?r=0.76689941844425");
}
:lang(zh-cn) {
font-family: ark-pixel-10px-monospaced-zh_cn, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_hk;
src: url("ark-pixel-10px-monospaced-zh_hk.woff2?r=0.76689941844425");
}
:lang(zh-hk) {
font-family: ark-pixel-10px-monospaced-zh_hk, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_tw;
src: url("ark-pixel-10px-monospaced-zh_tw.woff2?r=0.76689941844425");
}
:lang(zh-tw) {
font-family: ark-pixel-10px-monospaced-zh_tw, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_tr;
src: url("ark-pixel-10px-monospaced-zh_tr.woff2?r=0.76689941844425");
}
:lang(zh-tr) {
font-family: ark-pixel-10px-monospaced-zh_tr, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-ja;
src: url("ark-pixel-10px-monospaced-ja.woff2?r=0.76689941844425");
}
:lang(ja) {
font-family: ark-pixel-10px-monospaced-ja, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-ko;
src: url("ark-pixel-10px-monospaced-ko.woff2?r=0.76689941844425");
}
:lang(ko) {
font-family: ark-pixel-10px-monospaced-ko, sans-serif;
}
@font-face {
font-family: ark-pixel-12px-monospaced-latin;
src: url("ark-pixel-12px-monospaced-latin.woff2?r=0.76689941844425");
}
.options-group {
height: 36px;
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
flex-direction: row;
background-color: #ffd339;
}
.option {
height: 100%;
margin-left: 24px;
margin-right: 24px;
display: flex;
flex-direction: row;
align-items: center;
color: #4b4b4b;
font-family: ark-pixel-12px-monospaced-latin, sans-serif;
font-size: 24px;
line-height: 36px;
}
.option input[type="radio"] {
display: none;
}
.option input[type="radio"] + span {
width: 10px;
height: 10px;
margin-left: 12px;
margin-right: 12px;
border-width: 2px;
border-color: #4b4b4b;
border-style: solid;
}
.option input[type="radio"]:checked + span {
background-color: #4b4b4b;
}
#content {
margin-top: 36px;
color: #4b4b4b;
font-size: 40px;
line-height: 40px;
word-break: break-all;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 8%, transparent 8%), linear-gradient(180deg, transparent 96%, rgba(0, 0, 0, 0.1) 96%);
background-size: 20px 40px;
}
</style>

<script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: 'KDw2F6OnLoNDNl4L', ck: 'KDw2F6OnLoNDNl4L'});</script>
</head>
<body>
<form class="options-group">
<label class="option">
<input id="radio-locale-en" name="locale" type="radio" onchange="onLocaleChange('en');">
<span></span>
latin
</label>
<label class="option">
<input id="radio-locale-zh-cn" name="locale" type="radio" onchange="onLocaleChange('zh-cn');">
<span></span>
zh-cn
</label>
<label class="option">
<input id="radio-locale-zh-hk" name="locale" type="radio" onchange="onLocaleChange('zh-hk');">
<span></span>
zh-hk
</label>
<label class="option">
<input id="radio-locale-zh-tw" name="locale" type="radio" onchange="onLocaleChange('zh-tw');">
<span></span>
zh-tw
</label>
<label class="option">
<input id="radio-locale-zh-tr" name="locale" type="radio" onchange="onLocaleChange('zh-tr');">
<span></span>
zh-tr
</label>
<label class="option">
<input id="radio-locale-ja" name="locale" type="radio" onchange="onLocaleChange('ja');">
<span></span>
ja
</label>
<label class="option">
<input id="radio-locale-ko" name="locale" type="radio" onchange="onLocaleChange('ko');">
<span></span>
ko
</label>
</form>
<div id="content">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<br>
abcdefghijklmnopqrstuvwxyz
<br>
0123456789 !"#$%&'()*+,-./:;<=>?@[\]^_`{|}~
<br>
¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĀāĂăĆćĈĉĊċČčĐđĒēĔĕĖėĚěĜĝĞğĠġĨĩĪīĬĭŃńŇňŌōŎŏŔŕŨũŪūŬŭŴŵŶŷŸŹźŻżŽžƒǍǎǏǐǑǒǓǔǕǖǗǘǙǚǛǜǝǞǟǠǡǢǣǸǹǼǽȞȟȲȳ‐‑‒–—―‖‗‘’‚‛“”„‟†‡•‣․‥…‧‰‱′″※‾⁋⁌⁍⁰ⁱ⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾ⁿ₀₁₂₃₄₅₆₇₈₉₊₋₌₍₎ₐₑₒₓₔₕₖₗₘₙₚₛₜ⅐⅑⅒⅓⅔⅕⅖⅗⅘⅙⅚⅛⅜⅝⅞⅟ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅬⅭⅮⅯⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹⅺⅻⅼⅽⅾⅿ↉←↑→↓↔↕↖↗↘↙↚↛↩↪↰↱↲↳↴↵↶↷↸↹↺↻↼↽↾↿⇀⇁⇂⇃⇄⇅⇆⇇⇈⇉⇊⇋⇌⇐⇑⇒⇓⇔⇕⇖⇗⇘⇙⇚⇛⇠⇡⇢⇣⇤⇥⇦⇧⇨⇩⇪⇫⇬⇭⇮⇯⇰⇱⇲⇳⇵⇽⇾⇿⌌⌍⌎⌏⌐⌑⌒⌓⌔⌕⌖⌗⌘⌙⌚⌛⌜⌝⌞⌟⏎⏏⏨⏩⏪⏫⏬⏭⏮⏯⏳⏴⏵⏶⏷⏸⏹⏺⏻⏼⏽⏾⏿①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⒜⒝⒞⒟⒠⒡⒢⒣⒤⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ⓪⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾⓿─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋╌╍╎╏═║╒╓╔╕╖╗╘╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳╴╵╶╷╸╹╺╻╼╽╾╿▀▁▂▃▄▅▆▇█▉▊▋▌▍▎▏▐░▒▓▔▕▖▗▘▙▚▛▜▝▞▟■□▢▣▤▥▦▧▨▩▪▫▬▭▮▯▰▱▲△▴▵▶▷▸▹►▻▼▽▾▿◀◁◂◃◄◅◆◇◈◉◊○◌◍◎●◐◑◒◓◔◕◖◗◘◙◚◛◜◝◞◟◠◡◢◣◤◥◦◧◨◩◪◫◬◭◮◯◰◱◲◳◴◵◶◷◸◹◺◻◼◽◾◿☀☁☂☃☄★☆☇☈☉☊☋☌☍☎☏☐☑☒☓☔☖☗☜☝☞☟☠☪☫☬☭☮☯☰☱☲☳☴☵☶☷☸☹☺☻☼☽☾♀♁♂♈♉♊♋♌♍♎♏♐♑♒♓♔♕♖♗♘♙♚♛♜♝♞♟♠♡♢♣♤♥♦♧♨♩♪♫♬♭♮♯⚀⚁⚂⚃⚄⚅⚆⚇⚈⚉⚊⚋⚌⚍⚎⚏⚐⚑⚓⚔⚕⚘⚙⚚⚪⚫⚬⛄⛅⛆⛇⛈⛉⛊⛋⛓⛢⛨⛩⛪⛫⛬⛱⛲⛵⛶⛼⛽⛿✈✉❶❷❸❹❺❻❼❽❾❿➀➁➂➃➄➅➆➇➈➉➊➋➌➍➎➏➐➑➒➓　、。〃〄々〆〇〈〉《》「」『』【】〒〓〔〕〖〗〘〙〚〛〜〝〞〟〠〡〢〣〤〥〦〧〨〩〶〷〸〹〺〼〾〿ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんゔゕゖ゙゚゛゜ゝゞゟ゠ァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶヷヸヹヺ・ーヽヾヿㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩㄪㄫㄬㄭㄮㄯ㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩㉿㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉㊣㊤㊥㊦㊧㊨㋀㋁㋂㋃㋄㋅㋆㋇㋈㋉㋊㋋㋿㍘㍙㍚㍛㍜㍝㍞㍟㍠㍡㍢㍣㍤㍥㍦㍧㍨㍩㍪㍫㍬㍭㍮㍯㍰㍻㍼㍽㍾㏠㏡㏢㏣㏤㏥㏦㏧㏨㏩㏪㏫㏬㏭㏮㏯㏰㏱㏲㏳㏴㏵㏶㏷㏸㏹㏺㏻㏼㏽㏾一丁丂七丄丅丆万丈三上下丌不与丏丐丑专且丕世丗丘丙业丛东丝丟両丢丣严並丧丨个丫中丰串丳临丵为主丽举丿乂么义之乎乐乒乓乔乕乖乗乘乙乚乛九也习书买亅了予争亊事二亍于亖亗亘亚亜亞亡亢交产亨亩享京亭亮亯亰亲亶人亻亼亾什仁仃介从仓仝们仲件仹任企休众会伞伟伫伯估伸伹伿佃佄但佇位住体何佘余你佪佼侖供侣侯侱侶便俆俉俌俚保信俥俱個倍們候倚倡倩债假偉偘停側傅傘傴債像僵僺儿元兄兇先光克兑党入內全兩兰共关兵其具典兽冀冂内円冈冉冊册再冒冓写冚军冝冠冥冧冨凊几凡凢凣凰凵凶凸凹出击刀列刘则刚创到制刷刺則剐剣剴創剽剾劍力勇勒動勤匚匣匸区區十千卄卅升半卋卌卍卐卑卒卓单卖南単博卢卨卫危厂厃厄厅历厌厘厙原又叉双口古只叮可史叵司合吉吊同名后吏向吕君吜吝吞吧吾呂呆呓员呙呠呮呵呷呻命呾和咒咛咠咫咬品哃哒員哥哩哺哽唋唔唱商啎啧喥喨喱喵喿嘖嘦器噩噪囗囚四回因囬园困囸固国圃圄圆圉國園圓土圢圣在地圹圼坦坰坷坾型垌垔垚垣垱埂埋埔埚基埼堂塞境士声売壳壶大天太头夷奇奈奋如妑妞妲妳妸姣娌娪婷媄子孑孒孓字学宁宇宋完官宙定宜宝实実审宣室宰家宸容宽寓實寫尃小尖尘尙尚尝局居屇屈屉届屋屓属山岢峬峺峿嵄嵐嵒嵓工巨巫己已巳巴巵巿币市帊帛帜帝带帯常帻干平年幸广広庄庒应度座庫廾廿开式弓引弥弯彁彊当彳徐徛心忄忊怛怾恔息悑悝悟惬意慧成我戨戯戱戲手扌扩扭技把抧抲抵担拧挍挡挭捂捏捕捚掌描搏操支攴文方无日旦旧早旱旲旵旷旹旻昇昊昌昍明星春是昰显晈晋晡晤晶曲曳更曵書曹曺最月有朝木未末本朮术朿杏束来東杲杳杷林果枝枳枾柠柯标校格案桌桐档桩梔梗梧梩棠森棵椟楟業楽樹橡款歌止正毎每氣氷汀汉汊沁沑河泍泛泞泹泽洨洹活浦浬浭浯海涡渍渎渏渟渡渼湸湹源溥滒漬潒濑炣点為炽烳焐無煷牍牾犊犷狃狚狝狞狡狸狼猼玉玊王珰珸現理生產産用甫田由甲申电画甼畀界畳當畺畾疊疒疳疸疻発登白百皁的皿盂盅目盲直相盾眀眝眞瞔矿码硬碛碠磧社私积称稉種稱空窦站竜竞竟童等筜筻简箦米籵粑粪粳粴糞素累続續纩纻纽组绅细织统绠绩续网置美羹翻者而耑职肥肯胑脏脯自至與興舟艺芽苎苖苗苘英苴茁茞草荬荲莄華营萬葉虫蜗血行街裆要見觌言訁詝語說諪謌讠计订认诃识译语说请读象責貯贡责贮赎赖赜赤跡蹟躾車軋軍軒軖軹轵辅辘辺过这迚进连迣迥迴迵迹追逈逗速造連運過邝郙郚郬配采里重量金鉙鋙鍍鎂鎶钅钵铛铰铻锅镀镁镳長长門閂閃閆閇閈閉閊開閏閑間閙関閩门闩闪闫闬闭问闰闲间闸阿陠陸険随雨雪雫雲雷電霜霝靑青面革鞕韩韭音頁页風风首香马骨骾高鯁鯂鲠鳕黃黄黑黒默黙黩齐齞龍鿔︐︑︒︓︔︕︖︗︘︙︰︱︲︳︴︵︶︷︸︹︺︻︼︽︾︿﹀﹁﹂﹃﹄﹅﹆﹇﹈﹉﹊﹋﹌﹍﹎﹏！＂＃＄％＆＇（）＊＋，－．／０１２３４５６７８９：；＜＝＞？＠ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ［＼］＾＿｀ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ｛｜｝～｟｠｡｢｣､･ｦｧｨｩｪｫｬｭｮｯｰｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜﾝﾞﾟ￠￡￢￣￤￥￦￨￩￪￫￬￭￮�
</div>
<script>
let content = document.getElementById('content');

let configs = {
locale: 'zh-cn',
};

function applyConfigs() {
localStorage.setItem('configs:alphabet-10px-monospaced', JSON.stringify(configs));
content.setAttribute('lang', configs.locale);
}

function onLocaleChange(locale) {
configs.locale = locale;
applyConfigs();
}

(function () {
let json = localStorage.getItem('configs:alphabet-10px-monospaced');
if (json) {
Object.assign(configs, JSON.parse(json));
}
document.getElementById('radio-locale-' + configs.locale).checked = true;
applyConfigs();
})();
</script>
</body>
</html>
Loading

0 comments on commit 983aa34

Please sign in to comment.