\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.

% This SVG should replace <img> below, but users complained. :-/
  
%          <svg width="245" height="50" style="margin-bottom: 5px; margin-top: 5px; margin-left: 5px; margin-right: 50px"><image xlink:href="/copyleftorg-green-stylized.svg" src="/copyleftorg-green-stylized.png" width="245" height="50"></image></svg>\Hnewline
  \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
          <a href="/"><img style="margin-bottom: 5px; margin-top: 5px; margin-left: 5px; margin-right: 50px" alt="copyleft.org" src="/copyleftorg-green-stylized.png" width="245" height="50"></img></a>\Hnewline
        </div>\Hnewline
        <nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation"><ul class="nav navbar-nav">\Hnewline}}
\Configure{@BODY}{\selectpropermenuitem\HCode{<li><a href="/guide/comprehensive-gpl-guide.pdf">PDF</a></li>\Hnewline
       <li><a href="/guide/comprehensive-gpl-guide.ps">Postscript</a></li></ul>\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}}

\monolith

\Configure{crosslinks}{\HCode{<li>}}{\HCode{</li>}}{next}{prev-top}{prev-end}{this-top}{this-end}{up}
\Configure{crosslinks+}
   {\HCode{<nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation">\Hnewline
<ul class="nav navbar-nav">}}
   {\HCode{</ul></nav>}}
   {\footermenu\HCode{<nav class="collapse navbar-collapse copyleft-navbar-collapse" role="navigation">\Hnewline
<ul class="nav navbar-nav navbar-right">\Hnewline}}
   {\HCode{</ul></nav></div></footer>}}

\Tag{TITLE+}{Copyleft and the GNU General Public License: A Comprehensive Tutorial and Guide}

\EndPreamble