githubmirror/pandoc

test/s5-basic.html
79 строк3 KB
Keenan Brock
HTML styles: make screen-only CSS conditional (#11606)
02 май 2026, 13:43
02 май 2026, 13:432b5600f
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta name="generator" content="pandoc" />
  <meta name="version" content="S5 1.1" />
  <meta name="author" content="Sam Smith" />
  <meta name="version" content="S5 1.1" />
  <meta name="author" content="Jen Jones" />
  <meta name="date" content="2006-07-15" />
  <title>My S5 Document</title>
  <style type="text/css">
    /* Default styles provided by pandoc.
    ** See https://pandoc.org/MANUAL.html#variables-for-html for config info.
    */
    span.smallcaps{font-variant: small-caps;}
    div.columns{display: flex; gap: 1.5em;}
    div.column{flex: auto;}
    @media screen {
    div.columns{gap: min(4vw, 1.5em);}
    div.column{overflow-x: auto;}
    }
    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
    /* The extra [class] is a hack that increases specificity enough to
       override a similar rule in reveal.js */
    ul.task-list[class]{list-style: none;}
    ul.task-list li input[type="checkbox"] {
      font-size: inherit;
      width: 0.8em;
      margin: 0 0.8em 0.2em -1.6em;
      vertical-align: middle;
    }
    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  </style>
  <!-- configuration parameters -->
  <meta name="defaultView" content="slideshow" />
  <meta name="controlVis" content="hidden" />
  <!-- style sheet links -->
  <link rel="stylesheet" href="s5/default/slides.css" type="text/css" media="projection" id="slideProj" />
  <link rel="stylesheet" href="s5/default/outline.css" type="text/css" media="screen" id="outlineStyle" />
  <link rel="stylesheet" href="s5/default/print.css" type="text/css" media="print" id="slidePrint" />
  <link rel="stylesheet" href="s5/default/opera.css" type="text/css" media="projection" id="operaFix" />
  <!-- S5 JS -->
  <script src="s5/default/slides.js" type="text/javascript"></script>
</head>
<body>
<div class="layout">
<div id="controls"></div>
<div id="currentSlide"></div>
<div id="header"></div>
<div id="footer">
  <h1>July 15, 2006</h1>
  <h2>My S5 Document</h2>
</div>
</div>
<div class="presentation">
<div class="title-slide slide">
  <h1 class="title">My S5 Document</h1>
  <h3 class="author">Sam Smith<br/>Jen Jones</h3>
  <h4 class="date">July 15, 2006</h4>
</div>
<div id="first-slide" class="slide section level1">
<h1>First slide</h1>
<ul>
<li>first bullet</li>
<li>second bullet</li>
</ul>
</div>
<div id="math" class="slide section level1">
<h1>Math</h1>
<ul>
<li><span class="math inline">$\frac{d}{dx}f(x)=\lim_{h\to
0}\frac{f(x+h)-f(x)}{h}$</span></li>
</ul>
</div>
</div>
</body>
</html>