Chapter Text
NARRATOR
I never know where to begin...
The map of this story is both tiny and vast. And beginning is as simple and complex as choosing a path to travel and trusting that it will connect to all other paths.
I suppose I could begin by telling you that there is an invisible world woven into the fabric of our daily lives. Don't go looking for this invisible world. Because you won't find it.
HOW TO CODE IT
CSS
- first of all, create a workskin by going to dashboard, finding "Skins" two categories down from (or next to on mobile) the "Dashboard" button, clicking the button that says "Work Skins", then clicking the one that says "Create Work Skin". then fill in whatever you want into the title (and description, if you want) boxes and paste this into the "CSS" box:
#workskin .script {
background: #fff;
color: #000;
font-family: Courier, "Courier New", "Lucida Console", Monaco, monospace;
padding: 15px;
width: 40em;
max-width: 85%;
margin: 0 auto 25px;
display: block;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
position: relative;
text-align: justify;
}
#workskin .script:before,
#workskin .script:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
#workskin .script:before {
background: #fafafa;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
#workskin .script:after {
background: #f6f6f6;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
#workskin .character {
margin-left: 15em;
}
#workskin .dialogue {
margin-left: 7em;
margin-right: 2em;
display: block;
}
HTML
- when you go to create the work, make sure your workskin is selected in the last dropdown menu under "Associations"
- make sure you're in html mode (not rich text!) when you paste in the below:
<div class="script">
<p class="character">[insert character name here]</p>
<p class="dialogue">[insert dialogue here]</p></div>
- and just copy-and-paste those two elements as many times as needed to create a conversation! put <br /> after a line if you want to put a line break in the middle of dialogue
- however, because you're in html mode, if you want to put any regular prose into the same chapter, you're gonna have to use html tags for the rest of the chapter. paragraphs will form automatically, but to do bold, italics, underlines, and strikethroughs, this is how you do it:
BOLD: b = “<b>[insert bolded word here]</b>” = “[insert bolded word here]”
ITALICS: i = “<i>[insert italicized word here]</i>” = “[insert italicized word here]”
UNDERLINE: u = “<u>[insert underlined word here]</u>” = “[insert underlined word here]”
STRIKETHROUGH: s = “<s>[insert word with strikethrough here]</s>” = “[insert word with strikethrough here]”