This module provides the following USWDS 3 components for Gutenberg editor. The components are distributed in sub-modules to make them easier to maintain and filter. USWDS is a design system for the USA federal government which aims make it easier to build accessible, mobile-friendly government websites.
Here we have an Accordion
Copy
Lorem ipsum dolor sit amet consectetur adipiscing elit, malesuada viverra natoque integer arcu fusce quis sodales, dignissim nam phasellus primis vivamus placerat. Quisque curae porttitor tempor felis vestibulum nam primis, convallis accumsan non bibendum risus hendrerit pulvinar, mi eros posuere conubia ut molestie. Laoreet nostra quisque pretium a ridiculus orci torquent, felis fermentum praesent aliquam fusce interdum lacinia, metus euismod purus bibendum libero consequat.
Massa sapien fermentum nec maecenas semper non per sociis conubia eget penatibus habitant, eros interdum vivamus urna auctor curae dignissim at pulvinar quisque posuere platea elementum, nisl dapibus eu scelerisque augue laoreet tempus cursus purus lacinia bibendum.
Mollis orci imperdiet at arcu a, nisi et urna torquent, per praesent leo rhoncus. Etiam hendrerit tortor sociis felis sapien pretium convallis ad suspendisse aliquam, integer tempor magnis orci semper vestibulum ligula dis luctus nostra, phasellus montes ut consequat tellus velit libero iaculis sed.
It is widely believed that the history of Lorem Ipsum originates with Cicero in the 1st Century BC and his text De Finibus bonorum et malorum. This philosophical work, also known as On the Ends of Good and Evil, was split into five books. The Lorem Ipsum we know today is derived from parts of the first book Liber Primus and its discussion on hedonism, the words of which had been altered, added and removed to make it nonsensical and improper Latin.
The CARD . . .
. . . has a heading, a picture, a small amount of text, and a link / button.
here are three cards in three columns
The Gatekeeper
butterfly is so called because it is often seen in near gates.
The Painted Lady
is very common.
It can be found on most continents and in most climates, and migrates hundreds of miles between seasons.
The Peacock
butterfly has eyes on its wings reminiscent of the eyes in a peacock's tail
The placement of the Title of the card is determined by the Title at top toggle in the Block tab of the settings panel under Default layout - Media settings. The height of the Card body (the text) is adjusted to keep each card the same height. Neat.
This is a card in the main body and not in columns
As you can see, The image defaults to a "Large (480x480)" image Style. In a wide column this is not good enough resolution. The CARD block does not offer a way to change the Image Style/size as for a normal IMAGE block.
Here is a 'modal' - click the button to see more
The East Midlands Synod is part of The United Reformed Church in Scotland, England and Wales. Click the button to see more.
The popup is in the next column. The text that will be poped-up is included in the area of the block revealed if you click the button while editing. You can add paragraphs, Headings, buttons to this text just like anywhere else.
This is the modal 'dialogue' that will open
The URC is a family of Christians who meet in local churches across England, Scotland and Wales, part of the worldwide family of Reformed Churches, a group of more than 70 million Christians.
The URC has around 37,000 members in about 1,250 congregations with more than 600 ministers. More than 50,000 people worship in our churches each week, and many more take part in the weekday activities of the churches.
- one
- two
- three
Process List (simple timeline)
working through building the new website
-
The old site
This was built in Drupal 7 which was coming to the end of its life at the end of the Covid 19 Pandemic. This 'D7' site was also not well organised. It had grown piecemeal as I had been asked to add features (or more often suggested features). There was not overall editorial control from anyone other than myself
-
Planning
We started with a fair bit of research to help us decide what to do.
-
The empty Drupal 9 site
Then a Drupal 9 site was set up under a subdomain of our regular site.
I went through a process of replicating what was already available in the D7 site.
Summary Box
USWDS modules
- The module provides a set of good looking and useful blocks
- As with any predefined layout, they often have limitations
- Some, such as the Card, and this Summary Box can be built quite easily from standard Gutenberg blocks.
They simply add speed to the editing process, and uniformity of what is produced.