In this video we're making the footer component into a sticky footer!!! 🐵

We'll start by describing what a sticky footer is and then we'll implement the sticky footer styling.

📗 VuePress: https://vuepress.vuejs.org/

🦍 Sticky Footer Post: https://www.c…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to add a highlight effect when hovering over SVGs, then check out VuePress Tutorial 12 - Highlight SVGs on Hover! 🍌🐒

We're now ready to add a highlight effect when hovering over the SVG icons!!! 🐵

The method we'll be using doesn't require a lot of styling, but it does require us to edit the fill attribute of the SVG icons.

We'll demonstrate how to edit the fill attribute…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to style the navbar for your VuePress site, then check out VuePress Tutorial 13 - Navbar Styling! 🍌🐒

We're now ready to begin the styling of the navbar!!! 🐵

We'll be targeting these CSS classes provided by the default theme: navbar, site-name, links, search-box, nav-links, nav-item, and dropdown-title.

To locate these classes we're going to take a look…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to style the dropdown menu for your VuePress site, then check out VuePress Tutorial 14 - Dropdown Menu Styling! 🍌🐒

We're now ready to begin the styling of the dropdown menu in the navbar!!! 🐵

We'll be targeting these CSS classes nav-dropdown and dropdown-item which are provided by the default theme.

To locate these classes we're going to take a look at the HTML of the…

Hey fellow Code Monkeys!!! 🐵 Want to learn how to install and configure the blog plugin for your VuePress site, then check out VuePress Tutorial 15 - Blog Plugin! 🍌🐒

It's now time to install and begin the process of configuring @vuepress/plugin-blog!!! 🐵

We're going to start by describing the main features provided by the plugin. Then we'll go over the installation and usage. After going over the installation and usage…

Hey fellow Code Monkeys!!! 🐵 Ready to learn about the pagination feature provided by the blog plugin, then check out VuePress Tutorial 16 - Pagination! 🍌🐒

Now it's time to learn more about the pagination feature and the Client API provided by @vuepress/plugin-blog!!! 🐵

In this tutorial we're going to begin the configuration of the pagination property as well as discuss the globally scoped $pagination variable…

Hey fellow Code Monkeys!!! 🐵 Ready to start developing the IndexPost layout component, then check out VuePress Tutorial 17 - IndexPost Layout! 🍌🐒

We're now ready to begin the development of the IndexPost layout component!!! 🐵

We'll be using the globally scoped $pagination variable provided by the blog plugin Client API to access the pagination data.

In this video we'll be focusing on the post title…

Hey fellow Code Monkeys!!! 🐵 Ready to learn how to add images to the IndexPost layout component, then check out VuePress Tutorial 18 - IndexPost Images! 🍌🐒

In this video we're going to continue the development of the IndexPost layout component!!! 🐵

We'll be using the globally scoped $pagination variable to access pagination data related to images.

To display the data on the pagination pages we'll be updating…

Hey fellow Code Monkeys!!! 🐵 Ready to learn how to add the pagination links to the IndexPost layout component, then check out VuePress Tutorial 19 - Pagination Links! 🍌🐒

In this video we're going to be adding pagination links to each of the pagination pages!!! 🐵

To accomplish this we'll be using the globally scoped $pagination variable to access pagination data related to the previous and next pagination links.

To display…

Hey fellow Code Monkeys!!! 🐵 Ready to learn how to style the pagination links, then check out VuePress Tutorial 20 - Pagination Links Styling! 🍌🐒

In this video we're going to begin the process of styling the Prev and Next pagination links that we added to each of the pagination pages in the previous tutorial!!! 🐵

To implement the styling we'll be adding the following CSS classes pagination, left-arrow…

Hey fellow Code Monkeys!!! 🐵 If you're interested in learning how to configure the settings for your Raspberry Pi, then check out the Configuring Settings post! 🍌🐒