NotSSG 1.0.1: Oops

I goofed. There's an update to NotSSG available. Here's what happened...

Monday, 3rd March 2026

If you started with NotSSG 1.0.1 or higher, you don't have to worry about any of this.

😅 Well, I messed up slightly. I apologise for any inconvenience caused. I'm a wally and it manifests itself in everything I do (something I accepted long ago). My recently trained Rattata for example has 251 Attack EVs and 255 Speed when I wanted 252 of each.

Anywho, I have discovered NotSSG 1.0 has a very rare flicker of your website's background image, if you have one, when the page first loads, before the fade in. This is something I didn't spot until I clicked an external link into my own site live. I don't think it even triggers very often outside that circumstance.

Unfortunately, fixing this involved changing NotSSG's boilerplate code. That is, the couple of lines of "launch" code that appears in each HTML page of your site. After this, the boilerplate code should never need to be changed ever again. But this time, it had to be. D'oh!

If you you're one of the few who downloaded NotSSG 1.0, and you want to update to the latest version, here are your options:

Option #1) Stick with 1.0

1.0 works, minus the described flicker. If you have a fairly plain or bright background, you'll barely notice it.

Option #2) Start over

Download the latest version, and just rebuild your site. You could save some time by pasting in the contents of your <body>s from your old version.

Option #3) Update the boilerplate code

Download the latest version, replace your existing notssg.js and notssg-init.js with the newly downloaded ones. And here's the fun bit... replace the boilerplate code in each of your pages with the new boilerplate code.

You could do this with a find+replace in files, or you could do it manually. You need to replace this:


			<!-- NotSSG -->
			<style>.notssg body { visibility:hidden; background-color:#f7f7f7; }</style>
			<script>
				document.documentElement.classList.add( "notssg" );
				document.head.appendChild( document.createElement( "script" ) ).src = "notssg-init.js?cb=" + Math.floor( ( Date.now() / ( 1000 * 60 * 15 ) ) );
			</script>
			<!-- /NotSSG -->

with this:


			<!-- NotSSG -->
			<style>html:not(.notssg-ready), html:not(.notssg-ready) body { background-color:#f7f7f7 !important; background-image:none !important; } html:not(.notssg-ready) body { visibility:hidden !important; }</style>
			<script>document.head.appendChild( document.createElement( "script" ) ).src = "notssg-init.js?cb=" + Math.floor( ( Date.now() / ( 1000 * 60 * 15 ) ) );</script>
			<noscript><style>html:not(.notssg-ready), html:not(.notssg-ready) body { background-color:initial !important; background-image:initial !important; visibility:initial !important; }</style></noscript>
			<!-- /NotSSG -->

Well, I guess that concludes me messing up the launch of the project I worked so hard on the last few weeks. Have a nice day! :D

Comments? Visit the Guestbook!