Add sampling sentences
This commit is contained in:
Belleve Invis
parent
1ef079dad3
commit
545cd9bf5e
67
index.html
67
index.html
|
|
@ -29,7 +29,7 @@
|
|||
margin: 0 auto;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
p, pre, .show, #links {
|
||||
p, pre, .show, .show samp, #links {
|
||||
font-family: "IosevkaWEB", monospace;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
|
@ -46,10 +46,10 @@
|
|||
display: flex;
|
||||
width: 68rem;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-top: 1px dotted #ccc;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.show span {
|
||||
.show div.block span {
|
||||
display: block;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
|
|
@ -60,13 +60,13 @@
|
|||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.show span.indicator {
|
||||
.show div.block span.indicator {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.show span.missing {
|
||||
.show div.block span.missing {
|
||||
opacity: 0.1
|
||||
}
|
||||
.show span.present:before {
|
||||
.show div.block span.present:before {
|
||||
display: none;
|
||||
content: attr(alt);
|
||||
position: absolute;
|
||||
|
|
@ -79,17 +79,17 @@
|
|||
font-style: normal;
|
||||
text-shadow: white 0 0 0.4em;
|
||||
}
|
||||
.show span.present:hover {
|
||||
.show div.block span.present:hover {
|
||||
background: #eee;
|
||||
}
|
||||
.show span.present:hover:before {
|
||||
.show div.block span.present:hover:before {
|
||||
display: block;
|
||||
}
|
||||
.show span > s {
|
||||
.show div.block span > s {
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
.show span.present:hover s:before {
|
||||
.show div.block span.present:hover s:before {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
border-top: 1px solid rgba(255, 0, 0, 0.1);
|
||||
border-bottom: 1px solid rgba(255, 0, 0, 0.1);
|
||||
}
|
||||
.show span.present:hover s:after {
|
||||
.show div.block span.present:hover s:after {
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -113,10 +113,29 @@
|
|||
border-top: 1px solid rgba(255, 0, 0, 0.1);
|
||||
border-bottom: 1px solid rgba(255, 0, 0, 0.1);
|
||||
}
|
||||
.show samp {
|
||||
display: flex;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.show samp > span.langname {
|
||||
display: inline-block;
|
||||
background: #eee;
|
||||
padding: 0.5em;
|
||||
flex: none;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
min-width: 12em;
|
||||
text-align: right;
|
||||
}
|
||||
.show samp > span.sentence {
|
||||
flex: 1;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
#links {
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
#links a {
|
||||
display: block;
|
||||
|
|
@ -145,7 +164,6 @@
|
|||
<p>Iosevka is a monospace coding typeface inspired by <a href="http://www.fsd.it/fonts/pragmatapro.htm">Pragmata Pro</a>, <a href="http://mplus-fonts.osdn.jp/">M+</a> and <a href="http://www.parachute.gr/typefaces/allfonts/din-mono-pro">PF DIN Mono</a>. It is designed to have a narrow shape to be space efficient and compatible to CJK characters.</p>
|
||||
<p>The current release is <strong><a href="https://github.com/be5invis/Iosevka/releases/tag/v0.0.5">v0.0.5</a></strong>. You can find all releases <a href="https://github.com/be5invis/Iosevka/releases/">here</a>. The release 0.1.0 will be WGL-4 compatible.</p>
|
||||
<p>By the way it is completely generated by <a href="http://github.com/be5invis/Iosevka">code</a>.</p>
|
||||
<p>Glyphs covered so far:</p>
|
||||
<div id="links"></div>
|
||||
<script>
|
||||
function padzero(s, n){
|
||||
|
|
@ -160,6 +178,27 @@
|
|||
{name: 'iosevka-bolditalic', cls:'bold italic'}
|
||||
];
|
||||
|
||||
var sampleSentences = [
|
||||
{lang: 'English', sample: 'Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth.'},
|
||||
{lang: 'Czech', sample: 'Nechť již hříšné saxofony ďáblů rozezvučí síň úděsnými tóny waltzu, tanga a quickstepu.'},
|
||||
{lang: 'Finnish', sample: 'Charles Darwin jammaili Åken hevixylofonilla Qatarin yöpub Zeligissä.'},
|
||||
{lang: 'French', sample: 'Voix ambiguë d\'un cœur qui au zéphyr préfère les jattes de kiwi.'},
|
||||
{lang: 'German', sample: 'Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.'},
|
||||
{lang: 'Greek (monotonic)', sample: 'Ταχίστη αλώπηξ βαφής ψημένη γη, δρασκελίζει υπέρ νωθρού κυνός.'},
|
||||
{lang: 'Greek (polytonic)', sample: 'Ἄδμηθ\', ὁρᾷς γὰρ τἀμὰ πράγμαθ\' ὡς ἔχει, λέξαι θέλω σοι πρὶν θανεῖν ἃ βούλομαι. '},
|
||||
{lang: 'Hungarian', sample: 'Jó foxim és don Quijote húszwattos lámpánál ülve egy pár bűvös cipőt készít.'},
|
||||
{lang: 'Icelandic', sample: 'Kæmi ný öxi hér, ykist þjófum nú bæði víl og ádrepa.'},
|
||||
{lang: 'Irish', sample: 'Ċuaiġ bé ṁórṡáċ le dlúṫspád fíorḟinn trí hata mo ḋea-ṗorcáin ḃig.'},
|
||||
{lang: 'Latvian', sample: 'Muļķa hipiji mēģina brīvi nogaršot celofāna žņaudzējčūsku.'},
|
||||
{lang: 'Norwegian', sample: 'Jeg begynte å fortære en sandwich mens jeg kjørte taxi på vei til quiz'},
|
||||
{lang: 'Lithuanian', sample: 'Įlinkdama fechtuotojo špaga sublykčiojusi pragręžė apvalų arbūzą.'},
|
||||
{lang: 'Polish', sample: 'Pchnąć w tę łódź jeża lub ośm skrzyń fig.'},
|
||||
{lang: 'Portuguese', sample: 'Luís argüia à Júlia que «brações, fé, chá, óxido, pôr, zângão» eram palavras do português.'},
|
||||
{lang: 'Romanian', sample: 'Înjurând pițigăiat, zoofobul comandă vexat whisky și tequila.'},
|
||||
{lang: 'Spainish', sample: 'Benjamín pidió una bebida de kiwi y fresa; Noé, sin vergüenza, la más exquisita champaña del menú.'},
|
||||
{lang: 'Turkish', sample: 'Pijamalı hasta yağız şoföre çabucak güvendi.'}
|
||||
]
|
||||
|
||||
var divs = [];
|
||||
var links = [];
|
||||
function Click(j){
|
||||
|
|
@ -176,6 +215,10 @@
|
|||
}
|
||||
fonts.forEach(function(font, fontindex){
|
||||
var div = $('<div>').addClass('show ' + font.cls);
|
||||
sampleSentences.forEach(function(record){
|
||||
var sample = $('<samp>').append('<span class="langname">' + record.lang + '</span><span class="sentence">' + record.sample + '</span>');
|
||||
div.append(sample);
|
||||
});
|
||||
$.get(font.name + '.charmap', function(data){
|
||||
data = JSON.parse(data);
|
||||
var uhash = [];
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user