From 496c742c75abbe58d5d98f87affc86efbfce7737 Mon Sep 17 00:00:00 2001
From: Norman Walsh <ndw@nwalsh.com>
Date: Thu, 30 May 2002 22:31:13 +0000
Subject: [PATCH] Slides with 'vertical' navigation. Just another simple style.

---
 slides/browser/slides.css         |   6 +
 slides/graphics/but-fforward.png  | Bin 0 -> 575 bytes
 slides/graphics/but-info.png      | Bin 0 -> 587 bytes
 slides/graphics/but-next.png      | Bin 0 -> 557 bytes
 slides/graphics/but-prev.png      | Bin 0 -> 563 bytes
 slides/graphics/but-rewind.png    | Bin 0 -> 595 bytes
 slides/graphics/but-xfforward.png | Bin 0 -> 573 bytes
 slides/graphics/but-xnext.png     | Bin 0 -> 560 bytes
 slides/graphics/but-xprev.png     | Bin 0 -> 569 bytes
 slides/graphics/but-xrewind.png   | Bin 0 -> 594 bytes
 slides/xsl/vslides.xsl            | 488 ++++++++++++++++++++++++++++++
 11 files changed, 494 insertions(+)
 create mode 100644 slides/graphics/but-fforward.png
 create mode 100644 slides/graphics/but-info.png
 create mode 100644 slides/graphics/but-next.png
 create mode 100644 slides/graphics/but-prev.png
 create mode 100644 slides/graphics/but-rewind.png
 create mode 100644 slides/graphics/but-xfforward.png
 create mode 100644 slides/graphics/but-xnext.png
 create mode 100644 slides/graphics/but-xprev.png
 create mode 100644 slides/graphics/but-xrewind.png
 create mode 100644 slides/xsl/vslides.xsl

diff --git a/slides/browser/slides.css b/slides/browser/slides.css
index 15340dc24..85de086fe 100644
--- a/slides/browser/slides.css
+++ b/slides/browser/slides.css
@@ -135,3 +135,9 @@ body.botnavigation       { margin-top: 0px;
                          }
 
 /* ====================================================================== */
+
+div.vnav              {
+                        margin-top: 2in;
+                      }
+
+/* ====================================================================== */
diff --git a/slides/graphics/but-fforward.png b/slides/graphics/but-fforward.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e74c580ec26c12d54447c9d77691fad98e7f4ea
GIT binary patch
literal 575
zcmV-F0>J%=P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3G8JQSn~?wj0nAB6
zK~#90T~x7>#UKdWbB4lCO6IPJez&B!8}msPHdla)FDV>@pv$uG)wJRB%g6)cZIOW)
z`#duM8sih>8R5xI$i7+(P)oI6UTr=DqyE$(V<3$5#Drfh$jE6o`N4GW<2vj*v&0)f
z`7VaeP7TnI5sys(NNxfwSpo#0x0de$0ZH&T?C2`5yT}RG<iKTH7eGG1_`M!_>v0`B
z6}B;y&Wz#BGh0D+>~^GodR#}8XM%hE({dHt`wc5O%OhFVP9J=;OC`^2JOoUVFg-a2
zdicVZUb*a>2mp4Nezf+_{lpRTqh=zPEh$!*Dt4GMXrWY|`>_mIMQ4V|4s1QLTLczU
zOMULgd0QkH(zBd;YY5-)37J{4V_qSHiHuxJZQA(o?odl@zb)iXQA{La^tKW|h_(`(
z<!st03_9eQYpGp3e{E#}5+%rcDR%aK*X}-_in3R|TF3-$tv6((y}vy>3E4Rzt0bW-
z;4Ej?PRJkNRw{{27?WV3BOyDLoN-<I&hopPkcW(zk?y)C5rC%cV>U>T+qF}^5x!c4
zQC~ja#gp1+09C(B*gSpZw|>o;v59Q(7UsoqA5&UF7{EIrvOmN-`5$A{l)1_`&6NNE
N002ovPDHLkV1hOC`;!0w

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-info.png b/slides/graphics/but-info.png
new file mode 100644
index 0000000000000000000000000000000000000000..b01be9892c98e9b8414508a43cdbbce241f15fc4
GIT binary patch
literal 587
zcmV-R0<`^!P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3F%?K$$Wj0R0oX}I
zK~#90WmGYe10f6(nNavio4G5pyc=(Enaz`2xX2X-!4ith;(#n<*{Ny;06-v?4UWso
z5ElTJO<WAdVEgV%utosf32HESI}|~2F*k$l&waV3FO38Q4Ulm$8yt54-%;iZ-1qSw
zKpEl^aeb+Ii<ldLmZ=j>R0bL39xvUV+xvJ^u7-GMoJ2<XEmbSG^J{|cO(4hsy1ua3
zZqH2*4Hf~dFV#cKUV;Q1RcqOcxWqQ@j$g;!(8@(+A`R;t!G;Ueze*q$oZLfI679;w
z>-q|&j4XCqD*xCYL*B`3@X0fm!eSCJo4M^j%{D2eLEph5%^>i0y(^Q=eE5>@o%8WE
zwAK)3k+*-`q5^S<6{by@FQrs|i=bED*PfbR+#;}BW6DBL!qGp-IQ9H|J^_J@*(4V?
z=h4gnnj;0$=+iLsmi6r0<{3!)YZ5b{g6NI<lD<In(CxX!g;0a`ZyxX5%U;4T%tR=G
z+*_V_myd}-vawAm&3@xJqb#ds-7H(Gf3+pZU^m6(;5CNd+!Gme`aC@5xdz~?oAPC-
zJ@yBHQ_p3JMLdkpLDEV(xjs>~OWJGe#tfL(H|3#87|8)3oq94SqchEA?2Q9Uhj-AK
Z=s!9@<tYKi3+ey>002ovPDHLkV1m~z1#bWV

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-next.png b/slides/graphics/but-next.png
new file mode 100644
index 0000000000000000000000000000000000000000..04c9b9b86c5ddac3c7d99b8385cff91ea3557602
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3F)IE#<!=B00lG;<
zK~#90Wt6d!!!QU$H=0qwC;28RVt==kA~(q=QK-2Bv>=@ek1QMcu`JwLZ&)vZD0JVc
ziV<rW0)U%wRmh0&;#&~ETg*I^$6b%hzELO!w5ly~pg=I-M^^}><Sl<OV-(8c036T5
zUjfGMA;W>RYW!>fK=G{^5a$~H5L8dPzxw$+{UGR)@$io`r9z8?ucQKTWtl#Ia6kQV
zOz<g%Ej%q##(0fUhLGJDmsBbQ(qH{}9t(I)Cs_Sw9>w$`1ywd=+9P0r{@c&{nZX(8
z;S;EAxnv71iDOaOYOqvzD+4_fxum4%9E;5Mu>J4rdpwV@N-o26eIc46^+?{SV9RW$
z+-^4-CTH(_mC6|1q}arvXL6~p^J?$rPD?=Hf`LLt=c@i<Z>wZ20N3Mcy?Kj_@Vnhv
zfU;STq?`S-F@DaU)*B1PgcxG;N2?ZFG565DCdD|^OpxAO#u1)b;ASetRxIh>*4a5G
z$lGTsOBXGgy9uIIV@9$*u2oI_Jped0A!y$SpRQ$8@h0S_({SD+NwiP@PytT%JR|>4
v&_XqcPc)8ufwbP(CSi{$S`1|VyFws;FfWJ4SfEAc00000NkvXXu0mjfPE7T%

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-prev.png b/slides/graphics/but-prev.png
new file mode 100644
index 0000000000000000000000000000000000000000..257f5e31c7070cb2c4a08f5ef6541a0716d69e52
GIT binary patch
literal 563
zcmV-30?hr1P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3F(UBcZCwBW0l-N_
zK~#90ZInH7#4rejztx07M{*`9);_niMKZ~eDAc3?A>@e*kA?YpdOUcv-T<IdRg}T@
z2z69IMeC@FhS9(0Q@LA!QmF`lq6{k4ToEdjfudGbQ8Qkjmx?Y=u<~1=02IKJ%7kyO
zmd<dEnP_l44-2tkQPM7LApx|kGbn0_ay?H0DtbQ8{^~c<JY43zClnQ3%s9VjCd%IC
zeSWOeL7D}wqonts1YW07rnhYHkLS@}eQVMLtD<qNBV~ZMg?A*pZ1B&Ivw!!nL^E7S
zLsutKOBkV<o#;%TbDbUb+FR5fKA90R(IKAWdHlY9mz)Bi%*IZ}^H>DW#quuA$()2i
zr9K{yTh;h`n<>|OwxDI{RM=bvMcY@q&MP<Yu9=`E-8jTrf=!1XdY{ME+x2-xjF;Jm
z$RUc~FK$qr&8aFyGfbne_4a<g`&K}2*t6v((6S9@Kwx3FW9v@Q5=<~4D{A9Sw8TEj
z)08_A<KDg|MgOT~ZNO;kpk(o{ZIjEyI<y{~*ETX!0^U+t;rNc+w_x;V&0Z`{_~}3S
z`W_pSoq+6@YbM7p<=ocZ9J<z9h|fNJ4g&aO=?@EQh2x&R8dLxP002ovPDHLkV1iY9
B0RaF2

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-rewind.png b/slides/graphics/but-rewind.png
new file mode 100644
index 0000000000000000000000000000000000000000..e79b22bb038fe1581a2a79608578e4391aa768fe
GIT binary patch
literal 595
zcmV-Z0<8UsP)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3G7Fi0rt$y)0pLkQ
zK~#90U6e7B>>vz8-%?+Jj%3$tF!<bNg8gM5Ndd_Q5(2M-DF%?#YFhnuwi5spH8DDm
zPtdM_iD_5Eax>QBQ~vG%MNtI6Fgl9*RRl%p7-nL}_hH!F6w8}OJ-qxQPyh-LNoBzI
ztDVGBUo|2#ub&Frd&{GMxBxBlKN#jbto7=<woeOkMgixizQ$3uMKI|=Co{n>wi30y
zH;?x(y6GsIsb^alvix>R;tgnmcJ)Pl*Y>|<`D_T--dh}HRY6hhO9uEi@%AX_0N1XA
zuF;Tl<-O<8e5XDW4rUgj9rgXWQv)8hHk6gtqsO8vBr`H^*H^ticZ$bPeeDh9PQK)W
z-i7DldGnzW+NbSxk8TEC-tzsqk9x$;bEZP?>kd|?P6q?P`Ey2=fiY8@?L6wSiX<-d
zIW9TjCFu_ML+@9+j(X(Zj8XJ#=U(@m+q~d2=&2lNiLn$*_(7$ZXGz(GD_{s$yV4t0
z$$MZ5v^<70A&e%jcI|ba@k0;BpeV&E)53D3OZw3|P3ucIMcMc|J3-OtES(^QUsmx?
zw^_@GUG17rvUn##7<f9M%y8h#kKLW8N6UCgrX(K1=+n?wXOHy=56w*Dg}*S<_LiYb
h@r54{_XGG~=@&9Xj`8wdNL2s;002ovPDHLkV1gCb5X%4n

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-xfforward.png b/slides/graphics/but-xfforward.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ac7f2e7c890c9ddf4eb1f0ef9e07b34a16adf02
GIT binary patch
literal 573
zcmV-D0>b@?P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3GzlRpU|0YE0m?~4
zK~#90T~twS1tAEW3fI^sp3J14YnyPfXVSffCj9^h-`fx4BIqy-e7#;TynhOvn4cDz
zSh?4w0BFolpew^mn4qzG3}9yd%d6dIV%o1wnG<QGCl=yrfkMk^ih~v2SH1i?x8xf@
z{jQGAPaV*dnU5_1C}9FTSpozw#;D&F0+JAK_))DNcaamWC4kGZZh(A%@n=287+1Yc
zDtzN8gBi!GOT8c`c0U?_<EmGdXMy|iH)^fEj~jM!o=5SlgFeLOl!`8O9ug)=Sdkn9
zBYfj4AGw^H3;<4;akTf(c=Cw(Q8Ss#krXRT6$eb2v`{L~csv7EF_>Yp6GxAn7J<i@
z*)yKtZIj?gZ@b4BDSXE#WM<2bd8G^%6l!LzH9mYgm|6R2DSwJ$p%7!VmBc}|mEg9!
zwMJpkL6@3YZ=JusvH*n=<h>L-`@XjxKJSY1SEE``0{7ONGRxWDk)5RMf{<O3)D>{s
z-CHN*H*h<Z!Y0f~u+fo_lS<CG-ulV%XE#Bo%$$+ox+f8U*4o=_kR-RaPWfi|ZV^U(
z#eA1Y>YM>o{V8GhjFsR1b!WyFvcX%J7sq{0X-Q!Kp9zuuDbdOQAPARlxhHK>00000
LNkvXXu0mjfSi1W%

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-xnext.png b/slides/graphics/but-xnext.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa516b2e8d7f4baf34270b45f4bd6edc6a27a737
GIT binary patch
literal 560
zcmV-00?+-4P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3GcYl3ewP3M0li5?
zK~#90WtCBm!ypVqr{HU3B~FI4y+|+8N?a^RyVo$%e%K6#?MFmO>^zUh<Z<6O_Mbo$
zdhTS!SZf&qfSc==A!CIn--7tnVrEjNYoBJ%C=>&l)fO>OAQ<q}83IXh%WupWg)$w0
zt6Y8yFm?|a4y0Mv%LV`>-<km{ui+0t_M&_5r4&yD-6|gbaHLdda`2s0Ag(OS=L^1y
z{~Z&2N?{8x%ak!*W0WCeH^!}$41x6CuX1hRIb^W@&pMLnMGC5H$h60T1^Q1fUnPPw
z(8DKCI%<g)+6u>}vh`r=@X-c(X4MjkqH`=V+QasL`|nk*WtG^5>H0)8MVOJelfjWW
zvb<g|8YWine3{A^-K03gp=V;NTWj^Zy3+#Ca=}0%qjP1yagJ567J&9?wN@XIvHWgV
zHXt1qB<W%QXpDDz*IL;y7Q_%ce>7{d6>DF*=b#u5H4~&(mvJo5Y;d!bWGlAx9P8*D
z6Xd&khlfO!&uM~a)^$d*Kdw~{^F07KH6du<6+T_dsN_S)N2lR@MuKS1`lJFp+2a}c
y{{(&9_ib+`emn!>Xs{W4m|vCk!Li}UF5Mp=&5}_l*uNtH0000<MNUMnLSTZ9_4Bm=

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-xprev.png b/slides/graphics/but-xprev.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd74e7a217bdacd049f8565522d938954dc0fe4f
GIT binary patch
literal 569
zcmV-90>=G`P)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3GbLQJntT8N0mey0
zK~#90ZIw}O#4rd%UyZMkN;#RO_9A<cR`SI*((W~|)DJMmQS%Ymj)7qq$j9^f1b|9a
zQ3l&1)KLKyt)nU$hrXUq<$eN`N<{z^Wl*Vh6`@iYC~8p^wZs0~Rdn413%?l(KmpvT
zO!#)y+!?Mh9Sx52FcS+FAuVY$37}=|K~Zy*<GBk^(epg7>$;KV<}&l1P*ij=<NTtT
zD0|!O^K-cl(#&veCA|kF@H&+;Z_5V%IFIYPwjxciDjM55k_Sk5N5abn|NK0!*A*vG
z3>VVSRf$v*MrdXyI@9M|=L>u6&1yHF%m|t25YKTQ@9Vwf6aZxwb~2vZB6u$5cWF*$
zCk!g}@p#;##@Aa<x!&^$T9!_Q?W&+?`)a-ST)?|#f|itVh_wWp4nOohx2?7Q+ry?N
zAw&~7MDhG0gW_yXRVkWb8hx#`pZ?=h0li_*CpUqXtvLe%3%hMwbBdN=f&p1p8*ic|
z=27mZT#0D+_BAQ`Pc3T#Mqvjfi+@d<945x0)u8vSWu^qYq_WKM8M#lvsL$%X7@Y9k
zzH|C+8<L%X?9<2V`EtqzmI3iAn2NS-{=LN77S2ZKa+>@BcPx@s6iI;A00000NkvXX
Hu0mjfmyr9-

literal 0
HcmV?d00001

diff --git a/slides/graphics/but-xrewind.png b/slides/graphics/but-xrewind.png
new file mode 100644
index 0000000000000000000000000000000000000000..e20adfbfb54d4ec7b40240782840b62ebc8ce7f6
GIT binary patch
literal 594
zcmV-Y0<HatP)<h;3K|Lk000e1NJLTq0018V000sQ0ssI2EK-uN00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3labT3lag+-G2N4000McNliru(ghw3Gdrfdryl?S0pCeP
zK~#90U6fId<RA=0-^9K~TH<6#n{#C)F4jn!YZz%iYz&!vv}nL~xhU7q_xl9^MNN#s
z>l1V+U}8Gdu-uIG{FL82z@aDtU>E~M{VIZ@3=A`|_O}_fHpTL0Yt75Q0tMgzBB@OH
zesz#o%BMtR=JiwIEN31C#0}`N{)1u8!(OkH(t8hbW&!7?eCAQMMKI|=7c;>xwi9)h
z)8qY%ZU%~G>eUv8Y`=pe@dh+Ohx($F(*N}=pA7+LIpZj+3X1C3GQfs+L_r6*cO7)i
zhMX(!J&)Eqjg@dRvk~p6pZ=r<JZx_$EA2<G#ZX9QWZf>G^7JRg<EOs%hH@ug@<s2)
z^Wk~(p%HrTce|sTNtd_$^ry8JJMWnaz3)5Nv2;2a0P3F_StiCzQEP3j?IMW_V~tBr
z_>pu6{Hgb=UahtKn=y*kTJLt}+~x(JK~LpCj~Gj_gdbFjd6tx2xB`Z7)hoSWm%In2
zK#$jOCWP6<Rj<3<D}L(1m=vX0Wm#B`^pSqFPt*PqPEj_#&rVP@J4+`>;UByBm)q=R
z#IAa+C)vCcq1Kw4CL6Z`@Z<jO?z}u&=1a09@e;;ZhQ2#{tY>&=W*IO1hMBgv4PA;a
g{D8P0z$Z)p0ajj-iO1p#W&i*H07*qoM6N<$g3#a*(EtDd

literal 0
HcmV?d00001

diff --git a/slides/xsl/vslides.xsl b/slides/xsl/vslides.xsl
new file mode 100644
index 000000000..02b024ca2
--- /dev/null
+++ b/slides/xsl/vslides.xsl
@@ -0,0 +1,488 @@
+<?xml version="1.0"?>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+                version="1.0">
+
+<xsl:import href="slides.xsl"/>
+
+<xsl:param name="toc.width" select="100"/>
+
+<xsl:param name="but-fforward.png" select="'but-fforward.png'"/>
+<xsl:param name="but-info.png" select="'but-info.png'"/>
+<xsl:param name="but-next.png" select="'but-next.png'"/>
+<xsl:param name="but-prev.png" select="'but-prev.png'"/>
+<xsl:param name="but-rewind.png" select="'but-rewind.png'"/>
+<xsl:param name="but-xfforward.png" select="'but-xfforward.png'"/>
+<xsl:param name="but-xnext.png" select="'but-xnext.png'"/>
+<xsl:param name="but-xprev.png" select="'but-xprev.png'"/>
+<xsl:param name="but-xrewind.png" select="'but-xrewind.png'"/>
+
+<!-- ============================================================ -->
+
+<xsl:template match="slides">
+  <xsl:call-template name="write.chunk">
+    <xsl:with-param name="indent" select="$output.indent"/>
+    <xsl:with-param name="filename" select="concat($base.dir, $toc.html)"/>
+    <xsl:with-param name="content">
+      <html>
+        <head>
+          <title><xsl:value-of select="slidesinfo/title"/></title>
+          <link type="text/css" rel="stylesheet">
+            <xsl:attribute name="href">
+              <xsl:call-template name="css.stylesheet"/>
+            </xsl:attribute>
+          </link>
+
+          <link rel="top">
+            <xsl:attribute name="href">
+              <xsl:apply-templates select="/slides" mode="filename"/>
+            </xsl:attribute>
+            <xsl:attribute name="title">
+              <xsl:value-of select="/slides/slidesinfo/title[1]"/>
+            </xsl:attribute>
+          </link>
+
+          <xsl:for-each select="section">
+            <link rel="section">
+              <xsl:attribute name="href">
+                <xsl:apply-templates select="." mode="filename"/>
+              </xsl:attribute>
+              <xsl:attribute name="title">
+                <xsl:value-of select="title[1]"/>
+              </xsl:attribute>
+            </link>
+          </xsl:for-each>
+
+          <xsl:if test="$keyboard.nav != 0">
+            <script language="JavaScript1.2"/>
+          </xsl:if>
+
+          <xsl:if test="$keyboard.nav != 0">
+            <xsl:call-template name="ua.js"/>
+            <xsl:call-template name="xbDOM.js">
+              <xsl:with-param name="language" select="'JavaScript'"/>
+            </xsl:call-template>
+            <xsl:call-template name="xbStyle.js"/>
+            <xsl:call-template name="xbCollapsibleLists.js"/>
+            <xsl:call-template name="slides.js">
+              <xsl:with-param name="language" select="'JavaScript'"/>
+            </xsl:call-template>
+          </xsl:if>
+        </head>
+        <body class="tocpage">
+          <xsl:call-template name="body.attributes"/>
+          <xsl:if test="$keyboard.nav != 0">
+            <xsl:attribute name="onkeypress">
+              <xsl:text>navigate(event)</xsl:text>
+            </xsl:attribute>
+          </xsl:if>
+
+          <table border="0" width="100%" summary="Navigation and body table"
+                 cellpadding="0" cellspacing="0">
+            <tr>
+              <td>&#160;</td>
+              <td><xsl:apply-templates select="." mode="header"/></td>
+            </tr>
+
+            <tr>
+              <td bgcolor="{$toc.bg.color}" width="{$toc.width}"
+                  valign="top" align="left">
+
+                <xsl:variable name="first" select="(/slides/section|/slides/foil)[1]"/>
+
+                <xsl:call-template name="vertical-navigation">
+                  <xsl:with-param name="first"/>
+                  <xsl:with-param name="prev"/>
+                  <xsl:with-param name="next" select="/slides"/>
+                  <xsl:with-param name="last" select="(//foil)[last()]"/>
+                </xsl:call-template>
+
+              </td>
+              <td bgcolor="{$body.bg.color}" valign="top" align="left">
+                <div class="{name(.)}">
+                  <h1 class="title">
+                    <a href="{$titlefoil.html}">
+                      <xsl:value-of select="/slides/slidesinfo/title"/>
+                    </a>
+                  </h1>
+
+                  <xsl:apply-templates select="." mode="toc"/>
+                </div>
+              </td>
+            </tr>
+
+            <tr>
+              <td>&#160;</td>
+              <td><xsl:apply-templates select="." mode="footer"/></td>
+            </tr>
+          </table>
+        </body>
+      </html>
+    </xsl:with-param>
+  </xsl:call-template>
+
+  <xsl:apply-templates/>
+</xsl:template>
+
+<xsl:template match="slidesinfo">
+  <xsl:call-template name="write.chunk">
+    <xsl:with-param name="filename" select="concat($base.dir, $titlefoil.html)"/>
+    <xsl:with-param name="content">
+      <html>
+        <head>
+          <title><xsl:value-of select="title"/></title>
+          <link type="text/css" rel="stylesheet">
+            <xsl:attribute name="href">
+              <xsl:call-template name="css.stylesheet"/>
+            </xsl:attribute>
+          </link>
+        </head>
+        <body class="titlepage">
+          <xsl:call-template name="body.attributes"/>
+
+          <table border="0" width="100%" summary="Navigation and body table"
+                 cellpadding="0" cellspacing="0">
+            <tr>
+              <td>&#160;</td>
+              <td><xsl:apply-templates select="." mode="header"/></td>
+            </tr>
+
+            <tr>
+              <td bgcolor="{$toc.bg.color}" width="{$toc.width}"
+                  valign="top" align="left">
+
+                <xsl:call-template name="vertical-navigation">
+                  <xsl:with-param name="first"/>
+                  <xsl:with-param name="last" select="(following::section|following::foil)[last()]"/>
+                  <xsl:with-param name="next" select="(following::section|following::foil)[1]"/>
+                </xsl:call-template>
+
+              </td>
+              <td bgcolor="{$body.bg.color}" valign="top" align="left">
+                <div class="{name(.)}">
+                  <xsl:apply-templates mode="titlepage.mode"/>
+                </div>
+              </td>
+            </tr>
+
+            <tr>
+              <td>&#160;</td>
+              <td><xsl:apply-templates select="." mode="footer"/></td>
+            </tr>
+          </table>
+        </body>
+      </html>
+    </xsl:with-param>
+  </xsl:call-template>
+</xsl:template>
+
+<xsl:template match="section">
+  <xsl:variable name="id">
+    <xsl:call-template name="object.id"/>
+  </xsl:variable>
+
+  <xsl:variable name="snumber">
+    <xsl:number count="section" level="any"/>
+  </xsl:variable>
+
+  <xsl:variable name="thissection">
+    <xsl:text>section</xsl:text>
+    <xsl:number value="$snumber" format="01"/>
+    <xsl:text>.html</xsl:text>
+  </xsl:variable>
+
+  <xsl:variable name="nextfoil" select="foil[1]"/>
+  <xsl:variable name="lastfoil" select="(descendant::foil|following::foil)[last()]"/>
+  <xsl:variable name="prevfoil" select="(preceding::foil|/slides)[last()]"/>
+
+  <xsl:call-template name="write.chunk">
+    <xsl:with-param name="filename" select="concat($base.dir, $thissection)"/>
+    <xsl:with-param name="content">
+      <head>
+        <title><xsl:value-of select="title"/></title>
+        <link type="text/css" rel="stylesheet">
+          <xsl:attribute name="href">
+            <xsl:call-template name="css.stylesheet"/>
+          </xsl:attribute>
+        </link>
+      </head>
+      <body class="section">
+        <xsl:call-template name="body.attributes"/>
+
+        <table border="0" width="100%" summary="Navigation and body table"
+               cellpadding="0" cellspacing="0">
+          <tr>
+            <td>&#160;</td>
+            <td><xsl:apply-templates select="." mode="header"/></td>
+          </tr>
+
+          <tr>
+            <td bgcolor="{$toc.bg.color}" width="{$toc.width}"
+                valign="top" align="left">
+
+              <xsl:call-template name="vertical-navigation">
+                <xsl:with-param name="last" select="$lastfoil"/>
+                <xsl:with-param name="prev" select="$prevfoil"/>
+                <xsl:with-param name="next" select="$nextfoil"/>
+              </xsl:call-template>
+
+            </td>
+            <td bgcolor="{$body.bg.color}" valign="top" align="left">
+              <div class="{name(.)}">
+                <xsl:apply-templates/>
+              </div>
+            </td>
+          </tr>
+
+          <tr>
+            <td>&#160;</td>
+            <td><xsl:apply-templates select="." mode="footer"/></td>
+          </tr>
+        </table>
+      </body>
+    </xsl:with-param>
+  </xsl:call-template>
+
+  <xsl:apply-templates select="foil"/>
+</xsl:template>
+
+<xsl:template match="foil">
+  <xsl:variable name="id">
+    <xsl:call-template name="object.id"/>
+  </xsl:variable>
+
+  <xsl:variable name="section" select="ancestor::section"/>
+
+  <xsl:variable name="thisfoil">
+    <xsl:apply-templates select="." mode="filename"/>
+  </xsl:variable>
+
+  <xsl:variable name="nextfoil" select="(following::foil
+                                        |following::section)[1]"/>
+
+  <xsl:variable name="lastfoil" select="following::foil[last()]"/>
+
+  <xsl:variable name="prevfoil" select="(preceding-sibling::foil[1]
+                                        |parent::section[1]
+                                        |/slides)[last()]"/>
+
+  <xsl:call-template name="write.chunk">
+    <xsl:with-param name="filename" select="concat($base.dir, $thisfoil)"/>
+    <xsl:with-param name="content">
+      <head>
+        <title><xsl:value-of select="title"/></title>
+        <link type="text/css" rel="stylesheet">
+          <xsl:attribute name="href">
+            <xsl:call-template name="css.stylesheet"/>
+          </xsl:attribute>
+        </link>
+      </head>
+      <body class="foil">
+        <xsl:call-template name="body.attributes"/>
+
+        <table border="0" width="100%" summary="Navigation and body table"
+               cellpadding="0" cellspacing="0">
+          <tr>
+            <td>&#160;</td>
+            <td><xsl:apply-templates select="." mode="header"/></td>
+          </tr>
+
+          <tr>
+            <td bgcolor="{$toc.bg.color}" width="{$toc.width}"
+                valign="top" align="left">
+
+              <xsl:call-template name="vertical-navigation">
+                <xsl:with-param name="last" select="$lastfoil"/>
+                <xsl:with-param name="prev" select="$prevfoil"/>
+                <xsl:with-param name="next" select="$nextfoil"/>
+              </xsl:call-template>
+
+            </td>
+            <td bgcolor="{$body.bg.color}" valign="top" align="left">
+              <div class="{name(.)}">
+                <xsl:apply-templates/>
+              </div>
+            </td>
+          </tr>
+
+          <tr>
+            <td>&#160;</td>
+            <td><xsl:apply-templates select="." mode="footer"/></td>
+          </tr>
+        </table>
+      </body>
+    </xsl:with-param>
+  </xsl:call-template>
+</xsl:template>
+
+<!-- ============================================================ -->
+
+<xsl:template match="*" mode="header">
+  <div class="navhead">
+    <table border="0" width="100%" summary="Header table"
+           cellpadding="0" cellspacing="0">
+      <tr>
+        <td align="left">
+          <xsl:apply-templates select="/slides/slidesinfo/copyright"
+                               mode="slide.navigation.mode"/>
+        </td>
+        <td align="right">
+          <xsl:value-of select="count(preceding::foil)
+                                + count(preceding::section)
+                                + count(ancestor::section)
+                                + 1"/>
+        </td>
+      </tr>
+    </table>
+  </div>
+</xsl:template>
+
+<xsl:template match="*" mode="footer">
+  <div class="navfoot">
+    <table border="0" width="100%" summary="Header table"
+           cellpadding="0" cellspacing="0">
+      <tr>
+        <td align="center">
+          <xsl:text>Slide </xsl:text>
+          <xsl:value-of select="count(preceding::foil)
+                                + count(preceding::section)
+                                + count(ancestor::section)
+                                + 1"/>
+          <xsl:text> of </xsl:text>
+          <xsl:value-of select="count(//foil) + count(//section)"/>
+        </td>
+      </tr>
+    </table>
+  </div>
+</xsl:template>
+
+<xsl:template match="slides" mode="footer"/>
+
+<!-- ============================================================ -->
+
+<xsl:template name="vertical-navigation">
+  <xsl:param name="first" select="/slides"/>
+  <xsl:param name="prev"/>
+  <xsl:param name="last"/>
+  <xsl:param name="next"/>
+
+  <div class="vnav">
+    <xsl:choose>
+      <xsl:when test="$first">
+        <a>
+          <xsl:attribute name="href">
+            <xsl:apply-templates select="$first" mode="filename"/>
+          </xsl:attribute>
+          <img border="0" alt="First">
+            <xsl:attribute name="src">
+              <xsl:call-template name="graphics-file">
+                <xsl:with-param name="image" select="$but-rewind.png"/>
+              </xsl:call-template>
+            </xsl:attribute>
+          </img>
+        </a>
+      </xsl:when>
+      <xsl:otherwise>
+        <img>
+          <xsl:attribute name="src">
+            <xsl:call-template name="graphics-file">
+              <xsl:with-param name="image" select="$but-xrewind.png"/>
+            </xsl:call-template>
+          </xsl:attribute>
+        </img>
+      </xsl:otherwise>
+    </xsl:choose>
+    <br/>
+    <xsl:choose>
+      <xsl:when test="$prev">
+        <a>
+          <xsl:attribute name="href">
+            <xsl:apply-templates select="$prev" mode="filename"/>
+          </xsl:attribute>
+          <img border="0" alt="Previous">
+            <xsl:attribute name="src">
+              <xsl:call-template name="graphics-file">
+                <xsl:with-param name="image" select="$but-prev.png"/>
+              </xsl:call-template>
+            </xsl:attribute>
+          </img>
+        </a>
+      </xsl:when>
+      <xsl:otherwise>
+        <img>
+          <xsl:attribute name="src">
+            <xsl:call-template name="graphics-file">
+              <xsl:with-param name="image" select="$but-xprev.png"/>
+            </xsl:call-template>
+          </xsl:attribute>
+        </img>
+      </xsl:otherwise>
+    </xsl:choose>
+    <br/>
+    <xsl:choose>
+      <xsl:when test="$next">
+        <a>
+          <xsl:attribute name="href">
+            <xsl:apply-templates select="$next" mode="filename"/>
+          </xsl:attribute>
+          <img border="0" alt="Last">
+            <xsl:attribute name="src">
+              <xsl:call-template name="graphics-file">
+                <xsl:with-param name="image" select="$but-next.png"/>
+              </xsl:call-template>
+            </xsl:attribute>
+          </img>
+        </a>
+      </xsl:when>
+      <xsl:otherwise>
+        <img>
+          <xsl:attribute name="src">
+            <xsl:call-template name="graphics-file">
+              <xsl:with-param name="image" select="$but-xnext.png"/>
+            </xsl:call-template>
+          </xsl:attribute>
+        </img>
+      </xsl:otherwise>
+    </xsl:choose>
+    <br/>
+    <xsl:choose>
+      <xsl:when test="$last">
+        <a>
+          <xsl:attribute name="href">
+            <xsl:apply-templates select="$last" mode="filename"/>
+          </xsl:attribute>
+          <img border="0" alt="Next">
+            <xsl:attribute name="src">
+              <xsl:call-template name="graphics-file">
+                <xsl:with-param name="image" select="$but-fforward.png"/>
+              </xsl:call-template>
+            </xsl:attribute>
+          </img>
+        </a>
+      </xsl:when>
+      <xsl:otherwise>
+        <img>
+          <xsl:attribute name="src">
+            <xsl:call-template name="graphics-file">
+              <xsl:with-param name="image" select="$but-xfforward.png"/>
+            </xsl:call-template>
+          </xsl:attribute>
+        </img>
+      </xsl:otherwise>
+    </xsl:choose>
+
+    <br/>
+    <br/>
+
+    <a href="{$toc.html}">
+      <img border="0" alt="ToC">
+        <xsl:attribute name="src">
+          <xsl:call-template name="graphics-file">
+            <xsl:with-param name="image" select="$but-info.png"/>
+          </xsl:call-template>
+        </xsl:attribute>
+      </img>
+    </a>
+  </div>
+</xsl:template>
+
+</xsl:stylesheet>
-- 
2.40.0