21 lines
1.4 KiB
Plaintext
21 lines
1.4 KiB
Plaintext
|
<header>
|
||
|
|
<h1>Some Website Design and CSS</h1>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<p>I had some time to pick some - emphasis on some - CSS so that I can make this site more accessible. I was generally tackling several issues, such as a cumbersome navigation experience when browing this site.</p>
|
||
|
|
|
||
|
|
<h3>Added navigation bar at the top</h3>
|
||
|
|
<p>For those who might have browsed here before, I previously did not have navbar. It was a nightmare to browse here because you would have to scrounge through text in paragraphs just to find my CV and links to nagivate the blog. So I went and added one. It's just a flexbox with space-between. I also went ahead and worked that class into the bottom bar which contained Prev and Next.</p>
|
||
|
|
|
||
|
|
<h3>Hyperlink colours and underlines</h3>
|
||
|
|
<p>I didn't like how hyperlinks turned blue,red,etc. (Accent colours/theming of the site is still in progress) So, I added some class properties to remove the colours and only show the underline when under the cursor hover. That was all. Generally made the site browing experience more cohesive and consistent.</p>
|
||
|
|
|
||
|
|
<p>Overall, I added quite a bit of HTML/CSS and size to my pages, but I think it's worth it. IMO, the accessibility and user experience really improved. If you have any kind of input about these changes, I would certainly welcome an email about it.</p>
|
||
|
|
|
||
|
|
<hr>
|
||
|
|
|
||
|
|
<p><div class="navbar">
|
||
|
|
<div><a href="blog-007">Prev</a></div>
|
||
|
|
<div><a href="blog-000">Next</a></div>
|
||
|
|
</div></p>
|