diff --git a/web/script.js b/web/script.js index db7fa25..d168abb 100644 --- a/web/script.js +++ b/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('#' + text); }); } -function addImgParentClass() { - let monty_img = $("img").first(); - monty_img.parent().addClass("img_parent"); - monty_img.before("
"); + +function unindentBanner() { + let montyImg = $("img").first(); + montyImg.parent().addClass("banner"); + let downloadPraragrapth = $("p").first(); + downloadPraragrapth.addClass("banner"); } function addToc() { diff --git a/web/style.css b/web/style.css index 39b85c3..634f566 100644 --- a/web/style.css +++ b/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);