shithub: leaf

Download patch

ref: 68a766939482cdcb4f3c3265b9eafd597c00f151
parent: 60960e32079f61b1f0dca9520b2395803d384eea
author: Matthew Wang <mjw7@princeton.edu>
date: Tue Jun 30 14:05:58 EDT 2020

updating documentation look

--- a/Doxyfile
+++ b/Doxyfile
@@ -1180,7 +1180,7 @@
 # The default directory is: html.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_OUTPUT            = html
+HTML_OUTPUT            = leaf
 
 # The HTML_FILE_EXTENSION tag can be used to specify the file extension for each
 # generated HTML page (for example: .htm, .php, .asp).
@@ -1302,7 +1302,7 @@
 # The default value is: YES.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-HTML_DYNAMIC_MENUS     = YES
+HTML_DYNAMIC_MENUS     = NO
 
 # If the HTML_DYNAMIC_SECTIONS tag is set to YES then the generated HTML
 # documentation will contain sections that can be hidden and shown after the
@@ -1539,7 +1539,7 @@
 # The default value is: NO.
 # This tag requires that the tag GENERATE_HTML is set to YES.
 
-GENERATE_TREEVIEW      = YES
+GENERATE_TREEVIEW      = NO
 
 # The ENUM_VALUES_PER_LINE tag can be used to set the number of enum values that
 # doxygen will group on one line in the generated HTML documentation.
--- a/doxygen/customdoxygen.css
+++ b/doxygen/customdoxygen.css
@@ -1,18 +1,24 @@
-/* USE THE BELOW DEFAULT STYLING AS REFERENCE AND ONLY OVERRIDE AS NEEDED AT 
-THE BOTTOM OF THIS FILE TO AVOID ISSUES IF DOXYGEN UPDATES ITS DEFAULT CSS */
-
 /* The standard CSS for doxygen 1.8.18 */
 
 body, table, div, p, dl {
-	font: 400 14px/22px Roboto,sans-serif;
+	font: inherit;
+	font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
 }
 
 p.reference, p.definition {
-	font: 400 14px/22px Roboto,sans-serif;
+	font: inherit;
 }
 
 /* @group Heading Levels */
 
+h1 {
+	display: block;
+	padding-bottom: calc(1rem + 2px) !important;
+    font-size: 2em; 
+    margin: .60em 0;
+    font-weight: bold;
+}
+
 h1.groupheader {
 	font-size: 150%;
 }
@@ -21,7 +27,7 @@
 	font: 400 14px/28px Roboto,sans-serif;
 	font-size: 150%;
 	font-weight: bold;
-	margin: 10px 2px;
+	margin: 10px 0px;
 }
 
 h2.groupheader {
@@ -123,7 +129,7 @@
 
 div.qindex, div.navpath {
 	width: 100%;
-	line-height: 140%;
+	line-height: 100%;
 }
 
 div.navtab {
@@ -134,7 +140,7 @@
 
 a {
 	color: #3D578C;
-	font-weight: normal;
+	font-weight: inherit;
 	text-decoration: none;
 }
 
@@ -322,7 +328,7 @@
 }
 
 body {
-	background-color: white;
+	background-color: #e8fdf5;
 	color: black;
         margin: 0;
 }
@@ -329,11 +335,15 @@
 
 div.contents {
 	margin-top: 10px;
-	margin-left: 12px;
+	margin-left: 1px;
 	margin-right: 8px;
+	margin-bottom: 12px;
+	padding-left: 2rem;
 }
 
-td.indexkey {
+
+
+.indexkey {
 	background-color: #EBEFF6;
 	font-weight: bold;
 	border: 1px solid #C4CFE5;
@@ -768,49 +778,54 @@
 /* these are for tree view inside a (index) page */
 
 div.directory {
-        margin: 10px 0px;
-        border-top: 1px solid #9CAFD4;
-        border-bottom: 1px solid #9CAFD4;
-        width: 100%;
+    margin: 0px 0px;
+    border-top: none;
+    border-bottom: none;
+    width: 100%;
 }
 
 .directory table {
-        border-collapse:collapse;
+    border-collapse:collapse;
 }
 
 .directory td {
-        margin: 0px;
-        padding: 0px;
+    margin: 0px;
+    padding: 0px;
 	vertical-align: top;
 }
 
 .directory td.entry {
-        white-space: nowrap;
-        padding-right: 6px;
+    white-space: nowrap;
+    padding-right: 6px;
 	padding-top: 3px;
 }
 
 .directory td.entry a {
-        outline:none;
+    outline:none;
 }
 
 .directory td.entry a img {
-        border: none;
+    border: none;
 }
 
 .directory td.desc {
-        width: 100%;
-        padding-left: 6px;
+    width: 100%;
+    padding-left: 6px;
 	padding-right: 6px;
 	padding-top: 3px;
-	border-left: 1px solid rgba(0,0,0,0.05);
+	border-left: 1px solid rgba(0,0,0,0.1);
 }
 
-.directory tr.even {
+.directory tr {
 	padding-left: 6px;
-	background-color: #F7F8FB;
+	padding-top: 6px;
+
 }
 
+.directory tr.even {
+	background-color: #e8fdf5;
+}
+
 .directory img {
 	vertical-align: -30%;
 }
@@ -819,7 +834,7 @@
         white-space: nowrap;
         width: 100%;
         text-align: right;
-        font-size: 9pt;
+        font-size: 10pt;
 }
 
 .directory .levels span {
@@ -989,7 +1004,7 @@
 .fieldtable th {
         background-image:url('nav_f.png');
         background-repeat:repeat-x;
-        background-color: #E2E8F2;
+        background-color: #e8fdf5;
         font-size: 90%;
         color: #253555;
         padding-bottom: 4px;
@@ -1019,13 +1034,14 @@
 .navpath ul
 {
 	font-size: 11px;
-	background-image:url('tab_b.png');
-	background-repeat:repeat-x;
-	background-position: 0 -5px;
-	height:30px;
-	line-height:30px;
+	background-image:none;
+	height:0px;
+	line-height:0px;
 	color:#8AA0CC;
-	border:solid 1px #C2CDE4;
+	border-top:solid 1px #C2CDE4;
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
 	overflow:hidden;
 	margin:0px;
 	padding:0px;
@@ -1037,7 +1053,7 @@
 	float:left;
 	padding-left:10px;
 	padding-right:15px;
-	background-image:url('bc_s.png');
+	background-image:none;
 	background-repeat:no-repeat;
 	background-position:right;
 	color:#364D7C;
@@ -1114,9 +1130,8 @@
 
 div.header
 {
-        background-image:url('nav_h.png');
-        background-repeat:repeat-x;
-	background-color: #F9FAFC;
+    background-image:none;
+	background-color: #e8fdf5;
 	margin:  0px;
 	border-bottom: 1px solid #C4CFE5;
 }
@@ -1124,6 +1139,7 @@
 div.headertitle
 {
 	padding: 5px 5px 5px 10px;
+	padding-left: 2rem;
 }
 
 .PageDocRTL-title div.headertitle {
@@ -1731,9 +1747,226 @@
 	text-decoration: underline;
 }
 
-/* USE THE ABOVE DEFAULT STYLING AS REFERENCE AND ONLY OVERRIDE AS 
-NEEDED BELOW TO AVOID ISSUES IF DOXYGEN UPDATES ITS DEFAULT CSS */
 
 
+
+
+/* NAVTREE */
+
+
+#nav-tree .children_ul {
+  margin:0;
+  padding:4px;
+}
+
+#nav-tree ul {
+  list-style:none outside none;
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree li {
+  white-space:nowrap;
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree .plus {
+  margin:0px;
+}
+
+#nav-tree .selected {
+  background-image: none;
+  background-repeat:repeat-x;
+  color: #fff;
+}
+
+#nav-tree img {
+  margin:0px;
+  padding:0px;
+  border:0px;
+  vertical-align: middle;
+}
+
+#nav-tree a {
+  text-decoration:none;
+  padding:0px;
+  margin:0px;
+  outline:none;
+}
+
+#nav-tree .label {
+  margin:0px;
+  padding:0px;
+  font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+}
+
+#nav-tree .label a {
+  padding:2px;
+}
+
+#nav-tree .selected a {
+  text-decoration:none;
+  color:#fff;
+}
+
+#nav-tree .children_ul {
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree .item {
+  margin:0px;
+  padding:0px;
+}
+
+#nav-tree {
+  padding: 0px 0px;
+  background-color: #e8fdf5; 
+  font-size:14px;
+  overflow:auto;
+}
+
+#doc-content {
+  overflow:auto;
+  display:block;
+  padding:0px;
+  margin:0px;
+  -webkit-overflow-scrolling : touch; /* iOS 5+ */
+}
+
+#side-nav {
+  padding:0 6px 0 0;
+  margin: 0px;
+  display:block;
+  position: absolute;
+  left: 0px;
+  width: 250px;
+}
+
+.ui-resizable .ui-resizable-handle {
+  display:block;
+}
+
+.ui-resizable-e {
+  background-image:url("splitbar.png");
+  background-size:100%;
+  background-repeat:repeat-y;
+  background-attachment: scroll;
+  cursor:ew-resize;
+  height:100%;
+  right:0;
+  top:0;
+  width:6px;
+}
+
+.ui-resizable-handle {
+  display:none;
+  font-size:0.1px;
+  position:absolute;
+  z-index:1;
+}
+
+#nav-tree-contents {
+  margin: 6px 0px 0px 0px;
+}
+
+#nav-tree {
+  background-image:url('nav_h.png');
+  background-repeat:repeat-x;
+  background-color: #e8fdf5;
+  -webkit-overflow-scrolling : touch; /* iOS 5+ */
+}
+
+#nav-sync {
+  position:absolute;
+  top:5px;
+  right:24px;
+  z-index:0;
+}
+
+#nav-sync img {
+  opacity:0.3;
+}
+
+#nav-sync img:hover {
+  opacity:0.9;
+}
+
+@media print
+{
+  #nav-tree { display: none; }
+  div.ui-resizable-handle { display: none; position: relative; }
+}
+
+
+
+
+
+
+/* TABS */
+
+.tabs, .tabs2, .tabs3 {
+    background-image: none;
+    background-color: #096e48;
+    width: 100%;
+    z-index: 101;
+    font-size: 14px;
+    font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+}
+
+.tabs2 {
+	background-color: rgba( 0, 0, 0, 0.7 );
+    font-size: 12px;
+}
+.tabs3 {
+    font-size: 10px;
+}
+
+.tablist {
+	width: 100%;
+    margin: 0;
+    padding: 0;
+    display: table;
+}
+
+.tablist li {
+    float: left;
+    display: table-cell;
+    background-image: none;
+    line-height: 36px;
+    list-style: none;
+}
+
+.tablist a {
+    display: block;
+    padding: 0 20px;
+    padding-left: 4rem;
+    font-weight: bold;
+    background-image: none;
+    color: #fff;
+    text-shadow: none;
+    text-decoration: none;
+    outline: none;
+}
+
+.tabs3 .tablist a {
+    padding: 0 10px;
+}
+
+.tablist a:hover {
+    background-image: none;
+    background-repeat:repeat-x;
+    color: #ffb700;
+    text-shadow: none;
+    text-decoration: none;
+}
+
+.tablist li.current a {
+    background-image: none;
+    background-repeat:repeat-x;
+    color: #ffb700;
+    text-shadow: none;
+}
 
 
--- a/doxygen/footer.html
+++ b/doxygen/footer.html
@@ -4,18 +4,11 @@
 <div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
   <ul>
     $navpath
-    <li class="footer">$generatedby
-    <a href="http://www.doxygen.org/index.html">
-    <img class="footer" src="$relpath^doxygen.png" alt="doxygen"/></a> $doxygenversion </li>
   </ul>
 </div>
 <!--END GENERATE_TREEVIEW-->
 <!--BEGIN !GENERATE_TREEVIEW-->
-<hr class="footer"/><address class="footer"><small>
-$generatedby &#160;<a href="http://www.doxygen.org/index.html">
-<img class="footer" src="$relpath^doxygen.png" alt="doxygen"/>
-</a> $doxygenversion
-</small></address>
 <!--END !GENERATE_TREEVIEW-->
+<footer></footer><script>getFooter()</script>
 </body>
 </html>
--- a/doxygen/header.html
+++ b/doxygen/header.html
@@ -11,36 +11,52 @@
 <link href="$relpath^tabs.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="$relpath^jquery.js"></script>
 <script type="text/javascript" src="$relpath^dynsections.js"></script>
+<script src="/js/template.js"></script>
 $treeview
 $search
 $mathjax
 <link href="$relpath^$stylesheet" rel="stylesheet" type="text/css" />
 $extrastylesheet
+<link rel="stylesheet" href="/css/tachyons.css" type="text/css">
 </head>
-<body>
-<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
 
+
+<body class="bg-washed-green black-70 ph0 sans-serif">
+<header class="fl bg-black-70 w-100 pt4-ns pb3-ns pl5">
+
+  <div class="bg-dark-green pv0">
+    <h1 class="black-70 pv3 ph4 f-headline-m">
+      <a class="link hover-gold white dib mr3" href="/" title="NIRL">NIRL &#8212; New Instrument Research Lab
+        <div class="fw4 f4">at Princeton University</div>
+      </a>
+    </h1>
+  </div>
+
+  <nav class="pv0 ph4 f5 fw5 ttu tracked">
+    <a class="link hover-gold white dib mr6" href="/" title="Home">&#187;Home&#171;</a>
+    <a class="link hover-gold white dib mr6" href="/tabs/projects.html" title="Projects">&#187;Projects&#171;</a>
+    <a class="link hover-gold white dib mr6" href="/tabs/papers.html" title="Papers">&#187;Papers&#171;</a>
+<!--    <a class="link hover-gold white dib mr6" href="/tabs/people.html" title="People">People</a> -->
+<!--    <a class="link hover-gold white dib" href="/tabs/contact.html" title="Contact">Contact</a> -->
+  </nav>
+
+</header>
+
+<div><!-- do not remove this div, it is closed by doxygen! -->
+
 <!--BEGIN TITLEAREA-->
 <div id="titlearea">
 <table cellspacing="0" cellpadding="0">
  <tbody>
- <tr style="height: 56px;">
+ <tr>
   <!--BEGIN PROJECT_LOGO-->
-  <td id="projectlogo"><img alt="Logo" src="$relpath^$projectlogo"/></td>
   <!--END PROJECT_LOGO-->
   <!--BEGIN PROJECT_NAME-->
-  <td id="projectalign" style="padding-left: 0.5em;">
-   <div id="projectname">$projectname
-   <!--BEGIN PROJECT_NUMBER-->&#160;<span id="projectnumber">$projectnumber</span><!--END PROJECT_NUMBER-->
-   </div>
-   <!--BEGIN PROJECT_BRIEF--><div id="projectbrief">$projectbrief</div><!--END PROJECT_BRIEF-->
-  </td>
+   <!--BEGIN PROJECT_NUMBER--><!--END PROJECT_NUMBER-->
+   <!--BEGIN PROJECT_BRIEF--><!--END PROJECT_BRIEF-->
   <!--END PROJECT_NAME-->
   <!--BEGIN !PROJECT_NAME-->
    <!--BEGIN PROJECT_BRIEF-->
-    <td style="padding-left: 0.5em;">
-    <div id="projectbrief">$projectbrief</div>
-    </td>
    <!--END PROJECT_BRIEF-->
   <!--END !PROJECT_NAME-->
   <!--BEGIN DISABLE_INDEX-->