Book style tweaks

Author: dtolnay

book/book.toml

@@ -8,8 +8,11 @@ edition = "2018"
 
 [build]
 build-dir = "build"
+create-missing = false
 
 [output.html]
 additional-css = ["css/cxx.css"]
 cname = "cxx.rs"
 git-repository-url = "https://github.com/dtolnay/cxx"
+playground = { copyable = false }
+print = { enable = false }

book/build.js

@@ -14,6 +14,11 @@ https://github.com/dtolnay/cxx\
 </a>\
 </li>`;
 
+const htmljs = `\
+var html = document.querySelector('html');
+html.classList.remove('no-js');
+html.classList.add('js');`;
+
 const dirs = ['build'];
 while (dirs.length) {
   const dir = dirs.pop();
@@ -32,7 +37,11 @@ while (dirs.length) {
     const index = fs.readFileSync(path, 'utf8');
     const $ = cheerio.load(index, { decodeEntities: false });
 
+    $('script:nth-of-type(3)').text(htmljs);
     $('nav#sidebar ol.chapter').append(githublink);
+    $('head link[href="tomorrow-night.css"]').attr('disabled', true);
+    $('head link[href="ayu-highlight.css"]').attr('disabled', true);
+    $('button#theme-toggle').attr('style', 'display:none');
     $('pre code').each(function () {
       const node = $(this);
       const langClass = node.attr('class').split(' ', 2)[0];
@@ -44,21 +53,29 @@ while (dirs.length) {
       const boring = lines.map((line) =>
         line.includes('<span class="boring">')
       );
+      const ellipsis = lines.map((line) => line.includes('// ...'));
       const target = entities.decode(node.text());
       const highlighted = hljs.highlight(lang, target).value;
       const result = highlighted
         .split('\n')
         .map(function (line, i) {
           if (boring[i]) {
             line = '<span class="boring">' + line;
+          } else if (ellipsis[i]) {
+            line = '<span class="ellipsis">' + line;
           }
-          if (i > 0 && boring[i - 1]) {
+          if (i > 0 && (boring[i - 1] || ellipsis[i - 1])) {
             line = '</span>' + line;
           }
           return line;
         })
         .join('\n');
-      node.text(result).removeClass(langClass).addClass('hidelines');
+      node.text(result);
+      node.removeClass(langClass);
+      if (!node.hasClass('focuscomment')) {
+        node.addClass('hidelines');
+        node.addClass('hide-boring');
+      }
     });
     $('code').each(function () {
       $(this).addClass('hljs');
@@ -68,3 +85,10 @@ while (dirs.length) {
     fs.writeFileSync(path, out);
   });
 }
+
+fs.copyFileSync('build/highlight.css', 'build/tomorrow-night.css');
+fs.copyFileSync('build/highlight.css', 'build/ayu-highlight.css');
+
+var bookjs = fs.readFileSync('build/book.js', 'utf8');
+bookjs = bookjs.replace('set_theme(theme, false);', '');
+fs.writeFileSync('build/book.js', bookjs);

book/css/cxx.css

@@ -1,11 +1,44 @@
-.no-js .boring {
+:root {
+    --sidebar-width: 310px;
+}
+
+.badges img {
+    margin: 0 7px 7px 0;
+}
+
+.badges {
+    margin: 16px 0 120px;
+}
+
+.boring {
+    opacity: 0.5;
+}
+
+.no-js code:not(.focuscomment) .boring {
     display: none;
 }
 
+.js code:not(.hide-boring) .ellipsis {
+    display: none;
+}
+
+.focuscomment .hljs-comment {
+    font-weight: bold;
+    color: black;
+}
+
+.focuscomment .boring {
+    opacity: 0.5;
+}
+
 nav.sidebar li.part-title i.fa-github {
     font-size: 20px;
     padding-right: 5px;
     padding-top: 12px;
     position: relative;
     top: 1px;
 }
+
+.sidebar .sidebar-scrollbox {
+    padding: 10px 0 10px 10px;
+}

book/diagram/overview.ascii

@@ -1,6 +1,6 @@
                             .-----------------------------.
                            |     #[cxx::bridge]  mod       |
-                           | definitions and declarations  |
+                           |   description of boundary     |
                             '--------------+--------------'
                                            |
                                            |