From 374582322b930635c0b12472d122034b9dc09e54 Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Fri, 24 Oct 2025 15:05:39 +0800 Subject: Experiment with Ed. --- assets/css/main.css | 177 ++++++++++++++++++++++++++++++++++++++++ assets/images/asciimx.asc | 41 ++++++++++ assets/images/collage.jpeg | Bin 0 -> 85308 bytes assets/images/external-link.svg | 6 ++ 4 files changed, 224 insertions(+) create mode 100644 assets/css/main.css create mode 100644 assets/images/asciimx.asc create mode 100644 assets/images/collage.jpeg create mode 100644 assets/images/external-link.svg (limited to 'assets') diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..fc159a3 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,177 @@ +:root { + --link-color: #841212; + --main-font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; + --main-font-size: 1.1em; + --heading-font: sans-serif; + --heading-color: #404040; + --text-color: #454545; +} + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, body { + margin: 0; + padding: 0; + overflow-x: hidden; +} + +html { + font-family: var(--main-font); + font-size: 1em; + line-height: 1.5; +} + +@media (min-width: 38em) { + html { + font-size: var(--main-font-size); + } +} + +body { + color: var(--text-color); + background-color: #fff; + @include text-size-adjust(100%); +} + +.content { + margin-bottom: 4rem; +} + +.wrap { + position: relative; + width: 100%; +} + +.container { + max-width: 32rem; + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; +} + +@media (min-width: 56em) { + .container { + max-width: 38rem; + } +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); + margin-bottom: .5rem; + font-weight: normal; + color: var(--heading-color); + letter-spacing: -.025rem; + line-height: 1.25; + text-rendering: optimizeLegibility; +} + +h1, h1.text-title { + font-size: 1.4rem; +} + +h2 { + margin-top: 1rem; + font-size: 1.2rem; +} + +h3, h4, h5, h6 { + margin-top: 1rem; + font-size: 1rem; +} + +h3 { + margin-top: 1.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +a { + color: var(--link-color); + text-decoration: none; +} + +a.external::after { + background-color: var(--link-color); + content: ''; + display: inline-flex; + height: 10px; + margin-left: 4px; + width: 10px; + mask-size: cover; + mask-image: url(/assets/images/external-link.svg); +} + +ul { + list-style: circle; +} + +ul, ol { + margin-top: 0; + margin-bottom: 1rem; +} + +hr { + position: relative; + margin: 1.5rem 0; + border: 0; + border-top: 1px solid #eee; + border-bottom: 1px solid #fff; +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +.masthead { + border-bottom: 1px solid #eee; + margin-bottom: 3rem; + padding-top: 26px; + padding-bottom: 1rem; + text-align: center; +} + +.masthead-title { + color: #505050; + font-family: var(--main-font); + font-size: 1.8rem; + line-height: .777em; + margin: 2em 0 0; + text-align: center; +} + +.masthead-title small { + color: var(--text-color); + display: none; /* This is an accessibility no-no */ + font-family: var(--heading-font); + font-size: .78rem; + font-weight: normal; + letter-spacing: .05rem; +} + +@media (min-width: 320px) { + .masthead-title { + margin-top: 2px; + margin-right: 15%; + margin-left: 15%; + } +} + +@media (min-width: 48em) { + .masthead-title small { + display: inline; + } +} + diff --git a/assets/images/asciimx.asc b/assets/images/asciimx.asc new file mode 100644 index 0000000..4dc21aa --- /dev/null +++ b/assets/images/asciimx.asc @@ -0,0 +1,41 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- + +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 +x0obfZMoQLXyUIltL9IRHfM= +=G16G +-----END PGP PUBLIC KEY BLOCK----- diff --git a/assets/images/collage.jpeg b/assets/images/collage.jpeg new file mode 100644 index 0000000..6ae1b29 Binary files /dev/null and b/assets/images/collage.jpeg differ diff --git a/assets/images/external-link.svg b/assets/images/external-link.svg new file mode 100644 index 0000000..2c04c7d --- /dev/null +++ b/assets/images/external-link.svg @@ -0,0 +1,6 @@ + + + + + + -- cgit v1.2.3