Skip to content

Instantly share code, notes, and snippets.

@mrbald

mrbald/remarked.html

Created September 19, 2018 08:31
Show Gist options
  • Save mrbald/edcc9ba07e5b3833b91752a60b21e59a to your computer and use it in GitHub Desktop.
Save mrbald/edcc9ba07e5b3833b91752a60b21e59a to your computer and use it in GitHub Desktop.
Download ZIP
Remarkjs-based presentation bootstrap boilerplate
Raw
remarked.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
span.header {
padding-left: 12px;
position: fixed;
top: 0px;
left: 0px;
height: 30px;
width: 100%;
text-align: left;
}
span.footer {
background-image:url('/img/company-logo.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
position: absolute;
bottom: 12px;
left: 12px;
height: 30px;
width: 100%;
}
span.grey {
color: #ccc;
}
</style>
</head>
<body>
<textarea id="source">
<!-- Slideshow Markdown -->
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured"></script>
<script>
var slideshow = remark.create({
slideNumberFormat: '(%current% / %total%)',
sourceUrl: 'index.md',
});
MathJax.Hub.Config({
tex2jax: { skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'] }
});
MathJax.Hub.Configured();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment