This article is a draft, awaiting review for publication in Distill

[admercs]

First, thank you for the excellent article template!

I have an academic website, two actually, that use the Distill template to format papers self-hosted on the sites. I do not plan to submit all of the papers to Distill, but rather use the template mostly to self-host papers. As such, is there any way to remove the "This article is a draft, awaiting review for publication in Distill" as this is somewhat misleading in my case?

Thank you!

[colah]

Hello! Are you using template version 1 or version 2? I do not believe this is the default behavior in v2.

[admercs]

It's wonderful to hear from the legendary colah! You have the nicest diagrams of neural nets : )

I'm currently using template v1, as I prefer the aesthetics, and it seems easier to import LaTeX papers into v1 format.

I'm excited to see what you guys come up with for v3. Your blog is one of the nicest sites around.

[admercs]

Well, I bit the bullet and switched to v2. I still prefer the overall aesthetic of v1 (e.g., fonts), but perhaps I can do some customization.

EDIT: I went back to v1 due to collision issues with Bootstrap. Also, it would be great if there were a tutorial on how to modify an article for dark mode.

[admercs]

So, I just removed the banner from template.v1.js by commenting at line 5409:

/*
var html$1 = "\n<style>\n  dt-banner {\n    background: #FFF59D;\n    display: block;\n    text-align: center;\n    color: black;\n    height: 70px;\n    line-height: 70px;\n  }\n</style>\n<div>This article is a draft, awaiting review for publication in Distill</div>\n";

var banner = function(dom, data) {
  var banner = dom.createElement("dt-banner");
  banner.innerHTML = html$1;
  var b = dom.querySelector("body");
  b.insertBefore(banner, b.firstChild);
  banner.addEventListener("click", function() {
    banner.style.display = "none";
  });
};
*/

and then at line 18230:

      // Add a banner if we're not on localhost.
      /*
      if (window.location.hostname !== "localhost" && window.location.origin !== "file://") {
        banner(window.document, data);
      }
      */

Problem solved. Now, to figure out the Bootstrap navigation bar collision issue...

[colah]

Glad you were able to work it out!