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 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
|
||||
- AU
|
||||
- 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"
|
||||
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"
|
||||
} > "$html_final"
|
||||
|
||||
|
||||
79
styles.css
79
styles.css
@@ -14,18 +14,40 @@ body {
|
||||
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;
|
||||
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; }
|
||||
h2 { font-size: 22px; }
|
||||
h3 { font-size: 18px; }
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
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; }
|
||||
ul { margin-left: 20px; }
|
||||
li { margin: 5px 0; }
|
||||
p,
|
||||
ul,
|
||||
li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
ul {
|
||||
margin-left: 20px;
|
||||
}
|
||||
li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #888;
|
||||
@@ -39,4 +61,45 @@ a:hover {
|
||||
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