From 032157c7adc193008dbb9164c3993dd371f36edb Mon Sep 17 00:00:00 2001 From: "N0\\A" Date: Tue, 12 May 2026 20:11:51 +0200 Subject: [PATCH] extract css --- .../1.md | 1 + convert-md.sh | 62 +--------- styles.css | 111 ++++++++++++++++++ 3 files changed, 113 insertions(+), 61 deletions(-) create mode 100644 styles.css diff --git a/My Mum Was An Alien She-Ra And Now I Am Too?! Will I be Able To Protect My Family End Everything Dear To Me Or Will I Fail And Let The Darkness Consume Everything/1.md b/My Mum Was An Alien She-Ra And Now I Am Too?! Will I be Able To Protect My Family End Everything Dear To Me Or Will I Fail And Let The Darkness Consume Everything/1.md index b743fda..9b4252e 100644 --- a/My Mum Was An Alien She-Ra And Now I Am Too?! Will I be Able To Protect My Family End Everything Dear To Me Or Will I Fail And Let The Darkness Consume Everything/1.md +++ b/My Mum Was An Alien She-Ra And Now I Am Too?! Will I be Able To Protect My Family End Everything Dear To Me Or Will I Fail And Let The Darkness Consume Everything/1.md @@ -1 +1,2 @@ # Chapter 1 +## No title because I don't have one yet (or maybe ever) diff --git a/convert-md.sh b/convert-md.sh index c51a376..40f9ef7 100755 --- a/convert-md.sh +++ b/convert-md.sh @@ -1,66 +1,6 @@ #!/bin/bash -CSS=' -* { margin: 0; padding: 0; box-sizing: border-box; } -body { - min-height: 100vh; - background: #1a1a1a; - font-family: monospace; - color: #e0e0e0; - padding: 20px; - line-height: 1.6; - text-shadow: 0 0 5px rgba(224, 224, 224, 0.2); -} -h1, h2, h3, h4, h5, h6 { - color: #00A4DC; - margin: 20px 0 10px; - text-shadow: 0 0 8px rgba(0, 164, 220, 0.4); -} -h1 { font-size: 28px; border-bottom: 1px solid #333; padding-bottom: 10px; } -h2 { font-size: 22px; } -h3 { font-size: 18px; } -p { margin: 10px 0; } -a { - color: #888; - text-decoration: none; - transition: all 0.2s ease; -} -a:hover { - color: #e0e0e0; - text-shadow: 0 0 10px rgba(224, 224, 224, 0.5); -} -code { - background: #0a0a0a; - padding: 2px 6px; - border: 1px solid #333; - font-size: 13px; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -} -pre { - background: #0a0a0a; - border: 1px solid #333; - padding: 15px; - overflow-x: auto; - margin: 15px 0; - box-shadow: 0 0 10px rgba(0, 164, 220, 0.1); -} -pre code { background: none; border: none; padding: 0; box-shadow: none; } -blockquote { border-left: 3px solid #333; padding-left: 15px; color: #888; margin: 15px 0; } -ul, ol { margin: 10px 0 10px 20px; } -li { margin: 5px 0; } -hr { border: none; border-top: 1px solid #333; margin: 20px 0; } -img { - max-width: 100%; - height: auto; - border: 1px solid #333; - margin: 10px 0; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); -} -table { border-collapse: collapse; width: 100%; margin: 15px 0; } -th, td { border: 1px solid #333; padding: 8px 12px; text-align: left; } -th { background: #222; color: #00A4DC; } -tr:nth-child(even) { background: #111; } -' +CSS=$(cat ./styles.css) HTML_BEGIN=" diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c778131 --- /dev/null +++ b/styles.css @@ -0,0 +1,111 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +body { + min-height: 100vh; + background: #1a1a1a; + font-family: monospace; + color: #e0e0e0; + padding: 20px; + line-height: 1.6; + text-shadow: 0 0 5px rgba(224, 224, 224, 0.2); +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: #00a4dc; + margin: 20px 0 10px; + text-shadow: 0 0 8px rgba(0, 164, 220, 0.4); +} +h1 { + font-size: 28px; + border-bottom: 1px solid #333; + padding-bottom: 10px; +} +h2 { + font-size: 22px; +} +h3 { + font-size: 18px; +} +p { + margin: 10px 0; +} +a { + color: #888; + text-decoration: none; + transition: all 0.2s ease; +} +a:hover { + color: #e0e0e0; + text-shadow: 0 0 10px rgba(224, 224, 224, 0.5); +} +code { + background: #0a0a0a; + padding: 2px 6px; + border: 1px solid #333; + font-size: 13px; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); +} +pre { + background: #0a0a0a; + border: 1px solid #333; + padding: 15px; + overflow-x: auto; + margin: 15px 0; + box-shadow: 0 0 10px rgba(0, 164, 220, 0.1); +} +pre code { + background: none; + border: none; + padding: 0; + box-shadow: none; +} +blockquote { + border-left: 3px solid #333; + padding-left: 15px; + color: #888; + margin: 15px 0; +} +ul, +ol { + margin: 10px 0 10px 20px; +} +li { + margin: 5px 0; +} +hr { + border: none; + border-top: 1px solid #333; + margin: 20px 0; +} +img { + max-width: 100%; + height: auto; + border: 1px solid #333; + margin: 10px 0; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); +} +table { + border-collapse: collapse; + width: 100%; + margin: 15px 0; +} +th, +td { + border: 1px solid #333; + padding: 8px 12px; + text-align: left; +} +th { + background: #222; + color: #00a4dc; +} +tr:nth-child(even) { + background: #111; +}