summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorLiterallie2017-10-18 15:20:24 +0200
committerLiterallie2017-10-23 23:39:18 +0200
commitaf935e46fcace57fc81d0668b04ac84a8cf18359 (patch)
tree6afb1046ea4e091eed1933ae521e8947922c0fa8 /public
parenta23048254ddfb36a2c204c96db042fd0a6012b48 (diff)
Externalise trivial inline styles from slide.ejs
Dynamic background images need some further work
Diffstat (limited to 'public')
-rw-r--r--public/css/slide.css19
-rw-r--r--public/views/slide.ejs10
2 files changed, 23 insertions, 6 deletions
diff --git a/public/css/slide.css b/public/css/slide.css
index 74bc03c8..a8591108 100644
--- a/public/css/slide.css
+++ b/public/css/slide.css
@@ -258,6 +258,10 @@ pre.abc > svg {
transform-style: preserve-3d;
}
+.slides, #meta {
+ display: none;
+}
+
.reveal .slides > section,
.reveal .slides > section > section {
transform-style: flat;
@@ -283,12 +287,25 @@ pre.abc > svg {
padding: 25px 15px;
}
+.footer .gray-font {
+ color: #777;
+}
+
.footer > * {
margin-left: auto;
margin-right: auto;
max-width: 758px;
}
+.footer .ui-no-lastchangeuser {
+ width: 18px;
+}
+
+.footer .slides-disqus {
+ margin-top: 25px;
+ margin-bottom: 15px;
+}
+
html, body {
height: 100%;
width: 100%;
@@ -330,4 +347,4 @@ html, body {
.print-pdf .footer {
display: none;
-} \ No newline at end of file
+}
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 7ff5016e..220a9435 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -54,19 +54,19 @@
<body>
<div class="container">
<div class="reveal">
- <div class="slides" style="display: none;"><%= body %></div>
+ <div class="slides"><%= body %></div>
</div>
- <div id="meta" style="display: none;"><%= meta %></div>
+ <div id="meta"><%= meta %></div>
<div class="footer">
- <div class="unselectable hidden-print" style="color: #777;">
+ <div class="unselectable hidden-print gray-font">
<small>
<span>
<% if(lastchangeuserprofile) { %>
<span class="ui-lastchangeuser">&thinsp;<i class="ui-user-icon small" style="background-image: url(<%- lastchangeuserprofile.photo %>);" data-toggle="tooltip" data-placement="right" title="<%- lastchangeuserprofile.name %>"></i></span>
<% } else { %>
- <span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span>
+ <span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw"></i></span>
<% } %>
&nbsp;<span class="text-uppercase ui-status-lastchange"></span>
<span class="ui-lastchange text-uppercase" data-createtime="<%- createtime %>" data-updatetime="<%- updatetime %>"></span>
@@ -82,7 +82,7 @@
</small>
</div>
<% if(typeof disqus !== 'undefined' && disqus) { %>
- <div style="margin-top: 25px; margin-bottom: 15px;">
+ <div class="slides-disqus">
<%- include shared/disqus %>
</div>
<% } %>