Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
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


Want to see in the timeline

  • inclusions

Banned from the timeline

  • bans


  • focuses


  • legacies
Custom Styles (edit to change css)
body {
background: url(;
.cards {
background: rgba(0,0,0,.7);
color: #fff;
.columns .column .cards {
border :0;
.columns .blank {
background: rgba(255,255,255,0.2);
}, {
background: #fff;
color: #000;
.card.card-active {
border-left: 5px solid #8cc63f;
.card.editing {
color: #000;
#c2 {
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: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;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment