From 80754fd6174f2efb5f7f7cfa6c8ae9f200281970 Mon Sep 17 00:00:00 2001 From: Ainsley Ellis Date: Sun, 1 Jun 2025 22:59:30 -0400 Subject: [PATCH] Add cover letter template and relevant styles - Moved auto margins to `` - Added indentation for multi-paragraph blocks - Removed list bullets in page header I've got to make a digital version of my new signature soon; I'm not a big fan of the one included here. --- assets/css/all.css | 46 ++++++++++++++++++++++++++++++++++++------- assets/css/screen.css | 7 ++----- assets/signature.svg | 1 + templates/letter.xsl | 37 ++++++++++++++++++++++++++++++++++ 4 files changed, 79 insertions(+), 12 deletions(-) create mode 100755 assets/signature.svg create mode 100644 templates/letter.xsl 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"/> + + + + + + +
+
+
+

+

Dear Hiring Team,

+
+ + +
+ + + +