\Preamble{xhtml}
\begin{document}

%% Note: if you install locally, you'll be missing some of the files, marked
%% below as ``on copyleft.org, not here''.  That's because they're part of the
%% copyleft.org wiki when we install HTML.  You're still going to be able to
%% view the HTML, but it won't look as ``pretty'' and won't have fully
%% branding with copyleft.org stuff (which is probably as it should be).  The
%% main thing that will probably annoy is is footnotes won't work.

%% Begin: on copyleft.org, not here.
  \Configure{@HEAD}{\HCode{<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> }}
  \Configure{@HEAD}{\HCode{<link rel="stylesheet" type="text/css" href="/bootstrap.css" /> \Hnewline}}
  \Configure{@HEAD}{\HCode{<link rel="stylesheet" type="text/css" href="/local.css" /> \Hnewline}}
%% End: on copyleft.org, not here.

  \Configure{@HEAD}{\HCode{<link rel="stylesheet" type="text/css" href="css/footnote-hack.css" /> \Hnewline}}
  \Configure{@HEAD}{\HCode{<link rel="stylesheet" type="text/css" href="css/guide.css" /> \Hnewline}}

%% Begin: on copyleft.org, not here.
  \Configure{@HEAD}{\HCode{<script type="text/javascript" src="/bootstrap.js"></script>\Hnewline}}
  \Configure{@HEAD}{\HCode{<script type="text/javascript" src="/jquery-1.10.2.js"></script>\Hnewline}}
  \Configure{@HEAD}{\HCode{<script type="text/javascript" src="/jquery-ui-1.11.2.js"></script>\Hnewline}}
%% End: on copyleft.org, not here.


  \Configure{@HEAD}{\HCode{<script type="text/javascript" src="js/comprehensive-gpl-guide-js.js"></script>\Hnewline}}
  \Configure{@HEAD}{\HCode{<script type="text/javascript" src="js/tex4ht-footnote-hack.js"></script>\Hnewline}}


%% This stuff below uses bootstrap to get a navigation bar.
  \Configure{@BODY}{\HCode{<header class="navbar navbar-default navbar-fixed-top copyleft-navbar">\Hnewline
      <div class="container">\Hnewline
        <div class="navbar-header">\Hnewline
          <button class="navbar-toggle" data-target=".copyleft-navbar-collapse" data-toggle="collapse" type="button">\Hnewline
            <span class="sr-only">Toggle navigation</span>\Hnewline
            <span class="icon-bar"></span>\Hnewline
            <span class="icon-bar"></span>\Hnewline
            <span class="icon-bar"></span>\Hnewline
          </button>\Hnewline
          <svg width="245" height="50" style="margin: 5px"><image xlink:href="/copyleftorg-green-stylized.svg" src="/copyleftorg-green-stylized.png" width="245" height="50"></image></svg>\Hnewline
        </div>\Hnewline
        <nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation">\Hnewline
          <ul class="nav navbar-nav navbar-right">\Hnewline
        <li><a href="/">Wiki</a></li>\Hnewline
        <li class="active"><a href="/guide/">Tutorial and Guide</a></li>\Hnewline
    </ul></nav></div></header>\Hnewline
}}


\Configure{crosslinks}{\HCode{<li>}}{\HCode{</li>}}{next}{prev-top}{prev-at-bottom}{front}{jump-to-bottom}{up}
\Configure{crosslinks+}
   {\IgnorePar\HCode{<nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation">\Hnewline
<ul class="nav navbar-nav">}}
   {\HCode{</ul></nav>}\par\ShowPar}
   {\IgnorePar\EndP\HCode{<div class="container">\Hnewline
<header class="navbar navbar-default navbar-fixed-bottom copyleft-navbar">\Hnewline
      <p class="navbar-text navbar-left">License:\Hnewline
         <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC By SA 4.0 International</a>\Hnewline
         <img alt=", a Creative Commons License." style="border-width:0;padding-left: 10px" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></p></p>\Hnewline
<nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">}\Hnewline}
   {\HCode{</ul></nav></header></div>}\par\ShowPar}

\EndPreamble