feat: new articles and reorganization

[RoyalOughtness]

No description provided.

[ShadowSlayer1441]

Overall looks good.

One note is that rather oddly whenever you are viewing a page other than the main https://royaloughtness.github.io/ like https://royaloughtness.github.io/code-of-conduct the icon in the top left becomes greyscale. Happens both on hardened chromium on secureblue and vanadium on GOS.

[RoyalOughtness]

other notes to myself:

• Contributing page shouldn't say "welcome to secureblue"
• install page needs a title

[EsseLowNitro]

@ShadowSlayer1441

[...] the icon in the top left becomes greyscale.

Intentional and unrelated to this specific PR, https://grapheneos.org does the same. Their icon is monochrome and the effect is to actually apply a blue accent to the page you're currently on in its own header listing, but I imagined it would be nice if the effect applied in a logo that's already very blue was what you saw instead.

[ShadowSlayer1441]

Sooraj's link mentions it, but links should probably be underlined or include a link icon in addition to being a different color for accessibility.

[EsseLowNitro]

[...] links should probably be underlined in addition to being a different color for accessibility.

They are only not underlined in mobile, since the CSS underlines links on hover and click, of which only click really exists on mobile (with a touchscreen only, which is most cases).

In any case, I think investigating this is in scope for a separate future PR resolving issue #8