greenwood-starter-presentation
Version:
A Greenwood plugin and general purpose starter kit for creating slide decks and presentations from markdown.
73 lines (58 loc) • 1.52 kB
HTML
<html>
<head>
<link rel="stylesheet" href="/node_modules/greenwood-starter-presentation/dist/styles/theme.css"></link>
<link rel="stylesheet" href="/node_modules/greenwood-starter-presentation/dist/styles/main.css"></link>
<style>
:root {
width: 99%;
margin: auto;
}
:root h1 {
background-color: var(--color-tertiary);
width: 99%;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
:root p {
padding: 0 2rem;
}
div#container {
width: 100%;
margin: 0;
padding-top: 6rem;
}
div#container > * {
margin-left: auto;
width: 50%;
}
div#container > h1 {
width: 100%;
}
div#container > hr {
position: absolute;
width: 100px;
border: 3px solid var(--color-secondary);
bottom: 2rem;
left: 80%;
}
:root img {
position: absolute;
width: 35%;
border: 3px solid var(--color-secondary);
bottom: 2rem;
left: 2rem;
}
</style>
</head>
<body>
<div id="container">
<content-outlet></content-outlet>
<hr />
</div>
<script type="module" src="/node_modules/greenwood-starter-presentation/dist/components/link-target.js"></script>
<script type="module" src="/node_modules/greenwood-starter-presentation/dist/components/iframe-key-capture.js"></script>
</body>
</html>