Using a line of script to display Taizé website updates on your site

(version 1 February 2007)
<script type="text/javascript" src="http://www.taize.fr/tz_updates.php?lang=en"></script>

1 Place the line of script above in the <body> section of your HTML page.
to get the list of the most recently updated pages (in English) from the Taizé website.

2 Use language codes to get the updates list in the appropriate language.
For example,
  src="http://www.taize.fr/tz_updates.php?lang=es" — for updates in the Spanish section
  src="http://www.taize.fr/tz_updates.php?lang=fr" — for updates in French, etc.

  src="http://www.taize.fr/tz_updates.php" (with no language variable)
gives the most recent updates, without regard to language.

3 By default the 6 most recent articles are listed. However you can change the number of articles by using the variable items. For example,
  src="http://www.taize.fr/tz_updates.php?lang=es&amp;items=3" — will show just the 3 most recent articles in Spanish. (The list will never contain articles more than 5 months old.)

4 The list uses the UTF-8 character set, and we recommend using a page with UTF-8 for displaying it.
If your site uses a different encoding, you can try adding the charset encoding in this way:

    src="http://www.taize.fr/tz_updates.php?lang=fr&amp;enc=iso-8859-1"
    src="http://www.taize.fr/tz_updates.php?lang=pl&amp;enc=iso-8859-2"

which should give updates in French in ISO-8859-1 encoding and in Polish in ISO-8859-2 respectively.
Other charsets may also work. But results using "enc=..." are not guaranteed (it really is better to use UTF-8).

5 The script uses a <div class="taize"> to display the list.
Use lines such as these below (in your HTML, or in a stylesheet) to change the appearance of the list.

<style type="text/css">
<!--
.taize {
font-family: Arial, Helvetica, sans-serif;
}
div.taize {
margin: 5px;
padding: 0px;
width: 220px;
}
.taize h3 {
margin: 0 0 .5em 0;
font-weight: bold;
font-size: 80%;
}
.taize ul {
margin: 0 0 0 0;
padding: 0;
font-weight: normal;
font-size: 75%;
list-style-type: none;
}
.taize li {
margin: 0 0 .7em 0;
padding: 0;
}
.taize a {
color: #990000;
text-decoration: none;
}
.taize a:hover {
color: #FF9900;
text-decoration: none;
}
-->
</style>

6 Here's an example, using these styles.
(Will obviously work only if you are connected to the internet.)