95 lines
5.7 KiB
Plaintext
95 lines
5.7 KiB
Plaintext
{# The index inside a Schuil frame, after the specimen page in the American
|
|
Specimen Book of Type Styles. Each tile is placed as the specimen placed it,
|
|
in its units (a pica is 100), and the stylesheet scales the units to the
|
|
screen. Only brass rule stretches: the frame's fixed pieces sit at the
|
|
corners and in the middle, and the rule between them takes up the rest.
|
|
|
|
The right half is the left half turned over. A tile with --ax: 1 is placed
|
|
from the middle of the frame rather than its left edge, and one with
|
|
--ay: 1 from its foot rather than its head; --m is the tile's turn. #}
|
|
<div class="home">
|
|
<div class="schuil">
|
|
<div class="schuil-ornaments" aria-hidden="true">
|
|
{%- for side in ["left", "right"] %}
|
|
<div class="schuil-half schuil-{{ side }}">
|
|
{# The corner: four square corners round a box, and the lanterns that
|
|
lead away from it along the head and down the side. #}
|
|
<i class="schuil-tile schuil-10" style="--x:150;--y:0;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-10" style="--x:300;--y:150;--m:-1,0,0,-1,0,0"></i>
|
|
<i class="schuil-tile schuil-10" style="--x:0;--y:150"></i>
|
|
<i class="schuil-tile schuil-10" style="--x:150;--y:300;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-14" style="--x:300;--y:300;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-14" style="--x:0;--y:300"></i>
|
|
|
|
{# The head's triple rule, closed at the lantern; its brass runs on
|
|
across the middle to the other side. #}
|
|
<i class="schuil-tile schuil-01" style="--x:900;--y:75"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:900;--y:125"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:900;--y:175"></i>
|
|
|
|
{# The side's triple rule, from the lantern down to the junction. #}
|
|
<i class="schuil-tile schuil-01" style="--x:125;--y:900;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:175;--y:900;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:225;--y:900;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-brass-v" style="--x:75;--y:950"></i>
|
|
<i class="schuil-tile schuil-brass-v" style="--x:125;--y:950"></i>
|
|
<i class="schuil-tile schuil-brass-v" style="--x:175;--y:950"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:75;--y:1100;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:125;--y:1100;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:175;--y:1100;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-13" style="--x:25;--y:1100"></i>
|
|
|
|
{# The side's brass, from the junction down to the foot. #}
|
|
<i class="schuil-tile schuil-01" style="--x:175;--y:1400;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-rule-v" style="--x:125;--y:1450;--b:850"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:125;--y:-800;--ay:1;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-06" style="--x:100;--y:-800;--ay:1"></i>
|
|
<i class="schuil-tile schuil-16" style="--x:325;--y:0;--ay:1;--m:-1,0,0,-1,0,0"></i>
|
|
|
|
{# The panel round the title. #}
|
|
<i class="schuil-tile schuil-10 schuil-panel" style="--x:575;--y:425;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-01 schuil-panel" style="--x:575;--y:425"></i>
|
|
<i class="schuil-tile schuil-01 schuil-panel" style="--x:475;--y:575;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-brass-v schuil-panel" style="--x:425;--y:625"></i>
|
|
<i class="schuil-tile schuil-01 schuil-panel" style="--x:425;--y:775;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-10 schuil-panel" style="--x:425;--y:775"></i>
|
|
<i class="schuil-tile schuil-01 schuil-panel" style="--x:575;--y:875"></i>
|
|
|
|
{# The band under the title: a curved corner off the junction, brass,
|
|
and four heads joined in the middle. #}
|
|
<i class="schuil-tile schuil-12" style="--x:275;--y:1250;--m:1,0,0,-1,0,0"></i>
|
|
<i class="schuil-rule" style="--x:425;--y:1175;--r:900"></i>
|
|
<i class="schuil-tile schuil-06" style="--x:-800;--y:1150;--ax:1;--m:0,1,-1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-06" style="--x:-800;--y:1250;--ax:1;--m:0,-1,1,0,0,0"></i>
|
|
<i class="schuil-tile schuil-15" style="--x:-700;--y:1025;--ax:1"></i>
|
|
<i class="schuil-tile schuil-15" style="--x:-350;--y:1025;--ax:1"></i>
|
|
<i class="schuil-tile schuil-06" style="--x:-575;--y:1375;--ax:1"></i>
|
|
<i class="schuil-tile schuil-06" style="--x:-225;--y:1375;--ax:1"></i>
|
|
|
|
{# The foot: a curved corner off the finial, closing the brass. #}
|
|
<i class="schuil-tile schuil-11" style="--x:325;--y:-275;--ay:1"></i>
|
|
<i class="schuil-tile schuil-01" style="--x:475;--y:-200;--ay:1"></i>
|
|
</div>
|
|
{%- endfor %}
|
|
{# Rules that cross the middle, so there is no seam where the halves
|
|
meet. #}
|
|
<i class="schuil-rule" style="--x:950;--y:75"></i>
|
|
<i class="schuil-rule" style="--x:950;--y:125"></i>
|
|
<i class="schuil-rule" style="--x:950;--y:175"></i>
|
|
<i class="schuil-rule schuil-panel" style="--x:625;--y:425"></i>
|
|
<i class="schuil-rule schuil-panel" style="--x:625;--y:875"></i>
|
|
|
|
{# On a phone the panel stands alone, a pair of heads on its head and a
|
|
pair hung from its foot, their curls meeting in the middle. #}
|
|
<i class="schuil-tile schuil-07 schuil-crest" style="--ax:.5;--x:-300;--y:0"></i>
|
|
<i class="schuil-tile schuil-08 schuil-crest" style="--ax:.5;--x:0;--y:0"></i>
|
|
<i class="schuil-tile schuil-07 schuil-crest" style="--ax:.5;--x:-300;--y:700;--m:1,0,0,-1,0,0"></i>
|
|
<i class="schuil-tile schuil-08 schuil-crest" style="--ax:.5;--x:0;--y:700;--m:1,0,0,-1,0,0"></i>
|
|
<i class="schuil-rule" style="--x:525;--y:-200;--ay:1"></i>
|
|
</div>
|
|
<h1 class="schuil-title">Holy Bible</h1>
|
|
{{ content | safe }}
|
|
</div>
|
|
{% include "version.njk" %}
|
|
</div>
|