Slidy template for W3C Blue2 Style

Dave Raggett, <>

W3C as letters on 3 plastic buttons from a keyboard

Event, Location, Month Year

W3C Blue2 Style I - Document Structure

To get the W3C Blue2 Style:

The xhtml file should match the following template, but please modify the content of the title element as appropriate for your presentation. The relative links below assume that your presentation is in a directory like /2005/Talks/your-slide-dir and should be modified as needed, or you can use absolute links, as generated by comma slidy.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slidy template for W3C Meetings</title>
<meta name="copyright" content="Copyright &#169; 2005 W3C (MIT, ERCIM, Keio)" />
<link rel="stylesheet" href="../Slidy/w3c-blue2.css" type="text/css"
media="screen, projection, print" />
<script src="../Slidy/slidy.js" type="text/javascript">
  ... background, cover slide ...
  <div class="slide">
    ... slide content ...
  ... other slides ...

W3C Blue2 Style II - Background and Cover

To get the slide background and cover page:

The body element's content should start with the following markup, but please modify the heading and contact details as appropriate:

<div class="background">
  <div class="header"> </div>
  <img src="../Slidy/bullet.png" alt="hidden bullet" />
  <div class="footer">
    <object id="w3c-logo"
    data="../Slidy/w3c-logo-blue.svg" type="image/svg+xml"
    title="W3C logo"><a href=""><img
    alt="W3C logo" id="w3c-logo-fallback"
    src="../Slidy/w3c-logo-blue.gif" /></a></object>
    <!-- modify the following text as appropriate -->
    Presentation Name<br />
    Event, Location, Month Year

<div class="slide cover">
  <div class="header">
    <h1>Slidy template for W3C Blue2 Style</h1>
    <p><a href="">Dave Raggett</a>,
    &lt;<a href=""></a>&gt;</p>
  <img src="../Slidy/keys.jpg" class="cover"
  alt="W3C as letters on 3 plastic buttons from a keyboard" />

Further information

Using SVG for great looking graphics