Feuille de style XSLT pour afficher de manière conviviale les flux RSS du site...

Feuille de style XSLT pour afficher de manière conviviale les flux RSS du site (avec une explication de ce qu'est un flux RSS au début) Intégration à SPIP 3.3 à proposer ;-)

Feuille de style XSLT pour afficher de manière conviviale les flux RSS du site...
faf98b75 · Jacques Pyrat · 9e2441cd · faf98b75 · faf98b75 · faf98b75
--- a/backend-breves.html
+++ b/backend-breves.html
 [(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml
-version="1.0"[ encoding="(#CHARSET)"]?>
+version="1.0"[ encoding="(#CHARSET)"]?>[<?xml-stylesheet title="XSL formatting" type="text/xsl" href="(#CHEMIN{backend.xslt}|url_absolue)" ?>]
 <rss version="2.0" [(#REM) rss 2.0.9)]
 	xmlns:dc="http://purl.org/dc/elements/1.1/"
 	xmlns:content="http://purl.org/rss/1.0/modules/content/"
@@ -9,7 +9,7 @@ version="1.0"[ encoding="(#CHARSET)"]?>
 	<title>[(#NOM_SITE_SPIP|supprimer_tags|texte_backend)]</title>
 	<link>#URL_SITE_SPIP/</link>
-	<description>[(#DESCRIPTIF_SITE_SPIP|texte_backend)]</description>
+	<description>[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)]</description>
 	<language>#LANG</language>
 	<generator>SPIP - www.spip.net</generator>

--- a/backend.html
+++ b/backend.html
 [(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml 
-version="1.0"[ encoding="(#CHARSET)"]?>
+version="1.0"[ encoding="(#CHARSET)"]?>[<?xml-stylesheet title="XSL formatting" type="text/xsl" href="(#CHEMIN{backend.xslt}|url_absolue)" ?>]
 <rss version="2.0" [(#REM) rss 2.0.9)]
 	xmlns:dc="http://purl.org/dc/elements/1.1/"
 	xmlns:content="http://purl.org/rss/1.0/modules/content/"

--- a/backend.xslt
+++ b/backend.xslt
+<?xml version="1.0" encoding="UTF-8"?><xsl:stylesheet version="1.0"
+xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+xmlns:content="http://purl.org/rss/1.0/modules/content/"
+xmlns="http://www.w3.org/1999/xhtml">
+<xsl:output method="html"/>
+<xsl:template match="/">
+<html>
+  <head>
+    <title>S'abonner à / Subscribe to <xsl:value-of select="/rss/channel/title"/></title>
+    <style type="text/css">
+    <![CDATA[
+    body {
+      font: 80% Verdana,Arial,sans-serif;
+      margin: 0;
+      padding: 0;
+      background: #e8e8e8;
+      color: #000;
+    }
+    a { color: #039; }
+    h1, h2 { font-family: Arial,sans-serif; }
+    h1 { font-size: 160%; margin: 0; }
+    h2 { font-size: 140%; font-weight: bold; margin: 0; padding: 0.5em 0 0.2em 0; }
+    h2 a { text-decoration: none; }
+    p { margin: 0 0 0.5em 0; }
+    #page {
+      margin: 0 auto;
+	  max-width: 80em;
+	  border-left: 1px solid #ddd;
+	  border-right: 1px solid #ddd;
+    }
+    #top {
+      background: #036;
+      padding : 1em;
+      color: #fff;
+    }
+    #top a {
+      color: #fff;
+      text-decoration: none;
+    }
+    #what {
+      padding: 1em;
+      background: #eee;
+      border-bottom: 1px solid #ddd;
+      font-size: 80%;
+    }
+    #what p {
+      margin: 0 0 0.5em 0;
+    }
+    #footer {
+      border-top: 1px solid #ddd;
+    }
+    #items {
+      background: #fff;
+      color: inherit;
+	  padding: 1em 2em;
+    }
+    #items div {
+      margin: 0; padding: 0 0 1em 0;
+    }
+    ]]>
+    </style>
+    <script type="text/javascript"><![CDATA[
+    window.onload = function() {
+      document.getElementById('feedurl').value = window.location.href;
+      // Ugly but works ;)
+      var c = document.getElementsByTagName('div');
+      var t = '';
+      for (var i=0; c.length-i != 0; i++) {
+        if (c[i].className == 'item-content') {
+          if (c[i].textContent) {
+            t = c[i].textContent;
+          } else if (c[i].innerText) {
+            t = c[i].innerText;
+          } else {
+            t = '';
+          }
+          if (t) { c[i].innerHTML = t; }
+        }
+      }
+    };
+    ]]></script>
+  </head>
+  <body>
+    <div id="page">
+      <div id="top">
+        <h1><a href="{/rss/channel/link}"><xsl:value-of select="/rss/channel/title"/></a></h1>
+        <p><xsl:value-of select="/rss/channel/description"/></p>
+      </div>
+      <div id="what">
+      <h2>Qu'est-ce qu'un flux RSS ?</h2>
+      <p>Un flux RSS est un résumé automatique et gratuit des actualités dun site. Il fournit le contenu ou un extrait du contenu, accompagné de liens vers le contenu complet. Les dernières actualités publiées peuvent être lues dans votre <a href="https://fr.wikipedia.org/wiki/Agr%C3%A9gateur">agrégateur RSS</a> de prédilection.</p>
+      <h2 lang="en">What is an RSS feed?</h2>
+      <p lang="en">RSS feed is a free blog summary. It provides content (either posts or comments) or summaries of content, together with links to the full versions, and other metadata. The last published items may then be read by your favorite RSS <a href="http://en.wikipedia.org/wiki/Aggregator">aggregator</a>.</p>
+      <h2 lang="fr">S'abonner / <span lang="en">Subscribe</span></h2>
+      <p lang="fr">Copiez l'URL suivante dans votre agrégateur / <span lang="en">Simply copy the following URL into your aggregator</span></p>
+      <p><input type="text" size="60" value="" id="feedurl" /></p>
+      </div>
+      <div id="items">
+        <xsl:apply-templates select="//item"/>
+      </div>
+      <div id="footer">
+        <p><xsl:value-of select="/rss/channel/copyright"/></p>
+      </div>
+    </div>
+  </body>
+</html>
+</xsl:template>
+<!-- Item template -->
+<xsl:template match="item">
+  <div>
+    <h2><a href="{link}"><xsl:value-of select="title"/></a></h2>
+    <div class="item-content"><xsl:value-of select="description" /></div>
+  </div>
+</xsl:template>
+</xsl:stylesheet>
--- a/backendagenda.html
+++ b/backendagenda.html
 [(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml 
-version="1.0"[ encoding="(#CHARSET)"]?>
+version="1.0"[ encoding="(#CHARSET)"]?>[<?xml-stylesheet title="XSL formatting" type="text/xsl" href="(#CHEMIN{backend.xslt}|url_absolue)" ?>]
 <rss version="2.0" [(#REM) rss 2.0.9)]
 	xmlns:dc="http://purl.org/dc/elements/1.1/"
 	xmlns:ev="http://purl.org/rss/1.0/modules/event/"