diff --git a/bedstead.css b/bedstead.css
index 89df7ce..2b1cf0e 100644
--- a/bedstead.css
+++ b/bedstead.css
@@ -9,7 +9,8 @@ body {
font-size: 20px;
font-feature-settings: "palt";
font-synthesis: none;
- margin-left: 24px;
+ margin: 8px;
+ margin-left: 32px;
max-width: 60em;
}
@@ -26,9 +27,19 @@ pre {
h1 {
font-size: 5em;
+ font-stretch: expanded;
font-weight: inherit;
margin-top: 0;
margin-bottom: -0.2em;
+ line-height: 1.2em;
+ background-image: url(titlebg.jpg);
+ background-repeat: no-repeat;
+ background-size: auto 100%;
+}
+
+.fade {
+ -webkit-mask-image: linear-gradient(to right, transparent 1em, white 3em);
+ mask-image: linear-gradient(to right, transparent 1em, white 3em);
}
h2 {
@@ -81,7 +92,7 @@ img {
}
/* Colours that make Bedstead look better (imitating my green monitor) */
-body {
+body, .fade {
background-color: #031109;
color: #33ff88;
}
diff --git a/index.xhtml b/index.xhtml
index 9065b32..ecdc070 100644
--- a/index.xhtml
+++ b/index.xhtml
@@ -9,7 +9,7 @@
- Bedstead
+ Bedstead
Bedstead is a family of outline fonts based on the characters
produced by the
Mullard SAA5050 series of Teletext Character Generators. The