fnp / librarian.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Add swappable CSS for HTML previews.
[librarian.git] / librarian / xslt / book2html.xslt
diff --git a/librarian/xslt/book2html.xslt b/librarian/xslt/book2html.xslt
index 1704953..3b094ac 100644 (file)
--- a/librarian/xslt/book2html.xslt
+++ b/librarian/xslt/book2html.xslt
@@ -19,10 +19,17 @@
                 <title>Książka z serwisu WolneLektury.pl</title>
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
                 <title>Książka z serwisu WolneLektury.pl</title>
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-               <link href="https://static.wolnelektury.pl/css/compressed/book_text.css" rel="stylesheet" type="text/css" />
+               <link rel="stylesheet" type="text/css">
+                       <xsl:attribute name="href">
+                               <xsl:value-of select="$css" />
+                       </xsl:attribute>
+               </link>
            </head>
             <body>
            </head>
             <body>
-                <xsl:call-template name="book-text" />
+              <xsl:call-template name="book-text" />
+
+             <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+             <script src="http://malsup.github.io/min/jquery.cycle2.min.js"></script>
             </body>
             </html>
         </xsl:when>
             </body>
             </html>
         </xsl:when>
@@ -139,6 +146,12 @@
     </img>
 </xsl:template>
 
     </img>
 </xsl:template>
 
+<xsl:template match="animacja">
+  <div class="animacja cycle-slideshow" data-cycle-pause-on-hover="true" data-cycle-next="> img" data-cycle-fx="fadeout" data-cycle-paused="true">
+    <xsl:apply-templates/>
+  </div>
+</xsl:template>
+
 
 <!-- ========================================== -->
 <!-- = PARAGRAPH TAGS                         = -->
 
 <!-- ========================================== -->
 <!-- = PARAGRAPH TAGS                         = -->
@@ -235,7 +248,7 @@
 <xsl:template name="verse">
     <xsl:param name="verse-content" />
     <xsl:param name="verse-type" />
 <xsl:template name="verse">
     <xsl:param name="verse-content" />
     <xsl:param name="verse-type" />
-    <p class="verse">
+    <div class="verse">
         <xsl:choose>
             <xsl:when test="name($verse-type) = 'wers_akap'">
                 <xsl:attribute name="style">padding-left: 1em</xsl:attribute>
         <xsl:choose>
             <xsl:when test="name($verse-type) = 'wers_akap'">
                 <xsl:attribute name="style">padding-left: 1em</xsl:attribute>
@@ -258,7 +271,7 @@
             </xsl:when>
         </xsl:choose>
         <xsl:apply-templates select="$verse-content" mode="inline" />
             </xsl:when>
         </xsl:choose>
         <xsl:apply-templates select="$verse-content" mode="inline" />
-    </p>
+    </div>
 </xsl:template>
 
 <xsl:template match="motto_podpis">
 </xsl:template>
 
 <xsl:template match="motto_podpis">