Skip to content

Commit

Permalink
deployed at 2024-05-31T10:28:53.315119+00:00
Browse files Browse the repository at this point in the history
  • Loading branch information
@TakWolf
TakWolf committed May 31, 2024
1 parent 379952a commit 48bac19
Show file tree
Hide file tree
Showing 11 changed files with 713 additions and 1,974 deletions.
215 changes: 38 additions & 177 deletions alphabet-10px-monospaced.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,195 +12,56 @@
}
@font-face {
font-family: ark-pixel-10px-monospaced-latin;
src: url("ark-pixel-10px-monospaced-latin.woff2?r=0.8564618570378875");
src: url("ark-pixel-10px-monospaced-latin.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_cn;
src: url("ark-pixel-10px-monospaced-zh_cn.woff2?r=0.8564618570378875");
:lang(en) {
font-family: ark-pixel-10px-monospaced-latin, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_hk;
src: url("ark-pixel-10px-monospaced-zh_hk.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-zh_cn;
src: url("ark-pixel-10px-monospaced-zh_cn.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_tw;
src: url("ark-pixel-10px-monospaced-zh_tw.woff2?r=0.8564618570378875");
:lang(zh-cn) {
font-family: ark-pixel-10px-monospaced-zh_cn, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-zh_tr;
src: url("ark-pixel-10px-monospaced-zh_tr.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-zh_hk;
src: url("ark-pixel-10px-monospaced-zh_hk.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-monospaced-ja;
src: url("ark-pixel-10px-monospaced-ja.woff2?r=0.8564618570378875");
:lang(zh-hk) {
font-family: ark-pixel-10px-monospaced-zh_hk, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-monospaced-ko;
src: url("ark-pixel-10px-monospaced-ko.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-zh_tw;
src: url("ark-pixel-10px-monospaced-zh_tw.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-proportional-latin;
src: url("ark-pixel-10px-proportional-latin.woff2?r=0.8564618570378875");
:lang(zh-tw) {
font-family: ark-pixel-10px-monospaced-zh_tw, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-proportional-zh_cn;
src: url("ark-pixel-10px-proportional-zh_cn.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-zh_tr;
src: url("ark-pixel-10px-monospaced-zh_tr.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-proportional-zh_hk;
src: url("ark-pixel-10px-proportional-zh_hk.woff2?r=0.8564618570378875");
:lang(zh-tr) {
font-family: ark-pixel-10px-monospaced-zh_tr, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-proportional-zh_tw;
src: url("ark-pixel-10px-proportional-zh_tw.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-ja;
src: url("ark-pixel-10px-monospaced-ja.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-proportional-zh_tr;
src: url("ark-pixel-10px-proportional-zh_tr.woff2?r=0.8564618570378875");
:lang(ja) {
font-family: ark-pixel-10px-monospaced-ja, sans-serif;
}
@font-face {
font-family: ark-pixel-10px-proportional-ja;
src: url("ark-pixel-10px-proportional-ja.woff2?r=0.8564618570378875");
font-family: ark-pixel-10px-monospaced-ko;
src: url("ark-pixel-10px-monospaced-ko.woff2?r=0.19859614723792507");
}
@font-face {
font-family: ark-pixel-10px-proportional-ko;
src: url("ark-pixel-10px-proportional-ko.woff2?r=0.8564618570378875");
: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.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-zh_cn;
src: url("ark-pixel-12px-monospaced-zh_cn.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-zh_hk;
src: url("ark-pixel-12px-monospaced-zh_hk.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-zh_tw;
src: url("ark-pixel-12px-monospaced-zh_tw.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-zh_tr;
src: url("ark-pixel-12px-monospaced-zh_tr.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-ja;
src: url("ark-pixel-12px-monospaced-ja.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-monospaced-ko;
src: url("ark-pixel-12px-monospaced-ko.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-latin;
src: url("ark-pixel-12px-proportional-latin.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-zh_cn;
src: url("ark-pixel-12px-proportional-zh_cn.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-zh_hk;
src: url("ark-pixel-12px-proportional-zh_hk.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-zh_tw;
src: url("ark-pixel-12px-proportional-zh_tw.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-zh_tr;
src: url("ark-pixel-12px-proportional-zh_tr.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-ja;
src: url("ark-pixel-12px-proportional-ja.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-12px-proportional-ko;
src: url("ark-pixel-12px-proportional-ko.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-latin;
src: url("ark-pixel-16px-monospaced-latin.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-zh_cn;
src: url("ark-pixel-16px-monospaced-zh_cn.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-zh_hk;
src: url("ark-pixel-16px-monospaced-zh_hk.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-zh_tw;
src: url("ark-pixel-16px-monospaced-zh_tw.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-zh_tr;
src: url("ark-pixel-16px-monospaced-zh_tr.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-ja;
src: url("ark-pixel-16px-monospaced-ja.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-monospaced-ko;
src: url("ark-pixel-16px-monospaced-ko.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-latin;
src: url("ark-pixel-16px-proportional-latin.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-zh_cn;
src: url("ark-pixel-16px-proportional-zh_cn.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-zh_hk;
src: url("ark-pixel-16px-proportional-zh_hk.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-zh_tw;
src: url("ark-pixel-16px-proportional-zh_tw.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-zh_tr;
src: url("ark-pixel-16px-proportional-zh_tr.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-ja;
src: url("ark-pixel-16px-proportional-ja.woff2?r=0.8564618570378875");
}
@font-face {
font-family: ark-pixel-16px-proportional-ko;
src: url("ark-pixel-16px-proportional-ko.woff2?r=0.8564618570378875");
}
</style>

<style>
:lang(en) {
font-family: ark-pixel-10px-monospaced-latin, sans-serif;
}
:lang(zh-cn) {
font-family: ark-pixel-10px-monospaced-zh_cn, sans-serif;
}
:lang(zh-hk) {
font-family: ark-pixel-10px-monospaced-zh_hk, sans-serif;
}
:lang(zh-tw) {
font-family: ark-pixel-10px-monospaced-zh_tw, sans-serif;
}
:lang(zh-tr) {
font-family: ark-pixel-10px-monospaced-zh_tr, sans-serif;
}
:lang(ja) {
font-family: ark-pixel-10px-monospaced-ja, sans-serif;
}
:lang(ko) {
font-family: ark-pixel-10px-monospaced-ko, sans-serif;
src: url("ark-pixel-12px-monospaced-latin.woff2?r=0.19859614723792507");
}
.options-group {
height: 36px;
Expand Down Expand Up @@ -303,27 +164,27 @@
<script>
let content = document.getElementById('content');

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

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

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

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

0 comments on commit 48bac19

Please sign in to comment.