Hey, you're currently viewing a core page.

This page is part of the CatPencil Wiki: Core Pages, These pages are set by the Board of Editors. They're not open to often change or feedback.

Patchnote 1.2

Hey there, it's me, CatPencil!, and welcome to the new series of Patchnotes I've cooked up. Well, unfortunetly during this part of patches we we're mostly focused on small bugs and alignment.

HTML and CSS alignment

The main problem

Alright, so the first task I took on was aligning the website's CSS and HTML. But what exactly does that mean? If you've explored the website, you may have noticed that many pages don't quite follow the same design or structure. That's because, when I first started building this website, I didn't have a clear long-term vision. It was originally meant to be nothing more than a small personal blog where I could write about whatever interested me. As the website gradually grew, however, I kept adding new pages without establishing a consistent coding style. Instead of reusing existing layouts and components, I often rebuilt each page from scratch, experimenting with different HTML structures and CSS styles every time. As a result, nearly every section of the site ended up with its own unique code, styling conventions, spacing, and layout rules. Some pages included features that others lacked, while others were built using completely different approaches. A good example of this can be seen by comparing the very first articles, CatPencil and Blob Emoji. Although they exist on the same website, they were written at different stages of development and use noticeably different layouts and code structures, for breakdown:

CSS - CatPencil

<h1>
p{

    text-align:justify;

    line-height:1.65;

}

CSS - Blob Emoji

<h1>

main p{
    margin:0.55em 0;
    line-height:1.55;
    text-align:justify;
}

.article-banner p,
.box p,
footer p{
    margin:0;
    text-align:left;
}

As you can see in this simple example, there's diffrence in style and coding, this is small since most of it is fixed now but imagine this for the whole websites.

How did we crack it down?

In order to establish a consistent design across the website, I first had to understand just how different each page had become. Some pages were relatively easy to standardize, while others required significant restructuring due to how they had evolved over time. The biggest inconsistency was the navigation system. The main page used one navigation layout, article pages used another, and the board pages had an entirely different design. As a result, visitors had a different experience depending on which page they were viewing, making the website feel inconsistent. To solve this, I decided to adopt a single navigation design that could be used across every page. Rather than creating an entirely new layout, I chose an improved version of the main page's navigation as the foundation. I refined its appearance, simplified its structure, and adapted it to work consistently throughout the website, and making future maintenance much easier.(much much much easier!)

Edited Manual Navigation code

<h1>

CatPencil Wiki
class="menu">
class="menu-title">
Navigation 

 href="index.html">
Main Page


 href="projects.html">
My Projects


href="https://catpencil.atabook.org/">
Guestbook


href="articleslist.html">
A full list of all Articles

href="credits.html">
Credits
class="menu-title">
About us

href="aboutus.html">
What is CatPencil Wikipedia?

href="helpboardofeditors.html">
The Board of Editors

href="boardofcats.html">
The Board of Cats

href="boardofrelations.html">
The Board of Relations

However some articles we're unfortunetly unsaveable so I rewrote them from bottom all together.

New additions

We've introduced new infoboxes for every page to clearly display its status, with rankings ranging from Core to Article. We also created several new board pages, including the Board of Editors, Cats, and Relations, although only one of the three has been completed so far. This update also introduces the new article Lilly's Broken Mixer, fixes a bug that incorrectly redirected users to the home page when clicking the Guestbook, refreshes and reorganizes several outdated links, and expands the navigation panel with a new list containing many more articles for easier browsing.