Skip to content

Instantly share code, notes, and snippets.

@darkliquid
Last active October 5, 2017 15:05
Show Gist options
  • Save darkliquid/f540574fdd7309c968be to your computer and use it in GitHub Desktop.
Save darkliquid/f540574fdd7309c968be to your computer and use it in GitHub Desktop.
Gingkoapp microscope games

Formatting Guidelines

Use ## for Period headings, ### for event headings, #### for scene headings. This way exporting to html/markdown/etc makes for nice vertical reading.

Append the tone to the card with a dash, then the tone in italics for light tones (e.g. - *Light*) or bold for dark tones (e.g. - **Dark**)

The Game

Primitive culture meets high-technology

Palette

Want to see in the timeline

  • inclusions

Banned from the timeline

  • bans

Focus

  • focuses

Legacies

  • legacies
Custom Styles (edit to change css)
<style>
body {
background: url(https://i.imgur.com/wkwJDxR.jpg);
}
.cards {
background: rgba(0,0,0,.7);
color: #fff;
}
.columns .column .cards {
border :0;
}
.columns .blank {
background: rgba(255,255,255,0.2);
}
.cards.cards-active,
.cards.cards-child {
background: #fff;
color: #000;
}
.card.card-active {
border-left: 5px solid #8cc63f;
}
.card.editing {
color: #000;
}
#c2 .cards.cards-active {
background: rgba(0,0,0,.7);
color: #fff;
}
.card h2 {
font-size: 28px
}
.card h3, .card h4 {
font-weight: bold;
}
.card h1 em,
.card h2 em,
.card h3 em,
.card h4 em {
color: #2DCA2F;
}
.card h1 strong,
.card h2 strong,
.card h3 strong,
.card h4 strong{
font-style: italic;
color: #CA2D2F;
}
.content-wrapper:before,
.content-wrapper:after {
display: block;
width: 100%;
/* height: 100px; */
background: rgba(0,0,0,.7);
content: "Column";
font-size: 32px;
padding: 10px;
box-sizing: border-box;
text-align: center;
line-height: 80px;
position: relative;
top: 0;
color: #fff;
font-weight: bold;
}
#c1 .content-wrapper:before,
#c1 .content-wrapper:after {
content: "Setup";
}
#c2 .content-wrapper:before,
#c2 .content-wrapper:after {
content: "Periods";
}
#c3 .content-wrapper:before,
#c3 .content-wrapper:after {
content: "Events";
}
#c4 .content-wrapper:before,
#c4 .content-wrapper:after {
content: "Scenes";
}
#c5 .content-wrapper:before,
#c5 .content-wrapper:after {
display: none;
}
article.html-export {
background: rgba(255,255,255,0.7);
padding: 0.01em 1em;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment