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);