rmc_website/_posts/2021-05-15-stylizing-the-site.html

---
title: Stylizing The Site
titleshort: Stylizing The Site
author: NinjaCheetah
layout: blogpage
icon: data:image/gif;base64,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
---

<p>So as you've probably noticed if you got this far on the site, we've finally added CSS. For a while (from the start of the website on January 29th, actually) it became a joke of sorts that this site had absolutely no styling. That was mainly because of how annoying CSS can be, and also how bad <a href="https://ninjacheetah.github.io">my other site that uses CSS looks.</a> <sub>Editor's note: this article was written before NinjaCheetah overhauled his site in 2022.</sub></p>
<p>What started me off on making this site look better was some free time I had during school just yesterday. I decided to open GIMP and just see if I could create some sort of banner. It ended up coming out really good (in my opinion at least) so I added it to the website. From there, I decided to try and add the nav bar I used on my old site to this one, but this time actually make it look good. From there, I didn't like that the banner and nav bar used Sans-Serif but the body used Times New Roman, so more CSS it was! Eventually, with the help of <a href="/members/ianskinner1982">IanSkinner1982</a>, we managed to get the banner and nav bar to stretch to the edges of the screen which greatly improved how it looked. All I did after that was add the GitHub and Discord link icons, and it was done! (also for the record I have no idea if this is in chronological order)</p>
<p>I woke up this morning and had an idea: more banners! So I created banners for the <a href="/programs/">Programs page<a> and the <a href="/members/">Members page</a>, which both also came out pretty good (again, in my opinion at least). So for now, I think that just about wraps up our website "renovation". We will of course still add new things, but there shouldn't be any major changes coming soon.</p>
<p>Sorry for the short article, but I felt like it would be better to at least say something about it than nothing.</p>