PlanetWebKit/templates/index.html.tmpl

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3
   4 ### Fancy Planet HTML template.
   5 ###
   6 ### When combined with the stylesheet and images in the output/ directory
   7 ### of the Planet source, this gives you a much prettier result than the
   8 ### default examples template and demonstrates how to use the config file
   9 ### to support things like faces
  10 ###
  11 ### For documentation on the more boring template elements, see
  12 ### examples/config.ini and examples/index.html.tmpl in the Planet source.
  13
  14 <head>
  15 <title><TMPL_VAR name></title>
  16 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  17 <meta name="generator" content="<TMPL_VAR generator ESCAPE="HTML">">
  18 <link rel="stylesheet" href="planetwebkit.css" type="text/css">
  19 <TMPL_IF feedtype>
  20 <link rel="alternate" href="<TMPL_VAR feed ESCAPE="HTML">" title="<TMPL_VAR channel_title_plain ESCAPE="HTML">" type="application/<TMPL_VAR feedtype>+xml">
  21 </TMPL_IF>
  22 </head>
  23
  24 <body>
  25 <div id="icon"></div>
  26 <div id="wrapper">
  27
  28 <TMPL_LOOP Items>
  29 <TMPL_IF new_date>
  30 <TMPL_UNLESS __FIRST__>
  31 ### End <div class="channelgroup">
  32 </div>
  33 ### End <div class="daygroup">
  34 </div>
  35 </TMPL_UNLESS>
  36 <div class="daygroup">
  37 <h2><TMPL_VAR new_date></h2>
  38 </TMPL_IF>
  39
  40 <TMPL_IF new_channel>
  41 <TMPL_UNLESS new_date>
  42 ### End <div class="channelgroup">
  43 </div>
  44 </TMPL_UNLESS>
  45 <div class="channelgroup">
  46
  47 ### Planet provides template variables for *all* configuration options for
  48 ### the channel (and defaults), even if it doesn't know about them.  We
  49 ### exploit this here to add hackergotchi faces to our channels.  Planet
  50 ### doesn't know about the "face", "facewidth" and "faceheight" configuration
  51 ### variables, but makes them available to us anyway.
  52
  53 <TMPL_IF channel_face>
  54 <img class="face" src="images/<TMPL_VAR channel_face ESCAPE="HTML">" width="<TMPL_VAR channel_facewidth ESCAPE="HTML">" height="<TMPL_VAR channel_faceheight ESCAPE="HTML">" alt="">
  55 </TMPL_IF>
  56 </TMPL_IF>
  57
  58
  59 <div class="entrygroup" id="<TMPL_VAR id>"<TMPL_IF channel_language> lang="<TMPL_VAR channel_language>"</TMPL_IF>>
  60 <TMPL_IF title>
  61 <h3<TMPL_IF title_language> lang="<TMPL_VAR title_language>"</TMPL_IF>><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR title></a></h3>
  62 <h4><a href="<TMPL_VAR channel_link ESCAPE="HTML">" title="<TMPL_VAR channel_title_plain ESCAPE="HTML">"><TMPL_VAR channel_name></a></h4>
  63 </TMPL_IF>
  64 <div class="entry">
  65 <div class="content"<TMPL_IF content_language> lang="<TMPL_VAR content_language>"</TMPL_IF>>
  66 <TMPL_VAR content>
  67 </div>
  68
  69 ### Planet also makes available all of the information from the feed
  70 ### that it can.  Use the 'planet-cache' tool on the cache file for
  71 ### a particular feed to find out what additional keys it supports.
  72 ### Comment extra fields are 'author' and 'category' which we
  73 ### demonstrate below.
  74
  75 <p class="date">
  76 <a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_IF author>By <TMPL_VAR author> at </TMPL_IF><TMPL_VAR date><TMPL_IF category> under <TMPL_VAR category></TMPL_IF></a>
  77 </p>
  78 </div>
  79 </div>
  80
  81 <TMPL_IF __LAST__>
  82 ### End <div class="channelgroup">
  83 </div>
  84 ### End <div class="daygroup">
  85 </div>
  86 </TMPL_IF>
  87 </TMPL_LOOP>
  88 </div>
  89
  90
  91 <div class="sidebar">
  92 <h1><TMPL_VAR name></h1>
  93 <h2>Subscriptions</h2>
  94 <ul>
  95 <TMPL_LOOP Channels>
  96 <li>
  97 <a href="<TMPL_VAR url ESCAPE="HTML">" title="subscribe"><img src="images/feed-icon-10x10.png" alt="(feed)"></a> <a <TMPL_IF link>href="<TMPL_VAR link ESCAPE="HTML">" </TMPL_IF><TMPL_IF message>class="message" title="<TMPL_VAR message ESCAPE="HTML">"</TMPL_IF><TMPL_UNLESS message>title="<TMPL_VAR title_plain ESCAPE="HTML">"</TMPL_UNLESS>><TMPL_VAR name></a>
  98 </li>
  99 </TMPL_LOOP>
 100 </ul>
 101
 102 <p>
 103 <strong>Last updated:</strong><br>
 104 <small><TMPL_VAR date></small><br>
 105 <small><em>All times are UTC.</em></small><br>
 106 <br>
 107 Powered by:<br>
 108 <a href="http://www.planetplanet.org/"><img src="images/planet.png" width="80" height="15" alt="Planet" border="0"></a>
 109 </p>
 110
 111 </div>
 112 </body>
 113
 114 </html>