N0VA/Fanfiction
1
0
Fork 0
Code Activity

extract css

Browse Source
This commit is contained in:
N0\A
2026-05-12 20:11:51 +02:00
parent a80c9f7b76
commit 032157c7ad
3 changed files with 113 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
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
View File

@@ -1 +1,2 @@
# Chapter 1 # Chapter 1
## No title because I don't have one yet (or maybe ever)

62
convert-md.sh
View File

@@ -1,66 +1,6 @@
#!/bin/bash #!/bin/bash
CSS=' CSS=$(cat ./styles.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; }
'
HTML_BEGIN="<!DOCTYPE html> HTML_BEGIN="<!DOCTYPE html>
<html lang=\"en\"> <html lang=\"en\">

111
styles.css Normal file
View File

@@ -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;
}