Calendar List Sample

Want to mess around with the college calendar and feeds?
Here are some sample files to get you started.

The Feed

http://apps.cehd.umn.edu/events/admin/RSSFeed.aspx?&x=20&r=3&q=6&t=170

The XSLT

<xsl:stylesheet version="1.0">
<xsl:output method="html" omit-xml-declaration="yes"/>
<xsl:template match="/rss/channel">
<ul><!-- LOOK! AN ELEMENT BEFORE THE ITEMS START! --><xsl:for-each select="item"
<xsl:variable name="NumberOfItems" select="6"/><!-- Oooo SETTING A VARIABLE --
<xsl:if test="position() <= $NumberOfItems"><!-- Shut Up! Restricting the number of items! -->
<li><!-- Setting an li for each item -->
<strong><xsl:value-of select="dateFull" disable-output-escaping="yes"/></strong
<br/>
<a><xsl:attribute name="href"><xsl:value-of select="link"/></xsl:attribute>
<!-- Whew! All that stuff above just to make a link! -->
<xsl:value-of select="title" disable-output-escaping="yes"/>
<!-- The text to be linked -->
</a><!-- Ending the link -->
</li><!-- Ending the li -->
</xsl:if><!-- Ending the if that tests for number of items -->
</xsl:for-each><!-- Ending the routine now that it is done -->
</ul><!-- Ending the list -->
</xsl:template>
</xsl:stylesheet>

The CSS

/*	College of Education and Human Development
	CSS for XSLT Examples
	Authors: Jeff Abuzzahab
	Created: 2009-10-06
	Updated: 2009-10-07 */

body {
	background-color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;

}

h1 {font:bold 175%/100% Calibri, Arial, sans-serif;color:#3d873b;margin-top:20px;}
h2 {font:bold 145%/100% Calibri, Arial, sans-serif;color:#434087;margin-top:20px;}
h3 {font:bold 110%/100% Calibri, Arial, sans-serif;color:#434087;margin-top:20px;}
h4 {font:bold 105%/100% Calibri, Arial, sans-serif;color:#434087;margin-top:20px;}
h5 {font:bold 100%/100% Calibri, Arial, sans-serif;color:#434087;}
h6 {font:bold 100%/100% Calibri, Arial, sans-serif;color:#434087;}

a {color:#434087;}

div#calendar {
	padding:0 0 20px 0;
	margin:0 0 10px 0;
	width: 400px;
	border-bottom:3px gray dotted;
}

div#calendar ul {
	margin:10px 25px;
	padding:0;
}

div#calendar ul li {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}

div#calendar h3 {
	margin:10px 0 0 6px;
}

div#calendar p {
	padding:0;
	margin:2px 10px;
	line-height:1.2em;
}

/*div#calendar strong {
	color:#666;
}*/