HTML version: Add tooling
BodgeMaster
parent
259d246ae5
commit
372f2d4f74
|
|
@ -0,0 +1,17 @@
|
||||||
|
HTML classes / used elements:
|
||||||
|
p.light (light font)
|
||||||
|
p (default)
|
||||||
|
p.strong (bold font)
|
||||||
|
p.heavy (very bold font)
|
||||||
|
p.comment (italic font, gray)
|
||||||
|
|
||||||
|
pre.terminal (dark background, light green, strictly limited to 80 characters width)
|
||||||
|
pre.paper (alternating yellow-ish white and light green lines, black, if posible with a typewriter look)
|
||||||
|
|
||||||
|
span.comment (italic font, gray)
|
||||||
|
li.comment (...)
|
||||||
|
|
||||||
|
h1 (full width, centered, horizontal line below, space below)
|
||||||
|
ul (use small dots or dashes)
|
||||||
|
|
||||||
|
use different sets of quotes or formatting depending on whether the quoted text is literal speech
|
||||||
|
|
@ -0,0 +1,65 @@
|
||||||
|
#!/usr/bin/env python3
|
||||||
|
|
||||||
|
import sys, os
|
||||||
|
|
||||||
|
|
||||||
|
def htmlencode(string):
|
||||||
|
outstring = ""
|
||||||
|
for char in string:
|
||||||
|
if char in ["<", ">", "'", "’", "\"", "&"]:
|
||||||
|
replacements = {
|
||||||
|
"<": "<",
|
||||||
|
">": ">",
|
||||||
|
"'": "'",
|
||||||
|
"’": "'",
|
||||||
|
"\"": """,
|
||||||
|
"&": "&"
|
||||||
|
}
|
||||||
|
outstring = outstring + replacements[char]
|
||||||
|
elif ord(char)>127:
|
||||||
|
outstring = outstring + "&#" + str(ord(char)) + ";"
|
||||||
|
else:
|
||||||
|
outstring = outstring + char
|
||||||
|
return outstring
|
||||||
|
|
||||||
|
|
||||||
|
if len(sys.argv)<3:
|
||||||
|
print("Usage: " + sys.argv[0] + " <source file> <destination file>")
|
||||||
|
sys.exit(1)
|
||||||
|
|
||||||
|
if not os.path.isfile(sys.argv[1]):
|
||||||
|
print("Not a file: " + sys.argv[1])
|
||||||
|
sys.exit(2)
|
||||||
|
|
||||||
|
if os.path.isfile(sys.argv[2]):
|
||||||
|
print("File exists: " + sys.argv[2])
|
||||||
|
print("Refusing to operate.")
|
||||||
|
sys.exit(2)
|
||||||
|
|
||||||
|
source_file = open(sys.argv[1], "r", encoding="utf-8")
|
||||||
|
destination_file = open(sys.argv[2], "w", encoding="ascii")
|
||||||
|
|
||||||
|
element_type=""
|
||||||
|
next_source_line = source_file.readline()
|
||||||
|
while not next_source_line=="":
|
||||||
|
if next_source_line == "\n":
|
||||||
|
#TODO: use appropriate end action based on element type
|
||||||
|
#TODO: deal with closing nested elements
|
||||||
|
destination_file.write("</"+element_type+">\n")
|
||||||
|
element_type=""
|
||||||
|
next_source_line = source_file.readline()
|
||||||
|
continue
|
||||||
|
|
||||||
|
if element_type=="":
|
||||||
|
#TODO: determine appropriate element type
|
||||||
|
element_type="p"
|
||||||
|
destination_file.write("<"+element_type+">\n")
|
||||||
|
|
||||||
|
#TODO: deal with multiple spaces appropriately
|
||||||
|
destination_file.write(" " + htmlencode(next_source_line))
|
||||||
|
|
||||||
|
next_source_line = source_file.readline()
|
||||||
|
|
||||||
|
if next_source_line=="" and not element_type=="":
|
||||||
|
#TODO: deal with closing nested elements
|
||||||
|
destination_file.write("</"+element_type+">\n")
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title> Layout Test </title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1> Layout Test Page </h1>
|
||||||
|
<p>
|
||||||
|
This is a test page used for deeloping the stylesheet used for all
|
||||||
|
the chapters once they have been converted to HTML.
|
||||||
|
</p>
|
||||||
|
<p class="light">
|
||||||
|
Here is some light text.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
More normal text to fill up the page...
|
||||||
|
</p>
|
||||||
|
<p class="strong">
|
||||||
|
Here is some strong text.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
It should have a slightly higher font weight than normal - ever so
|
||||||
|
slightly less than bold.
|
||||||
|
</p>
|
||||||
|
<p class="heavy">
|
||||||
|
Here is some heavy text.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
It should have a significantly higher font weight than normal - ever
|
||||||
|
so slightly more than bold.
|
||||||
|
</p>
|
||||||
|
<p class="comment">
|
||||||
|
This is a comment paragraph.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
There are also <span class="comment"> inline comments </span>.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li class="comment">
|
||||||
|
Another form of comments: List items.
|
||||||
|
</li>
|
||||||
|
<li class="comment">
|
||||||
|
Yaaaaay!
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Here are two types of pre-formatted text:
|
||||||
|
</p>
|
||||||
|
<pre class="terminal">
|
||||||
|
This is text on a terminal.
|
||||||
|
Hello World!
|
||||||
|
</pre>
|
||||||
|
<pre class="paper">
|
||||||
|
This is text printed to tractor feed paper.
|
||||||
|
Hello World!
|
||||||
|
Do you see them alternating lines?
|
||||||
|
Fancy, right?
|
||||||
|
I have no idea how I’m gonna actually build this but imagine alternating
|
||||||
|
lines on the paper.
|
||||||
|
</pre>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue