depau
/
HackMD
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Externalise trivial inline styles from slide.ejs 

Dynamic background images need some further work
This commit is contained in:
Literallie 2017-10-18 15:20:24 +02:00
parent a23048254d
commit af935e46fc
No known key found for this signature in database
GPG Key ID: 7BE463C902ED152C
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/css/slide.css
View File

@ -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;
}
}

10
public/views/slide.ejs
View File

@ -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>
<% } %>