import letter from './assets/letter';
import sun from './assets/sun';
const defaultStylesheet = `
* {
margin-top: 0;
}
body {
background: #eaeaea;
color: #121212;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
margin: 0;
}
body.dark {
background: #121212;
color: #eaeaea;
}
body.serif {
font-family: Garamond, serif;
}
a {
color: #0366d6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body.dark a {
color: #46a9ff;
}
pre, code {
background: #dddddd;
border-radius: 4px;
font-family: Source Code Pro;
font-size: 16px;
padding: 4px;
white-space: nowrap;
}
body.dark pre, body.dark code {
background: #333333;
}
td {
padding: .5em;
}
#settings, #container {
box-sizing: border-box;
margin: auto;
max-width: 700px;
padding: 0 1em;
width: 100%;
}
#settings {
display: flex;
padding: 1em;
}
#sun, #letter {
cursor: pointer;
}
#sun:hover, #letter:hover {
transform: scale(1.1);
}
#sun {
margin-right: 1em;
}
#container {
line-height: 1.5;
}
h2 {
border-bottom: 1px solid #dddddd;
padding-bottom: .3em;
}
`;
export default (title: string, content: string, stylesheet: string = defaultStylesheet) => `
Markarth - ${title}
${sun} ${letter}
${content}
`;