Welcome back! I’ve been offline since I don’t have a lot of time in college. However, I managed to work on my blog’s front-end, and now I’ve basically finished what I listed in the earlier post. Here’s what’s changed.
About Page Is Now Up and Running
Items in Category and Tag Pages Are Sorted
The list of categories (as well as tags) is in alphabetical order. I also put each item into a shaded box and put some paddings around it, and it looks way better.
A Better Looking Post’s Metadata
Category and tag lists are sorted. The background and paddings of each item are also the same as those in Categories and Tags.
YouTube Videos Are Now Embedded and Responsive
I embedded a YouTube video in each of my posts. I also made the video thumbnail responsive (the width of the video automatically changes as the width of the browser changes, and the aspect ratio is always 16:9).
Better Category and Tag Names
I don’t want my blog post’s URL to contain
%20(which replaced space). For instance, I’ve changed
TI-LaunchPadin Categories page.
Copy CodeButton Is Now Available
I made a copy code button for PC users who don’t want to waste time dragging and selecting my code. This was the most challenging task I had to do when I was improving the blog’s front-end. I had to write my own jQuery and design the copy code button myself. I did it!
(Way) Better Syntax Highlighting
I stopped using Pygments and started using Google Prettify. It’s great. The HTML structure generated by Prettify is also more organized. Pygments highlights code by chunks, whereas Prettify makes each line of code a
<li>and then use the
<span>tag to highlight items inside each list. I also get better line numbering and lighter CSS file.
Posts Have Better Grammar