<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:output method="html"/>

  <xsl:template match="channel">
    <xsl:variable name="nombre"><xsl:value-of select="title"/></xsl:variable>
    <xsl:variable name="url"><xsl:value-of select="link"/></xsl:variable>

    <html>
      <head>
				<title>Feed RSS2 de <xsl:value-of select="title"/></title>
        <link rel="stylesheet" type="text/css" href="/wp-content/themes/fscreenmg/style.css" />
      </head>
      <body>
        <div id="container">
          <a href="http://mundogeek.net" title="Inicio"><div id="header" /></a>
      	
          <div id="maincol">
            <div class="col">
              <div id="wrap">
                <big>Estás viendo el <em>feed</em> en formato RSS2 de <a href="{$url}" title="{$nombre}"><xsl:value-of select="title"/></a>.</big><br/>
                    
                <ol>
                  <li>
                    <h2>¿Qué es un feed?</h2>
                    Un feed es un simple archivo de texto con un formato estandarizado que contiene una lista de las últimas entradas añadidas a un sitio web.<br/><br/>
                                        
                    Añadiendo los feeds de tus sitios favoritos a un programa destinado a leerlos puedes permanecer informado de las nuevas entradas o comentarios sin tener que visitar página por página cada minuto.
                  </li>
                    
                  <li>
                    <h2>¿Cómo puedo leer un feed?</h2>
                    Los programas utilizados para leer feeds se denominan <em>agregadores de feeds</em> y el proceso de añadir un feed al agregador, <em>sindicación</em>.<br/><br/>
                    
                    Algunos agregadores populares son <a href="http://www.curiostudio.com/" title="GreatNews">GreatNews</a> (Windows), <a href="http://ranchero.com/netnewswire/" title="NetNewsWire">NetNewsWire</a> (Mac OS X) o <a href="http://www.bloglines.com/" title="Bloglines">Bloglines</a>, siendo este último una aplicación web, por lo que podremos acceder a nuestros feeds desde cualquier computadora simplemente teniendo disponible un navegador.
                  </li>

                  <li>
                    <h2>Quiero <em>sindicar</em> este <em>feed</em></h2>
                    Nada más fácil. Para hacer el proceso lo más sencillo posible hemos creado los siguientes botones para sindicar este feed mediante el programa que hayas elegido. Instala el programa, o crea una nueva cuenta en caso de que se trate de una aplicación web, y pulsa sobre el botón correspondiente.<br/><br/>
                    
                    <ul style="list-style:none;">
                      <li>
                        <a href="http://www.bloglines.com/sub/mundogeek.net/wp-rss2.php" title="Sindicar en Bloglines">
                          <img src="http://mundogeek.net/bloglines.png" alt="Sindicar en Bloglines" />
                          Sindicar en Bloglines
                        </a>
                      </li>
                      <li>
                        <a href="feed://http://mundogeek.net/wp-rss2.php" title="Sindicar en una aplicación de escritorio">
                          <img src="http://mundogeek.net/escritorio.png" alt="Sindicar en una aplicación de escritorio"/>
                          Sindicar en una aplicación de escritorio
                        </a>
                      </li>
                    </ul>
                  </li>
                  
                  <li>
                    <h2>¿Qué otros sitios ofrecen feeds?</h2>
                    Todas las bitácoras o weblogs lo hacen. También algunos sitios de noticias o periódicos electrónicos. A continuación tienes una lista de algunos feeds interesantes con los que comenzar.
                 
                    <table>
                      <tr>
                        <td>
                          <ul>
                            <li>
                              <a href="http://mundogeek.net" title="Mundo geek" style="padding-right:1em">Mundo geek</a>
                            </li>
                          </ul>
                        </td>
                        <td>
                          <img src="http://mundogeek.net/wp-content/themes/fscreenmg/images/feed.png" />
                          http://mundogeek.net/feed
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <ul>
                            <li>
                              <a href="http://barrapunto.com" title="Barrapunto" style="padding-right:1em">Barrapunto</a>
                            </li>
                          </ul>
                        </td>
                        <td>
                          <img src="http://mundogeek.net/wp-content/themes/fscreenmg/images/feed.png" />
                          http://backends.barrapunto.com/barrapunto.rdf
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <ul>
                            <li>
                              <a href="http://elpais.es" title="El País" style="padding-right:1em">El País</a>
                            </li>
                          </ul>
                        </td>
                        <td>
                          <img src="http://mundogeek.net/wp-content/themes/fscreenmg/images/feed.png" />
                          http://www.elpais.es/rss/feed.html?feedId=1000
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <ul>
                            <li>
                              <a href="http://www.kriptopolis.org" title="Kriptópolis" style="padding-right:1em">Kriptópolis</a>
                            </li>
                          </ul>
                        </td>
                        <td>
                          <img src="http://mundogeek.net/wp-content/themes/fscreenmg/images/feed.png" />
                          http://www.kriptopolis.org/rss
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <ul>
                            <li>
                              <a href="http://www.bandaancha.st" title="BandaAncha" style="padding-right:1em">BandaAncha</a>
                            </li>
                          </ul>
                        </td>
                        <td>
                          <img src="http://mundogeek.net/wp-content/themes/fscreenmg/images/feed.png" />
                          http://www.bandaancha.st/rss.xml
                        </td>
                      </tr>
                    </table>
                    
                    Para añadir estos feeds a tu agregador busca una opción llamada "Agregar", "Subscribir", "Sindicar" o algún término similar y cuando te lo pidan introduce la URL del feed correspondiente (la URL <strong>del feed</strong>, no del sitio web).
                    
                  </li>                  
                  
                </ol>
                
                <br /><hr /><br />
                  
                <h2>Contenido del feed</h2>
                <small>Actualizado el <xsl:value-of select="pubDate"/></small>
                <ul><xsl:apply-templates select="item"/></ul>
              </div>
            </div>
          </div>
        </div>
      </body>
    </html>
  </xsl:template>
  
  <xsl:template match="item">
    <xsl:variable name="titulo"><xsl:value-of select="title"/></xsl:variable>
    <xsl:variable name="permalink"><xsl:value-of select="link"/></xsl:variable>
    <li>
      <h3 class="entrytitle"><a href="{$permalink}" title="{$titulo}"><xsl:value-of select="title"/></a></h3>
      <small><xsl:value-of select="pubDate"/></small><br />
      <xsl:value-of select="description"/>
    </li>
  
  </xsl:template>
  
  
  
  <xsl:template match="text()">
    <xsl:value-of select="."/>
  </xsl:template>

  
  
  
  
  
  
</xsl:stylesheet>