diff --git a/index.html b/index.html index 7b2dc7c..4455286 100644 --- a/index.html +++ b/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 @@

Iosevka is a monospace coding typeface inspired by Pragmata Pro, M+ and PF DIN Mono. It is designed to have a narrow shape to be space efficient and compatible to CJK characters.

The current release is v0.0.5. You can find all releases here. The release 0.1.0 will be WGL-4 compatible.

By the way it is completely generated by code.

-

Glyphs covered so far: