<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html> <%#
Required methods¶ ↑
juli(1) template must have following methods:
- title
-
title string
- prototype
-
prototype url
- javascript
-
javascript url
- stylesheet
-
stylesheet url
- body
-
generate html
Optional methods¶ ↑
Following helper methods are optional:
- contents
-
draw contents of page
%> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="copyright" content="Copyright © Fuminori Ido" /> <title><%= title %></title> <script src="<%= prototype %>" type="text/javascript"></script> <script src="<%= javascript %>" type="text/javascript"></script>
<style type=“text/css”> body {
font-size: 14pt;
}
h1, h2, h3, h4, h5, h6 {
color: #527bbd; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.3;
}
h1, h2, h3 {
border-bottom: 2px solid silver;
}
h2 {
padding-top: 0.5em;
}
/* table related */ table {
border: 1px;
} table th {
background-color: #db6;
}
/* block quote */ blockquote {
background: #eec; border: 1px solid #444;
} blockquote pre {
margin: 2px;
}
div.footer {
position: fixed; z-index: 100; top: auto; bottom: 0; left: 0; right: 0; font-size: 60%; background-color: #ddf;
} </style>
</head> <body> <%# Embed warning plate below for generated document: %> <!–
DO NOT MODIFY THIS FILE DIRECTORY!
This file is automatically generated from a text file by juli(1).
Thanks! –> <div class='slide'>
<h1><%= title %></h1> (Put your name here)
</div>
<div class='slide'>
<h2>Contents</h2> <%= contents %>
</div>
<%= body %>
<%# Curr_page and total_page in footer below will be updated on the fly so that please do not delete them. %> <div class=footer>
<table width='100%'> <tr> <td> <a href="https://github.com/fuminori-ido/juli" ><img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" /></a> Generated by <a href='https://github.com/fuminori-ido/juli'>juli <%= Juli::VERSION %></a> </td> <td align=right> slide <span id=curr_page></span>/<span id=total_page></span> </td> </tr> </table>
</div> </body> <script type='text/javascript'>
document.observe('dom:loaded', function(){ var juli_slidy = new JuliSlidy(); document.observe('keydown', juli_slidy.keydownCB); document.observe('click', juli_slidy.clickCB); });
</script> </html>