[cairo-commit] cairo-demo/cairo_snippets/html cairo_snippets.css, NONE, 1.1 footer.html_template, NONE, 1.1 header.html_template, NONE, 1.1 index.html_template, NONE, 1.1

Tue Feb 1 14:58:11 PST 2005

Committed by: krh

Update of /cvs/cairo/cairo-demo/cairo_snippets/html
In directory gabe:/tmp/cvs-serv9689/html

Added Files:
	cairo_snippets.css footer.html_template header.html_template 
	index.html_template 
Log Message:
2005-02-01  Kristian HÃ¸gsberg  <krh at redhat.com>

        * autotool this thing, move *.cairo into snippets/ and webpage
        related files into html/.

--- NEW FILE: cairo_snippets.css ---
#snippets       { position: relative;}

#snippet        { padding-left: 10pt;}
#snippet_title :link { text-decoration:none}
#snippet_title :visited { text-decoration:none}
#snippet_image  { top: 10pt; float:right; padding-right:10pt;}

#snippet_page_title :link { text-decoration:none}
#snippet_page_title :visited { text-decoration:none}
#snippet_page_title  { position:relative; }

#snippet_title  { position:relative; left: 40pt; font-size: 20pt; }
#snippet_source { position:relative; left: 40pt; top: 8pt; font-size: 10pt;}

#snippet_list   { float: left; width: 15%; height: 100%; z-index: 5; margin-right: 10pt; padding-left: 0pt;}
#snippet_list_entry   { position: relative; font-size: 9pt;  width: 100%; }
#snippet_list_entry_selected   { position: relative; font-size: 9pt;  width: 100%; background-color: #244;}

#snippet_list_entry :link {text-decoration: none}
#snippet_list_entry :visited {text-decoration: none}

#snippet_list_entry_selected :link {text-decoration: none;     color: #fff;}
#snippet_list_entry_selected :visited {text-decoration: none;  color: #fff;}

#snippet_next   { position: fixed; left: 65pt; padding-left: 8pt; padding-right: 8pt; 
                  padding-top: 2pt;
                  padding-bottom: 2pt;
                  top:  10pt;  background-color: #fff; border: 1pt solid #000;}
#snippet_prev   { position: fixed; left: 20pt; padding-left: 8pt; padding-right: 8pt; top: 10pt;   background-color: #fff; border: 1pt solid #000;
                  padding-top: 2pt;
                  padding-bottom: 2pt;
}

#main { width: 95%; margin: 0pt auto; }
#logo { text-align: center; margin-bottom: 10px; }
#nav1 { 
	font-family: Bitstream Vera Sans, sans-serif;
	text-align: center;
	word-spacing: 4pt;
	background-color: #ffffff;
	color: #3B80AE;
	border: 0pt solid #bababa;
	font-size: 15pt;
	padding: 0pt;
}
#nav1 :link { color: #3B80AE; }
#nav1 :visited { color: #3B80AE; }
#nav2 { 
	font-family: Bitstream Vera Sans, sans-serif;
	text-align: center;
	word-spacing: 4pt;
	color: #3B80AE;
	background-color: #ffffff;
	border: 0pt solid #bababa;
	font-size: 10pt;
	padding: 0pt; 
	margin-top: 8pt;
	margin-bottom: 8pt; 
}
#nav2 :link { color: #3B80AE; }
#nav2 :visited { color: #3B80AE; }
#bottom {
	font-family: Bitstream Vera Sans, sans-serif;
	text-align: center;
	background-color: #ffffff;
	color: #3B80AE;
	border: 0pt solid #bababa;
	font-size: 7pt;
	padding: 0pt;
	margin-top: 0pt;
	vertical-align: middle;
}
#bottom :link { color: #3B80AE; }
#bottom :visited { color: #3B80AE; }
hr { border: 1pt solid #333; margin: 2pt; }
body { background-color: #fff; }
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h3 *, h5 *, h6 * {
	font-family: Bitstream Vera Sans, sans-serif;
	color: #2b5e82;
}
#register { text-align: right; }
#path { text-align: left; }
a:link {
  color: #2b5e82;
}
a:visited {
  color: #000;
}

--- NEW FILE: footer.html_template ---
    </div><p />
    <a name='PageBottom'></a>
    <br clear='all'/>
    <center>
            <a href='http://cairographics.org/cairo/glider-blue.svg'
                    ><img border='0' src='http://cairographics.org/cairo/glider-blue.png'>
            </a>
    </center>
</html>

--- NEW FILE: header.html_template ---
<html>
        <head><title>cairo: snippets</title>
                <style type='text/css'>
     @import url(http://cairographics.org/styles.css);
     @import url(cairo_snippets.css);
  </style>
  <body>
    <a name='PageTop'></a>
    <div id='main'>
      <div id='logo'><a href='http://cairographics.org/'><img border='0' src='http://cairographics.org/cairo/cairo_banner.png' alt='cairographics.org'/></a></div>

      <div id='snippet_page_title'><h1><a href='index.html'>cairo samples</a></h1></div>

--- NEW FILE: index.html_template ---
<p>
   This page contains samples of cairo's rendered output and the
    code snippets used to create them.
</p>

The user space is the unit square ( (0,0) - (1, 1) ),
 this user space is initialized byt the snippet_normalize function,
 which also sets a line_width of 0.04.
 The snippets are meant to be short, and easy to understand

<a href='http://cvs.cairographics.org/cairo-demo/cairo_snippets/'>cairo_snippets</a>,
 part of the cairo-demo module in cairo CVS, is used to create these webpages,
 cairo_snippets serves as a testbed for the rendered output of various cairo backends,
 the images rendered on these webpages uses the cairo_snippets_png program, which is
 backend by the software image backend.

The snippet enviroment, and the original snippets were originally 
 created by &Oslash;yvind Kol&aring;s for a paper submitted
 to <a href='http://2004.guadec.org/'>GUADEC 2004</a>.

All snippet code is considered to be part of the public domain,
 since it is instructional material.

<p>
  A page with <a href='snippets.html'>all snippets</a> is also available
</p>