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

Externalise trivial inline styles from slide.ejs

Browse source 
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; transform-style: preserve-3d;
} }
.slides, #meta {
display: none;
}
.reveal .slides > section, .reveal .slides > section,
.reveal .slides > section > section { .reveal .slides > section > section {
transform-style: flat; transform-style: flat;
@ -283,12 +287,25 @@ pre.abc > svg {
padding: 25px 15px; padding: 25px 15px;
} }
.footer .gray-font {
color: #777;
}
.footer > * { .footer > * {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 758px; max-width: 758px;
} }
.footer .ui-no-lastchangeuser {
width: 18px;
}
.footer .slides-disqus {
margin-top: 25px;
margin-bottom: 15px;
}
html, body { html, body {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -330,4 +347,4 @@ html, body {
.print-pdf .footer { .print-pdf .footer {
display: none; display: none;
} }

10
public/views/slide.ejs
View file

@ -54,19 +54,19 @@
<body> <body>
<div class="container"> <div class="container">
<div class="reveal"> <div class="reveal">
<div class="slides" style="display: none;"><%= body %></div> <div class="slides"><%= body %></div>
</div> </div>
<div id="meta" style="display: none;"><%= meta %></div> <div id="meta"><%= meta %></div>
<div class="footer"> <div class="footer">
<div class="unselectable hidden-print" style="color: #777;"> <div class="unselectable hidden-print gray-font">
<small> <small>
<span> <span>
<% if(lastchangeuserprofile) { %> <% 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> <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 { %> <% } 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> &nbsp;<span class="text-uppercase ui-status-lastchange"></span>
<span class="ui-lastchange text-uppercase" data-createtime="<%- createtime %>" data-updatetime="<%- updatetime %>"></span> <span class="ui-lastchange text-uppercase" data-createtime="<%- createtime %>" data-updatetime="<%- updatetime %>"></span>
@ -82,7 +82,7 @@
</small> </small>
</div> </div>
<% if(typeof disqus !== 'undefined' && disqus) { %> <% if(typeof disqus !== 'undefined' && disqus) { %>
<div style="margin-top: 25px; margin-bottom: 15px;"> <div class="slides-disqus">
<%- include shared/disqus %> <%- include shared/disqus %>
</div> </div>
<% } %> <% } %>