blackmagpie5
<!--http://revealjs.com
MIT licensed
Copyright (C) 2018 Hakim El Hattab, http://hakim.se-->
<!doctype html>
 <html>
  <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>reveal.js</title>
  <link rel="stylesheet" href="http://sandbox.scp-wiki.kr/local--files/blackmagpie2/reveal.css">
  <link rel="stylesheet" href="http://sandbox.scp-wiki.kr/local--files/blackmagpie2/wood16.css">
<style>
div.toptitle{
    text-align: center;
    position: relative;
    top: 45%;
    font-size: 160%;
    color: #000000;
    background: #FFFFFF;
    border-top: 10px solid #000000;
    border-bottom: 20px solid #000000;
}
div.pagetitle{
    background: #3f3f3f;
    text-align: center;
    color: #dcdcdc;
    border-top: 5px solid #000000;
    border-bottom: 10px solid #000000;
    padding: 0.2em 0.5em 0.2em 0.5em;
</style>
</head>
<body>
<div class="reveal">
<div class="slides" style="
background-repeat: no-repeat;
background-position: center;
">
<section style="height:100%;">
<div class="toptitle">팜플렛 제목</div>
 
<div style="text-align:right; position:absolute; bottom:2em; right:1em;">
<font style="background: #444488; color:#FFFFFF; padding: 10px; font-size:70%">다음 페이지로 </font>
</div>
</section>
<!--1페이지-->
<section>
<div class="pagetitle"><B>페이지 제목</B></div>
<P>
<div style="text-align: left; font-size: 80%">
줄넘기기는 @@<BR>@@ <BR>
페이지 내용은 여기에다가 <BR>
</P><P>
문단을 나누고 싶으면 문단을 @@<P>@@,@@</P>@@로 묶어줄것.
</div>
</P>
</section>
<!--2페이지-->
<section>
<section>
<div class="pagetitle"><B>페이지 제목</B></div>
<P>
<div style="text-align: left; font-size: 80%">
3페이지 구성을 지키면서 페이지를 추가하고 싶으면 아래 페이지 추가.<BR>
인물 소개에 유용
</div>
 
<div style="text-align:right; position:absolute; bottom:-2em; right:1em;">
<font style="background: #444488; color:#FFFFFF; padding: 10px; font-size:70%">아래 페이지 추가</font>
</div>
</P>
</section>
 
<section>
<P>
<div style="text-align: left; font-size: 80%">
윗 구문을 삽입하면 추가되며, 첫 섹션을 닫지 않으면 계속 추가됨.
</div>
</P>
</section>
 
<section>
<P>
<div style="text-align: left; font-size: 80%">
이렇게
</div>
</P>
</section>
</section>
 
<!--3페이지-->
<section>
<div class="pagetitle"><B>페이지 제목</B></div>
<P>
<div style="text-align: left; font-size: 80%">
테이블 구문을 쓰면 이리 나옴 . 표같은거 필요하면 써봄직 함.
<TABLE>
<TR><TD></TD><TD></TD></TR>
<TR><TD></TD><TD></TD></TR>
</table>
 
</div>
</P>
</section>
 
<!--기본 페이지 구문-->
<!--
<section>
<div class="pagetitle"><B></B></div>
<div style="text-align: left; font-size: 80%">
<P>
</P>
</div>
</section>
-->
 
</div>
</div>
 
<script src="http://sandbox.scp-wiki.kr/local--files/blackmagpie2/reveal.js"></script>
<script src="http://sandbox.scp-wiki.kr/local--files/blackmagpie2/head.min.js"></script>
 
<script>
Reveal.initialize({
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>
.code-hidden .code{
display:none;
}
 
.mainframe {
position: relative;
width:100%;
height:150%;
}
 
.mainframe::before{
content: "";
display: block;
padding-top: 75%;
}
 
.maininline {
position: absolute;
top: 0px;
left: 0px;
width:100%;
height: 150%;
border:1px solid #000000;
}