[cairo-commit] cairo-demo/cairo_snippets cairo_snippets.css, NONE, 1.1 Makefile, 1.8, 1.9 cairo_snippets_html.c, 1.4, 1.5 footer.html_template, 1.1, 1.2 header.html_template, 1.1, 1.2

OEyvind Kolaas commit at pdx.freedesktop.org
Fri May 21 09:09:44 PDT 2004


Committed by: pippin

Update of /cvs/cairo/cairo-demo/cairo_snippets
In directory pdx:/tmp/cvs-serv20662

Modified Files:
	Makefile cairo_snippets_html.c footer.html_template 
	header.html_template 
Added Files:
	cairo_snippets.css 
Log Message:
css2'ified the snippets webpage,. not quite content with the results yet


--- 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_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;
}

Index: Makefile
===================================================================
RCS file: /cvs/cairo/cairo-demo/cairo_snippets/Makefile,v
retrieving revision 1.8
retrieving revision 1.9
diff -C2 -d -r1.8 -r1.9
*** a/Makefile	20 May 2004 14:33:23 -0000	1.8
--- b/Makefile	21 May 2004 16:09:41 -0000	1.9
***************
*** 57,61 ****
  
  scp: html
! 	scp *.png *.html freedesktop.org:/home/www/cairo/samples/
  
  pngs: cairo_snippets_png
--- 57,61 ----
  
  scp: html
! 	scp *.png *.html *.css freedesktop.org:/home/www/cairo/samples/
  
  pngs: cairo_snippets_png

Index: cairo_snippets_html.c
===================================================================
RCS file: /cvs/cairo/cairo-demo/cairo_snippets/cairo_snippets_html.c,v
retrieving revision 1.4
retrieving revision 1.5
diff -C2 -d -r1.4 -r1.5
*** a/cairo_snippets_html.c	20 May 2004 15:17:34 -0000	1.4
--- b/cairo_snippets_html.c	21 May 2004 16:09:41 -0000	1.5
***************
*** 33,52 ****
  {
      int i;
!     fprintf (file, "<p>\n");
  
!     if (active==-1)
         fprintf (file, "all&nbsp;&lt;---<br />\n");
      else
         fprintf (file, "<a href='snippets.html'>all</a><br />\n");
! 
      for (i=0;i<snippet_count;i++) {
          if (i==active)
!            fprintf (file, "%s&nbsp;&lt;---<br />\n", snippet_name[i]);
          else
!            fprintf (file, "<a href='%s.html'>%s</a><br />\n",
                          snippet_name[i], snippet_name[i]);
      }
  
!     fprintf (file, "</p>\n");
  }
  
--- 33,52 ----
  {
      int i;
!     fprintf (file, "<div id='snippet_list'>\n");
  
! /*    if (active==-1)
         fprintf (file, "all&nbsp;&lt;---<br />\n");
      else
         fprintf (file, "<a href='snippets.html'>all</a><br />\n");
! */
      for (i=0;i<snippet_count;i++) {
          if (i==active)
!            fprintf (file, "<div id='snippet_list_entry_selected'><a href='%s.html'>&nbsp;%s\n</a></div>", snippet_name[i], snippet_name[i]);
          else
!            fprintf (file, "<div id='snippet_list_entry'><a href='%s.html'>&nbsp;%s</a>\n</div>",
                          snippet_name[i], snippet_name[i]);
      }
  
!     fprintf (file, "</div>\n");
  }
  
***************
*** 70,76 ****
  
      embed_file (file, "header.html_template");
-     index (file, -1);
      fprintf (file, "<table>\n");
  
      for (i=0;i<snippet_count;i++) {
              const char *name=snippet_name[i];
--- 70,76 ----
  
      embed_file (file, "header.html_template");
      fprintf (file, "<table>\n");
  
+     fprintf (file, "<div id='snippets'>");
      for (i=0;i<snippet_count;i++) {
              const char *name=snippet_name[i];
***************
*** 79,89 ****
              const char *c=&snippet_source[i][0];
  
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "       <td colspan='2'>\n");
!             fprintf (file, "         <h3><a href='%s.html'><b>%s</b></a><a name='%s'></a></h3>\n", name,name,name);
!             fprintf (file, "       </td>\n");
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "       <td><pre>\n");
  
              while (*c){
--- 79,86 ----
              const char *c=&snippet_source[i][0];
  
!             fprintf (file, "<div id='snippet'>\n");
!             fprintf (file, "<div id='snippet_title'><a href='%s.html'><b>%s</b></a><a name='%s'></a></div>\n", name,name,name);
!             fprintf (file, "<div id='snippet_image'><img src='%s.png'/></div>\n", name);
!             fprintf (file, "<div id='snippet_source'><pre>");
  
              while (*c){
***************
*** 104,115 ****
              }
  
!             fprintf (file, "       </pre></td>\n");
!             fprintf (file, "       <td>\n");
!             fprintf (file, "         <img src='%s.png'/>\n", name);
!             fprintf (file, "       </td>\n");
!             fprintf (file, "    </tr>\n");
!             fprintf (file, "    <tr><td>&nbsp;</td></tr>\n");
      }
!     fprintf (file, "</table>");
      embed_file (file, "footer.html_template");
      fclose (file);
--- 101,108 ----
              }
  
!             fprintf (file, "       </pre></div>\n");
!             fprintf (file, "</div><br clear='all'/>\n");
      }
!     fprintf (file, "</div>");
      embed_file (file, "footer.html_template");
      fclose (file);
***************
*** 128,136 ****
  
      embed_file (file, "header.html_template");
! 
!     fprintf (file, "<table width='100%'><td valign='top'><p>");
! 
!     fprintf (file, "<table>\n");
! 
      {
              FILE *srcfile;
--- 121,134 ----
  
      embed_file (file, "header.html_template");
!     index (file, snippet_no);
!             if (snippet_no>0) {
!                     fprintf (file, "<div id='snippet_prev'><a href='%s.html'>prev</a></div>\n",
!                                     snippet_name [snippet_no-1]);
!             }
!             if (snippet_no+1<snippet_count) {
!                     fprintf (file, "<div id='snippet_next'><a href='%s.html'>next</a></div>\n",
!                                     snippet_name [snippet_no+1]);
!             }
!  
      {
              FILE *srcfile;
***************
*** 138,149 ****
              const char *c=&snippet_source[snippet_no][0];
  
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "       <td colspan='2'>\n");
!             fprintf (file, "         <h3><a href='snippets.html#%s'><b>%s</b></h3>\n", name,name);
!             fprintf (file, "       </td>\n");
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "    <tr>\n");
!             fprintf (file, "       <td><pre>\n");
! 
              while (*c){
                      switch (*c){
--- 136,143 ----
              const char *c=&snippet_source[snippet_no][0];
  
!             fprintf (file, "<div id='snippet'>\n");
!             /*fprintf (file, "<div id='snippet_title'><a href='snippets.html#%s'><b>%s</b></a></div>\n", name,name);*/
!             fprintf (file, "<div id='snippet_image'><img src='%s.png'/></div>\n", name);
!             fprintf (file, "<div id='snippet_source'><pre>");
              while (*c){
                      switch (*c){
***************
*** 162,178 ****
                      c++;
              }
  
!             fprintf (file, "       </pre></td>\n");
!             fprintf (file, "       <td>\n");
!             fprintf (file, "         <img src='%s.png'/>\n", name);
!             fprintf (file, "       </td>\n");
!             fprintf (file, "    </tr>\n");
!             fprintf (file, "    <tr><td>&nbsp;</td></tr>\n");
!     }
!     fprintf (file, "</table></td>");
!     fprintf (file, "<td valign='top'>\n"); 
!     index (file, snippet_no);
!     fprintf (file, "</td></table>");
  
  
      embed_file (file, "footer.html_template");
--- 156,164 ----
                      c++;
              }
+             fprintf (file, "</pre></div>\n");
  
!             fprintf (file, "</div>\n");
  
+    }
  
      embed_file (file, "footer.html_template");

Index: footer.html_template
===================================================================
RCS file: /cvs/cairo/cairo-demo/cairo_snippets/footer.html_template,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** a/footer.html_template	20 May 2004 14:33:23 -0000	1.1
--- b/footer.html_template	21 May 2004 16:09:41 -0000	1.2
***************
*** 1,4 ****
--- 1,5 ----
      </div><p />
      <a name='PageBottom'></a>
+     <br clear='all'/>
      <center>
              <a href='http://cairographics.org/cairo/glider-blue.svg'

Index: header.html_template
===================================================================
RCS file: /cvs/cairo/cairo-demo/cairo_snippets/header.html_template,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** a/header.html_template	20 May 2004 14:33:23 -0000	1.1
--- b/header.html_template	21 May 2004 16:09:41 -0000	1.2
***************
*** 3,6 ****
--- 3,7 ----
                  <style type='text/css'>
       @import url(http://cairographics.org/styles.css);
+      @import url(cairo_snippets.css);
    </style>
    <body>
***************
*** 10,14 ****
  
        <h1>cairo samples</h1>
!     
        <p>This page contains cairo code snippets and the corresponding rendered output.
           The <em>user space</em> is the unit square ( (0,0) - (1, 1) ).
--- 11,15 ----
  
        <h1>cairo samples</h1>
!    
        <p>This page contains cairo code snippets and the corresponding rendered output.
           The <em>user space</em> is the unit square ( (0,0) - (1, 1) ).
***************
*** 24,25 ****
--- 25,28 ----
        created by &Oslash;yvind Kol&aring;s for a paper submitted to <a href='http://2004.guadec.org/'>GUADEC 2004</a>.
        </p>
+ 
+       <p>In addition to the standard browsing interface a page with <a href='snippets.html'>all snippets</a> is available</p>





More information about the cairo-commit mailing list