-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (96 loc) · 4.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<html>
<title>Capo Ecclesia</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@font-face {
font-family:"test"; font-weight: 200 700;
src:url("/Pass-A38/font/Pass_A38.woff2") format("woff2-variations");
}
@font-face {
font-family:"test2"; font-style: normal;
src:url("font/CapoEcclesia.woff2") format("woff2");
}
@font-face {
font-family:"test3"; font-style: normal;
src:url("/Vermiglione/font/vermiglione.woff2") format("woff2");
}
body { font-family:"test", sans-serif; font-size:16pt;margin:0;padding:0; background: #f3f1ea }
div { margin:0; padding:0; }
a { color: #06c }
header { width: 100%; margin:0; padding:0 }
header > div { width:100%; color: #fff }
header > div.info { background: #5a5351; }
header > div.titolo { background: #918583; }
header > div > div { width: 1180px; margin: 0px auto; padding:0 }
header div div p { margin:0;padding:5px 10px; font-size: 14pt }
header div div h1 { margin:0;padding:20px 10px; font-size: 30px; font-weight: 400; color: #fff }
section { width: 1180px; margin:60px auto 60px; padding:0 }
article { width: 890px; margin: 0px 0 0px 290; padding:0 }
article p { margin: 5px 10px; padding:0; color: #332925 }
article p.nota { font-size: 14pt; color: #444 }
article p.nota a.refn { font-weight: 600; }
h2 { font-family:"test", sans-serif; margin:30px 10px;padding:0; font-size: 48px; font-weight: 400; color: #800 }
h3 { font-family:"test", sans-serif; margin:20px 10px;padding:0; font-size: 40px; font-weight: 400; color: #800 }
h4 { margin:20px 10px;padding:0; font-size: 24px; font-weight: 400; color: #800 }
a.bia { color: #fff }
a.ref { font-size: 60%; vertical-align: super; font-weight: 700 }
hr { border:0; border-bottom: 1px solid #666; margin: 20px; padding:0 }
.testo { color: #000; width:90%; margin: 20px 10px; border: 1px solid #888; font-family:"test2", sans-serif; font-size:64pt; background: #f3f1ea; padding: 4px; line-height: 1em }
.testo:focus { outline: none }
footer { padding:0; margin:0; width: 100%; background: #666; color: #fff }
footer > div { padding:40 0; margin:0 auto; width: 1180px }
footer p { margin: 0 10px; font-size: 18px }
div.side {width: 249px; margin: 30px 0 0; padding:10px 10px 5px; float:left; border-right:1px solid #555; color: #666 }
.evid { color: #000; background: #e9e5d8 }
p.capol { font-family: "test3", sans-serif; font-size: 18pt; line-height: 1.2em; border-left: 5px solid #ccc; padding-left: 10px; margin: 15px 10px 15px 20px; }
p.capol:first-letter { font-family: "test2", sans-serif; float: left; font-size: 6em; line-height: 0.8em; margin: 0.05em 0.1em 0 0; color: #c9211e }
p.alfa { font-family: "test2", sans-serif; font-size: 64pt; margin: 15px 10px; color: #c9211e }
.ss01 { font-feature-settings: 'ss01' }
.ss02 { font-feature-settings: 'ss02' }
.ss02b { font-feature-settings: 'ss01', 'ss02' }
.dlig { font-feature-settings: 'dlig' }
@media only screen and (max-width: 1200px) {
header > div > div { width: 100%; }
section { width: 100% }
article { width: 100%; margin: 0; }
footer > div { width: 100% }
div.side {display:none }
}
</style>
<body>
<header>
<div class="info">
<div>
<p><a href="https://github.com/m-casanova/CapoEcclesia" class="bia">← Github</a></p>
</div>
</div>
<div class="titolo">
<div>
<h1>Capo Ecclesia</h1>
</div>
</div>
</header>
<section>
<div class="side">
<p>Una breve descrizione del font "Capo Ecclesia"</p>
</div>
<article>
<h2>Un font per capolettera</h2>
<p>È possibile testare il font.</p>
<textarea rows="3" class="testo">A B C</textarea>
<h3>Descrizione</h3>
<p>Il font "Capo Ecclesia" è basato sulle maiuscole in gotico antico ecclesiastico pubblicato da Eric-Jean Müller in <i><a target="_blank" href="https://luc.devroye.org/fonts-97350.html">50 Alphabete für Techniker und Fachschulen</a></i>.</p>
<p>Trattandosi di un capolettera, sono presenti solo le lettere maiuscole.</p>
<p class="alfa">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</p>
<h3>Esempio</h3>
<p>Utilizzo del font <i>Capo Ecclesia</i> con il <a href="https://github.com/m-casanova/Vermiglione">font Vermiglione</a>:</p>
<p class="capol">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus dolor eget tellus tincidunt, sit amet mollis ante luctus. Quisque non est maximus, tempus tellus at, faucibus tortor. In quis placerat nibh. Vivamus eu ante imperdiet, aliquet enim id, mattis orci. Cras et magna id nisl iaculis sollicitudin. Nunc ut erat et sapien posuere auctor. Donec sed augue eleifend, vestibulum est eget, rhoncus leo.</p>
</article>
</section>
<footer>
<div>
<p>© 2024 Michele Casanova
</div>
</footer>
<body>
</html>