Planetarion Forums - Clean up the HTML

Planetarion Forums (https://pirate.planetarion.com/index.php)

- Planetarion Suggestions (https://pirate.planetarion.com/forumdisplay.php?f=95)

- - Clean up the HTML (https://pirate.planetarion.com/showthread.php?t=200923)

New Skins / Clean up the HTML

Premise
As some of you may remember, I always miss the old skins from PA, and every once in a while I remake them for the current round. They never get used because of "reasons".

Here are a few screens.

https://www.dropbox.com/sh/4gyp3x7vl...HZN3AKQxa?dl=0

The CSS is not the best, as the html is a little backward in places.

The whole PA html needs a clean up and rewrite, some pages follow a "tab_container" class while others just use divs.

I would love to help PA crew to fix design issues, if your interested.

NOTE: the portal redesign was from a while ago so needs an update.

UPDATE #1:

Right then, so I think its in a good enough state that I will release it.

Word of warning, PA HTML is a little hap hazard, so dont expect miracles...

UPDATE #2:
Did a few house cleaning things to ready for the R3 skin, you may need to remove the old version and install again.

Update #3:
95% done on the Round 3 skin
Currently thinking of doing a few R6 skins, cathaar in particular.
Also will do a batch of cleaning up with the current skins, certain places font size go crazy.

installation:

1) Install TamperMonkey from the chrome webstore.

2) select one of the below (or both you can disable/enable at anytime, by clicking the tampermonkey icon)

http://danielmarkavis.co.uk/pa/round5/round5.user.js

http://danielmarkavis.co.uk/pa/round3/round3.user.js

and it should load up the code into tampermonkey (less than 20 lines of code),.

3) You can now view the code to see that it has no spyware,etc, and click install.

4) Refresh the PA page and it should be using the new skin.

Note: If you have problems with the old skin flashing up, then change skin in the pa prefs to text only (you could increase the order that this script occurs too).

Re: Clean up the HTML

Until then, you could use a GreaseMonkey script to get rid of all CSS styling:

Code:

for (let s of document.querySelectorAll('style')) { 

    s.parentNode.removeChild(s); 

}

for (let t of document.querySelectorAll('[style]')) { 

    t.removeAttribute('style');

}

Alternatively, use a stylesheet to reset all CSS values to their defaults before loading your stylesheet.

Re: Clean up the HTML

Your code didnt work for me, however I did find tamper monkey code that just removed the "link" to the pa style sheet, then point to my own without needing stylish.

So now i'm redoing the CSS with a fresh canvas.

To use this skin should be as straight forward as downloading tampermonkey, and paste about 10 lines of code.

Still waiting on my hosting though, DNS change and all that.

Re: Clean up the HTML

Oh, sorry, 'let' is still only supported on Firefox. I keep forgetting. Replace 'let' with 'var', and it should work.

Anyway, using TamperMonkey/GreaseMonkey and pasting some Javascript is no easier or harder than using Stylish and pasting some CSS. And TM/GS is less safe to boot, because it can do a whole lot more than just inserting some CSS.

Re: Clean up the HTML

TM is easier for me to host the CSS / images, and I can update+fix if the need arises.

But thanks for the help :)

Re: Clean up the HTML

Posy added to the top.

Re: Clean up the HTML

awesome! thanks heaps!

Re: Clean up the HTML

Also if anyone wants to they can host it themselfs, I can copy it to a zip file and you just have to modify the script to point to a new location.

Re: Clean up the HTML