Style the JSDoc slightly (needs more work on side nav), improve CC-BY-SA text
authorNick Downing <nick.downing@lifx.co>
Tue, 4 Feb 2020 14:17:29 +0000 (01:17 +1100)
committerNick Downing <nick.downing@lifx.co>
Wed, 12 Feb 2020 07:29:58 +0000 (18:29 +1100)
css/jsdoc-default.css.less
navbar.jst

index 0adea4f..b066acb 100644 (file)
@@ -1,28 +1,28 @@
-@font-face {
-    font-family: 'Open Sans';
-    font-weight: normal;
-    font-style: normal;
-    src: url('../jsdoc/fonts/OpenSans-Regular-webfont.eot');
-    src:
-        local('Open Sans'),
-        local('OpenSans'),
-        url('../jsdoc/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-        url('../jsdoc/fonts/OpenSans-Regular-webfont.woff') format('woff'),
-        url('../jsdoc/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
-}
-
-@font-face {
-    font-family: 'Open Sans Light';
-    font-weight: normal;
-    font-style: normal;
-    src: url('../jsdoc/fonts/OpenSans-Light-webfont.eot');
-    src:
-        local('Open Sans Light'),
-        local('OpenSans Light'),
-        url('../jsdoc/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
-        url('../jsdoc/fonts/OpenSans-Light-webfont.woff') format('woff'),
-        url('../jsdoc/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
-}
+//@font-face {
+//    font-family: 'Open Sans';
+//    font-weight: normal;
+//    font-style: normal;
+//    src: url('../jsdoc/fonts/OpenSans-Regular-webfont.eot');
+//    src:
+//        local('Open Sans'),
+//        local('OpenSans'),
+//        url('../jsdoc/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+//        url('../jsdoc/fonts/OpenSans-Regular-webfont.woff') format('woff'),
+//        url('../jsdoc/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
+//}
+//
+//@font-face {
+//    font-family: 'Open Sans Light';
+//    font-weight: normal;
+//    font-style: normal;
+//    src: url('../jsdoc/fonts/OpenSans-Light-webfont.eot');
+//    src:
+//        local('Open Sans Light'),
+//        local('OpenSans Light'),
+//        url('../jsdoc/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+//        url('../jsdoc/fonts/OpenSans-Light-webfont.woff') format('woff'),
+//        url('../jsdoc/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
+//}
 
 .jsdoc {
 
 //
 //body
 //{
-    font-family: 'Open Sans', sans-serif;
-    line-height: 1.5;
-    color: #4d4e53;
-    background-color: white;
+//    font-family: 'Open Sans', sans-serif;
+//    line-height: 1.5;
+//    color: #4d4e53;
+//    background-color: white;
+//}
+//
+//a, a:visited, a:active {
+//    color: #0095dd;
+//    text-decoration: none;
+//}
+//
+//a:hover {
+//    text-decoration: underline;
 //}
-
-a, a:visited, a:active {
-    color: #0095dd;
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: underline;
-}
 
 header
 {
     display: block;
-    padding: 0px 4px;
+    padding: 0px; //0px 4px;
 }
 
 tt, code, kbd, samp {
@@ -73,7 +73,7 @@ tt, code, kbd, samp {
 
 #main {
     float: left;
-    width: 70%;
+    width: 77.5%; //70%;
 }
 
 article dl {
@@ -88,9 +88,9 @@ section
 {
     display: block;
     background-color: #fff;
-    padding: 12px 24px;
+    padding: 12px 0px; //12px 24px;
     border-bottom: 1px solid #ccc;
-    margin-right: 30px;
+//    margin-right: 30px;
 }
 
 .variation {
@@ -109,26 +109,28 @@ nav
     display: block;
     float: right;
     margin-top: 28px;
-    width: 30%;
+    width: 20%; //30%;
     box-sizing: border-box;
-    border-left: 1px solid #ccc;
+//    border-left: 1px solid #ccc;
     padding-left: 16px;
+ background-color: #eee;
+ padding-bottom: 16px;
 }
 
-nav ul {
-    font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
-    font-size: 100%;
-    line-height: 17px;
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-}
-
-nav ul a, nav ul a:visited, nav ul a:active {
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-    line-height: 18px;
-    color: #4D4E53;
-}
+//nav ul {
+//    font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
+//    font-size: 100%;
+//    line-height: 17px;
+//    padding: 0;
+//    margin: 0;
+//    list-style-type: none;
+//}
+//
+//nav ul a, nav ul a:visited, nav ul a:active {
+//    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+//    line-height: 18px;
+//    color: #4D4E53;
+//}
 
 nav h3 {
     margin-top: 12px;
@@ -140,63 +142,63 @@ nav li {
 
 footer {
     display: block;
-    padding: 6px;
+    padding: 6px 0px; //6px;
     margin-top: 12px;
     font-style: italic;
     font-size: 90%;
 }
 
-h1, h2, h3, h4 {
-    font-weight: 200;
-    margin: 0;
-}
-
-h1
-{
-    font-family: 'Open Sans Light', sans-serif;
-    font-size: 48px;
-    letter-spacing: -2px;
-    margin: 12px 24px 20px;
-}
-
-h2, h3.subsection-title
-{
-    font-size: 30px;
-    font-weight: 700;
-    letter-spacing: -1px;
-    margin-bottom: 12px;
-}
-
-h3
-{
-    font-size: 24px;
-    letter-spacing: -0.5px;
-    margin-bottom: 12px;
-}
-
-h4
-{
-    font-size: 18px;
-    letter-spacing: -0.33px;
-    margin-bottom: 12px;
-    color: #4d4e53;
-}
-
-h5, .container-overview .subsection-title
-{
-    font-size: 120%;
-    font-weight: bold;
-    letter-spacing: -0.01em;
-    margin: 8px 0 3px 0;
-}
-
-h6
-{
-    font-size: 100%;
-    letter-spacing: -0.01em;
-    margin: 6px 0 3px 0;
-    font-style: italic;
-}
+//h1, h2, h3, h4 {
+//    font-weight: 200;
+//    margin: 0;
+//}
+//
+//h1
+//{
+//    font-family: 'Open Sans Light', sans-serif;
+//    font-size: 48px;
+//    letter-spacing: -2px;
+//    margin: 12px 24px 20px;
+//}
+//
+//h2, h3.subsection-title
+//{
+//    font-size: 30px;
+//    font-weight: 700;
+//    letter-spacing: -1px;
+//    margin-bottom: 12px;
+//}
+//
+//h3
+//{
+//    font-size: 24px;
+//    letter-spacing: -0.5px;
+//    margin-bottom: 12px;
+//}
+//
+//h4
+//{
+//    font-size: 18px;
+//    letter-spacing: -0.33px;
+//    margin-bottom: 12px;
+//    color: #4d4e53;
+//}
+//
+//h5, .container-overview .subsection-title
+//{
+//    font-size: 120%;
+//    font-weight: bold;
+//    letter-spacing: -0.01em;
+//    margin: 8px 0 3px 0;
+//}
+//
+//h6
+//{
+//    font-size: 100%;
+//    letter-spacing: -0.01em;
+//    margin: 6px 0 3px 0;
+//    font-style: italic;
+//}
 
 table
 {
@@ -250,9 +252,9 @@ tr > th:last-child { border-right: 1px solid #ddd; }
     color: #aaa;
 }
 
-.name, .signature {
-    font-family: Consolas, Monaco, 'Andale Mono', monospace;
-}
+//.name, .signature {
+//    font-family: Consolas, Monaco, 'Andale Mono', monospace;
+//}
 
 .details { margin-top: 14px; border-left: 2px solid #DDD; }
 .details dt { width: 120px; float: left; padding-left: 10px;  padding-top: 6px; }
@@ -278,7 +280,7 @@ tr > th:last-child { border-right: 1px solid #ddd; }
 .source
 {
     border: 1px solid #ddd;
-    width: 80%;
+    width: 77.5%; //80%;
     overflow: auto;
 }
 
index cb62ae6..ac3b2db 100644 (file)
@@ -105,7 +105,11 @@ return async (env, head, body) => {
             img(alt="Creative Commons License" style="border-width:0" src="/images/by-sa_3.0_88x31.png") {}
           }
           p {
-            'This work is licensed under a '
+            'This website is '
+            a(href="https://git.ndcode.org/public/ndcode_site.git") {
+              'open source'
+            }
+            ' and licensed under a '
             a(rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/") {
               'Creative Commons Attribution-ShareAlike 3.0 Unported License'
             }