add footer for all slides

Signed-off-by: Sean Cross <sean@xobs.io>
This commit is contained in:
Sean Cross 2019-01-11 21:22:15 +08:00
parent 871012777d
commit 75c490c58b
4 changed files with 26 additions and 0 deletions

BIN
css/theme/lca2019-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 33 KiB

View File

@ -24,6 +24,29 @@ body {
background-color: #387A3B;
}
.reveal .footer {
position: absolute;
bottom: 1em;
right: 2em;
text-align: right;
font-size: 0.5em;
width: 100%;
height: 96px;
background-image: url("lca2019-logo.png");
background-repeat: no-repeat;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.reveal .footer .theme {
padding-right: 80px;
}
.reveal .footer .hashtag {
padding-right: 80px;
}
.reveal {
font-family: "Space Mono", Helvetica, sans-serif;
font-size: 42px;

View File

@ -38,6 +38,9 @@
<!-- Start of main presentation -->
<div class="reveal">
<div class="footer">
<span class="theme">The Linux of Things</span><span class="hashtag"> | #LCA2019</span><span class="twitter"> | @linuxconfau</span>
</div>
<div class="slides">
<section data-background-image="css/theme/lca2019-title-bg.png">
<h2>Plastic is Forever</h2>