Main navigation and full screen video

Still day 2

This was a beautiful day. Not outside, it’s raining and cold here in Belgium. But I managed to do a lot of work. First of all the underscores starter theme got MDBootstrap 5 capabilities. From there, things went smoothly:

  1. Show the Site Icon as a brand.
  2. Embed the primary menu from WordPress in the design.
  3. Provide a search function to the users (not finished yet).
  4. A link to Twitter and Github. Not sure about this element.
  5. The full screen video. Set by the number from Vimeo.
  6. Site Title from WordPress.
  7. Site description form WordPress.
Theme frontpage study
A study of the new frontpage with a full screen video.

So far, so good.

Oh, the navigation bar is animated on scroll. First time I did that in Bootstrap 5. Here’s a gif: (but for some reason the gif ain’t working. Will fix this tomorrow)

An navbar animated on scroll. I love it.

So. Time for bed. Tomorrow, we’ll add some services, projects or news to the front-page. Still a lot of work to do but I forgot how much fun it is.

_s and local testenvironment

Day 2

Today we have some important tasks at hand. First, we setup a local environment. For those interested, I’m going to use Mamp, Namo, Visual Studio Code and Codekit. That will do for now.

Then I used _s (underscores) to generate a theme. For simplicity, I simply call this theme twentyfourdegrees.

Let’s set this up.


Update: the starter theme from _s is ready.

The underscores starter theme is active. And empty.

Let’s get coding.