Projects

You can use UnoCSS Starter to generate a base theme to use with additional subthemes.

When you generate a theme, it copies all the files, and uses stable9 as the base theme by default.

When developing a theme, changes to CSS are reloaded instantly, but twig changes trigger a page refresh.

How can we make the twig component hot reload on changes?

Drupal should be able to reload a template or SDC using AJAX.

A hero is a large area above the fold, typically an image, video, or call to action.

Start by creating a block type called Hero.

It has a body field by default, add a media field that can reference image, video, and remote video.

Screens come in different sizes and shapes.

The available space can be as small as a phone, or as large as a billboard, with different pixel densities.

Regardless, the visible space when the page loads is called above the fold.

Every site needs a header, typically featuring a logo and navigation.

Using SDC for the header makes it easier to swap in pre-made layouts and styles.

Here is a basic component with slots for Branding, Primary Menu, and Secondary Menu.

Recreate theme with UnoCSS built with Vite.

Create theme

Start by generating a theme from starterkit_theme with the drupal core script.

core/scripts/drupal generate-theme THEMENAME

Introduction

I had been investigating External Entities as a way to reference modules and issues on Drupal.org.

Since then, Project Browser has come around, and started using a JSONAPI endpoint.

When I set up the site, I registered the domain with Name Cheap, and added it to my A2 hosting account.

I just had to add the A2 name servers to Name Cheap.

Users can add bikes, parts, and tools to their inventory.

Provide listing pages to view their inventory.

Prevent non admins from viewing user inventories.

Link to user inventory from account menu.