diff --git a/assets/css/all.css b/assets/css/all.css
index 8bef177..4537fbe 100755
--- a/assets/css/all.css
+++ b/assets/css/all.css
@@ -40,6 +40,7 @@ address>ul {
margin: 0;
padding: 0;
display: inline-block;
+ list-style: none;
}
address> :last-child {
@@ -60,16 +61,29 @@ article+article {
margin-top: 1em;
}
+.letter main header {
+ margin-block-end: 1.5em;
+ margin-bottom: 1.5em;
+}
+
+header ~ p:first-of-type {
+ text-indent: 0;
+}
+
+header ~ p {
+ text-indent: 2em;
+}
+
article>article {
margin-block-start: 0.5em;
margin-top: 0.5em;
}
article header {
-display: flex;
-justify-content: space-between;
-flex-wrap: wrap;
-gap: 0.5em;
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ gap: 0.5em;
}
article header p {
@@ -95,8 +109,8 @@ dd {
}
#skills h3 {
-margin-block-start: 0.25em;
-margin-top: 0.25em;
+ margin-block-start: 0.25em;
+ margin-top: 0.25em;
}
#skills ul {
@@ -118,5 +132,23 @@ margin-top: 0.25em;
}
footer {
-text-align: center;
+ text-align: center;
+}
+
+footer:has(#signature) {
+ margin-block-start: 1.5em;
+ margin-top: 1.5em;
+ text-align: end;
+}
+
+#signature {
+ margin-block-end: -1.5rem;
+ margin-bottom: -1.5rem;
+ max-width: 15em;
+}
+
+@media (prefers-color-scheme: dark) {
+ #signature {
+ filter: invert();
+ }
}
diff --git a/assets/css/screen.css b/assets/css/screen.css
index 6d4905d..b6d211d 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -1,8 +1,5 @@
body {
+ margin: 0 auto;
padding: 1em;
-}
-
-main {
- margin: 0 auto;
- max-width: 50em;
+ max-width: 50em;
}
diff --git a/assets/signature.svg b/assets/signature.svg
new file mode 100755
index 0000000..e4b4d24
--- /dev/null
+++ b/assets/signature.svg
@@ -0,0 +1 @@
+
diff --git a/templates/letter.xsl b/templates/letter.xsl
new file mode 100644
index 0000000..ac5c5ab
--- /dev/null
+++ b/templates/letter.xsl
@@ -0,0 +1,37 @@
+
+
+
+
+
+ Ainsley Ellis: Letter
+
+
+
+
+
+
+
+ <xsl:value-of select="$title"/>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+