Styling + chapter 1
This commit is contained in:
@@ -22,3 +22,99 @@ He was an older man, hair starting to grey, tall, but other than that, absolutel
|
|||||||
"I know, I know, I just... hoped you'd finally tell me something interesting, that's it"
|
"I know, I know, I just... hoped you'd finally tell me something interesting, that's it"
|
||||||
|
|
||||||
"I really don't think if something like that finally happens it'd be school, or even school-related"
|
"I really don't think if something like that finally happens it'd be school, or even school-related"
|
||||||
|
|
||||||
|
"I guess you're right, though you really should socialise more, talk to people, make friends and so on"
|
||||||
|
|
||||||
|
"I *know*, **dad**..."
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
After eating dinner in pretty much complete silence, Clara went to her room and sat down in front of her desk.
|
||||||
|
|
||||||
|
_Okay..._
|
||||||
|
|
||||||
|
`Super+T`
|
||||||
|
|
||||||
|
`> mkdir Projects/new_website_5`
|
||||||
|
|
||||||
|
`> cd Projects/new_website_5`
|
||||||
|
|
||||||
|
`> edit .`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`Ctrl+N`
|
||||||
|
|
||||||
|
`index.html`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`<html>`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`</html>`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`Shift+Ctrl+Left`
|
||||||
|
|
||||||
|
`Backspace`
|
||||||
|
|
||||||
|
`<body>`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`Shift+Ctrl+Left`
|
||||||
|
|
||||||
|
`Backspace`
|
||||||
|
|
||||||
|
`<head>`
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`<title>Fuck this</titile`
|
||||||
|
|
||||||
|
`Ctrl+S`
|
||||||
|
|
||||||
|
`Super+Q`
|
||||||
|
|
||||||
|
"Ugh..."
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
`Super+L`
|
||||||
|
|
||||||
|
She got up from her laptop and started walking in circles around the room.
|
||||||
|
|
||||||
|
_Something's weird today, something's weird today, something's weird today, something's weird today..._
|
||||||
|
|
||||||
|
She looked out the window
|
||||||
|
|
||||||
|
_Oh, full moon, yeah, okay, right, that'd do it_
|
||||||
|
|
||||||
|
"Fuck me"
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
# Chapter 2
|
||||||
|
|
||||||
|
Clara opened her eyes and ever-so-slightly got out from under the duvet, enough to turn off the alarm but not enough to *actually* get out of bed.
|
||||||
|
|
||||||
|
"Shut up, phone..."
|
||||||
|
|
||||||
|
She was definitely not well-rested, yesterday, she only managed to go to sleep after midnight.
|
||||||
@@ -7,3 +7,7 @@
|
|||||||
- Aliens
|
- Aliens
|
||||||
- AU
|
- AU
|
||||||
- Magitech
|
- Magitech
|
||||||
|
|
||||||
|
## Chapters
|
||||||
|
|
||||||
|
- [Chapter 1](1.md)
|
||||||
|
|||||||
@@ -59,7 +59,14 @@ find . -type f -name "*.md" -print0 | while IFS= read -r -d '' mdfile; do
|
|||||||
{
|
{
|
||||||
echo "$HTML_BEGIN"
|
echo "$HTML_BEGIN"
|
||||||
sed -E 's/href="(\.\/[^.]+)"/href="\1\/"/g' "$html_raw" | \
|
sed -E 's/href="(\.\/[^.]+)"/href="\1\/"/g' "$html_raw" | \
|
||||||
python3 -c "import sys, re; print(re.sub(r'href=\"([^\"]+)\"', lambda m: 'href=\"' + m.group(1).replace('?', '%3F').replace('!', '%21') + '\"', sys.stdin.read()), end='')"
|
sed -E 's/href="([^"]*)\.md"/href="\1.html"/g' | \
|
||||||
|
python3 -c "
|
||||||
|
import sys, re
|
||||||
|
text = sys.stdin.read()
|
||||||
|
text = re.sub(r'<p><em>(.*?)</em></p>', r'<p class=\"thought\"><em>\1</em></p>', text, flags=re.DOTALL)
|
||||||
|
text = re.sub(r'href=\"([^\"]+)\"', lambda m: 'href=\"' + m.group(1).replace('?', '%3F').replace('!', '%21') + '\"', text)
|
||||||
|
print(text, end='')
|
||||||
|
"
|
||||||
echo "$HTML_END"
|
echo "$HTML_END"
|
||||||
} > "$html_final"
|
} > "$html_final"
|
||||||
|
|
||||||
|
|||||||
79
styles.css
79
styles.css
@@ -14,18 +14,40 @@ body {
|
|||||||
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
|
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
color: #00a4dc;
|
color: #00a4dc;
|
||||||
text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
|
text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 { font-size: 28px; border-bottom: 1px solid #333; padding-bottom: 10px; margin: 20px 0 10px; }
|
h1 {
|
||||||
h2 { font-size: 22px; }
|
font-size: 28px;
|
||||||
h3 { font-size: 18px; }
|
border-bottom: 1px solid #333;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
margin: 20px 0 10px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
p, ul, li { margin: 10px 0; }
|
p,
|
||||||
ul { margin-left: 20px; }
|
ul,
|
||||||
li { margin: 5px 0; }
|
li {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #888;
|
color: #888;
|
||||||
@@ -39,4 +61,45 @@ a:hover {
|
|||||||
text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
|
text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
hr { border: none; border-top: 1px solid #333; margin: 20px 0; }
|
em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.thought {
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #c8a2c8;
|
||||||
|
text-shadow: 0 0 8px rgba(200, 162, 200, 0.3);
|
||||||
|
border-left: 2px solid rgba(200, 162, 200, 0.3);
|
||||||
|
background: rgba(200, 162, 200, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background: #2a2a2a;
|
||||||
|
color: #00a4dc;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background: #2a2a2a;
|
||||||
|
padding: 12px 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border-left: 3px solid #00a4dc;
|
||||||
|
overflow-x: auto;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre code {
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid #333;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user