Remove Write.as Branding from Footers

Feedback Feature requests
5

@fjhvio @lhl

I’m not a JS guru :sunglasses: I can just hack @matt code…

Here is an example custom footer after the content area…

1— Insert your content in the JavaScript

var topP = document.createElement("p");
//topP.style.textAlign = "center";
topP.innerHTML = '<hr><div class="custom-nav"><a href="https://mamot.fr/@aris">Mastodon</a> // <a href="https://aris.papatheodorou.net">Blog</a> // <a href="#">Haut de page</a></div>';
var cont = document.getElementById("wrapper");
if (cont !== null) {
    // Add to blog index and tag pages
    cont.appendChild(topP);
} else {
    // Add to individual blog post page
    cont = document.getElementById("post-body");
    cont.insertAdjacentHTML("afterend", topP.outerHTML);
}

2— Customize the CSS

.custom-nav {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
  color: #666;
}
.custom-nav a:link, .custom-nav a:visited, .custom-nav a:hover, .custom-nav a:active {
   color: #eee;
}
.custom-nav a:hover, .custom-nav a:active {
   text-decoration: underline;
}

You can see the result on my tech blog… à the bottom of the page.

Note 1 — The custom content must be placed in this JS string:

topP.innerHTML = 'HTML CONTENT GOES HERE'

Note 2 — This is inserted before the normal footer (" published with write.as") because… I don’t know how to insert this after with JS.

All this is just a dirty hack from Matt’s code here:

5 Likes