doc: first pass at making html manual look decent
authorRamprasad Venkataraman <ramv@illinois.edu>
Thu, 26 Jul 2012 17:53:57 +0000 (12:53 -0500)
committerRamprasad Venkataraman <ramv@illinois.edu>
Thu, 26 Jul 2012 17:53:57 +0000 (12:53 -0500)
doc/Makefile.common
doc/charm++/title.html
doc/dot.latex2html-init
doc/manual.css
doc/navbarbkgd.png [new file with mode: 0644]

index 4bc1b5579e29831d91d1f16b9fb90cfb43b0dbb3..db12723af84f9d2afae992aea2c9444d9800d344 100644 (file)
@@ -21,7 +21,7 @@ L2H=latex2html -white -antialias -local_icons \
        -show_section_numbers \
        -top_navigation \
        -address '<p align="right">'"`/bin/date +"%B %d, %Y"`"'<br> \
-            '$(PROJECT_LINK)'<a href="http://charm.cs.uiuc.edu/">Charm Homepage</a>'
+            '$(PROJECT_LINK)'<a href="http://charm.cs.illinois.edu/">PPL Homepage</a>'
 
 DEPTEX=$(TEX) $(FILE).aux index.tex
 
@@ -56,7 +56,8 @@ $(FILE): $(TEX) $(FILE).aux
        -@ln -s ../dot.latex2html-init .latex2html-init
        -@rm -fr $(FILE)/*.html $(FILE)/*.aux
        -@mkdir $(FILE)
-       -@ln -s ../../manual.css $(FILE)
+       -@/bin/cp ../manual.css $(FILE)
+       -@/bin/cp ../navbarbkgd.png $(FILE)
        -/bin/cp title.html $(FILE)
        $(L2H) -split 0 $(FILE).tex
        -@mv $(FILE)/$(FILE).html $(FILE)/$(FILE)-1p.html
index 012350f4f3c4685a666f6cf81b04ddefdb559c06..8607b0a5b6b8e1217849c1222ecc43acfa76f626 100644 (file)
@@ -1 +1 @@
-C<SMALL>HARM++</SMALL> Programming Language Manual
+Charm++ Parallel Programming System: Manual
index a70272c87b3877c3dc1f23f75beb6760d581ab1e..3eb2c2b3d7b75c82e6539111aa5afaf59d01915c 100644 (file)
@@ -2,7 +2,7 @@
 #
 ### Command Line Argument Defaults #######################################
 
-# $MAX_SPLIT_DEPTH = 5;        # Stop making separate files at this depth
+$MAX_SPLIT_DEPTH = 3;  # Stop making separate files at this depth
 
 $MAX_LINK_DEPTH = 4;    # Stop showing child nodes at this depth   
 
@@ -152,10 +152,11 @@ $TITLES_LANGUAGE = "english";
 # Feel free to mix and match buttons, titles, your own text, your logos,
 # and arbitrary HTML (the "." is the Perl concatenation operator).
 sub top_navigation_panel {
-    "<!--#include virtual=\"/includes/top.shtml\"-->" .
-    "<style type=\"text/css\"><!--@import url(\"manual.css\");--></style>" .
+    # "<!--#include virtual=\"/includes/top.shtml\"-->" .
+    #"<style type=\"text/css\"><!--@import url(\"manual.css\");--></style>" .
+               "<link href='http://fonts.googleapis.com/css?family=Puritan' rel='stylesheet' type='text/css'>" .
 
-    "<DIV class=\"ManualTitle\"><!--#include virtual=\"title.html\"--></DIV>\n" .
+    "<DIV class=\"ManualTitle\">Charm++ Parallel Programming System: Manual</DIV>\n" .
 
     # Now add a few buttons with a space between them
     #"$NEXT $UP $PREVIOUS $CONTENTS $INDEX $CUSTOM_BUTTONS" .
index 8fde3e440de9057262cf1b5f7af9a802678ec3e2..194b7036fc8582888f1c8c87e3d49243f229ed50 100644 (file)
@@ -16,18 +16,18 @@ BIG.HUGE            { font-size : larger   }
 BIG.XHUGE              { font-size : xx-large }
 
 /* heading styles */
-H1             { color: navy }
-H2             { color: white; background: navy; padding: 8pt; text-align: center; letter-spacing: 5; word-spacing: 3 }
-H3             { color: white; background: navy; padding: 5pt; padding-top: 10pt; letter-spacing: 2; word-spacing: 1 }
-H4             { color: black; background: lightyellow; padding: 3pt  }
+H1             { color: navy; margin: 2px auto; text-align:center; }
+H2             { color: navy; padding: 8pt; }
+H3             { padding: 5pt; }
+H4             { padding: 3pt  }
 H5             {  }
-H1 a   { color: navy  }
-H2 a   { color: white  }
-H3 a   { color: white  }
-H4 a   { color: black  }
+H1 a   { color: navy;  }
+H2 a   { color: navy;  }
+H3 a   { color: black;  }
+H4 a   { color: black;  }
 H1 a:hover     { color: navy  }
-H2 a:hover     { color: white  }
-H3 a:hover     { color: white  }
+H2 a:hover     { color: navy  }
+H3 a:hover     { color: black  }
 H4 a:hover     { color: black  }
 
 
@@ -46,15 +46,26 @@ body {
                padding:30px;
                width: 900px;
                -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
-               border: 2px solid #333333;
+               box-shadow: 0px 2px #aaa;
+               border: 1px solid #ccc;
+               font-family: Puritan, Verdana, Helvetica sans-serif;
 }
 
-DIV.ManualTitle        { background: navy; padding: 3pt; text-align: center; color: lightyellow; font-size: x-large; font-weight: bold  }
+DIV.ManualTitle        { padding: 3pt; text-align: center; font-size: x-large; font-weight: bold  }
 DIV.center             {   }
 SPAN.tt                {   }
 SPAN.sc                {   }
 DIV.alltt              { background: lightgray; padding: 3pt; padding-left: 15pt; padding-right: 15pt; margin: 10pt; display: table }
-DIV.navigation         { text-align: center  }
+
+div.navigation {
+               text-align: center;
+               margin: 15px;
+               border-bottom: 1px #555555 solid;
+               -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
+               -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
+               background: url(navbarbkgd.png) repeat;
+}
+
 DIV.small              {   }
 SPAN.bf                {   }
 PRE.preform            {   }
diff --git a/doc/navbarbkgd.png b/doc/navbarbkgd.png
new file mode 100644 (file)
index 0000000..4941cb4
Binary files /dev/null and b/doc/navbarbkgd.png differ