restyled banner area

web/script.js

@@ -13,7 +13,7 @@ function parseMd() {
     aDiv.after(nodes);
     removeOrigToc();
     insertLinks();
-    addImgParentClass();
+    unindentBanner();
     d3.selectAll("code").each(function() {
       hljs.highlightBlock(this);
     });
@@ -35,10 +35,12 @@ function insertLinks() {
     $(this).html('<a href="#' + aId + '" name="' + aId + '">#</a>' + text);
   });
 }
-function addImgParentClass() {
-  let monty_img = $("img").first();
-  monty_img.parent().addClass("img_parent");
-  monty_img.before("<br>");
+
+function unindentBanner() {
+  let montyImg = $("img").first();
+  montyImg.parent().addClass("banner");
+  let downloadPraragrapth = $("p").first();
+  downloadPraragrapth.addClass("banner");
 }
 
 function addToc() {

web/style.css

@@ -226,15 +226,19 @@ p,
 ul {
   padding-left: 2rem;
 }
-.img_parent {
+.banner {
   padding: 0;
 }
 
+#toc {
+  margin-top: 0;
+}
+
 @media only screen and (max-device-width: 1024px) {
   h1 {
     font-size: 3rem;
   }
-  .img_parent,
+  .banner,
   h1,
   img {
     max-width: calc(100vw - 2em);