This is what a heading looks like - ideal for section headings in longer pieces
Of course we can have standard paragraph text as always, as well. This text can be formatted in bold or italics — or both! Text can also be made into hyperlinks to other pages on our website or elsewhere on the web.
This is the second paragraph.
This is the third paragraph. We can also have bulleted lists:
Or numbered lists: (update: this is clearly not working properly, I am filing a support ticket)
Here’s another short paragraph. Blah blah blah. We also have two styles of pull quotes/blockquotes that we can use.
Here is the first style of blockquote. In general, across our website, we will use this more to pull out details that need special emphasis, like announcements or updates at the top of a page.
There is a second, more dramatic style that I think is probably more appropriate for actually displaying excerpts of text in articles.
This is a new-style blockquote. It really breaks up the page and grabs attention more than the gray box. It can also have a citation/attribution, below, but that is optional.— Eric Rogers
So that’s the basics of presenting text on our website.
Visuals (this is another heading)
Now we’re back to paragraph text for a moment to explain what’s coming next: images and video! Specifically, below this paragraph, you will see four different visuals:
- A single image.
- An image slider (with multiple images, and arrows to let the user scroll through them).
- A mosaic (with up to three images, all sharing a single caption).
- An embedded video. We can easily embed from YouTube; other platforms have to be tested to ensure that they work.
So, here we go!
To recap, above are demonstrations of a single image; a slider displaying multiple images; a mosaic displaying three images; and an embedded YouTube video.
Buttons (this is a third heading)
Another thing we can do is display a button. This isn’t always necessary since any text can be a link. But sometimes you just need a big honking button to make it clear that there’s an action you want people to take. Example buttons below.
Optional secondary text on button
Third and final button color
Other ways to present information
Finally, let’s look at some of the other fun ways we have to organize and structure information. Paragraphs are great but sometimes you need something a little more specific! Below, we’ll look at link collections, timelines, and listicles.
First, a link collection:
That was a link collection. Now let’s look at a timeline!
Eric started working at the Conservancy
I can describe that here, with formatting just like you can use for a normal paragraph.
All events cancelled.
The Conservancy's first-ever online conference
Out and About Wright tour event also happens online
Hybrid conference takes place in Buffalo
Hard to believe we’re in the third year of this mess.
And that is a timeline, a fun way to show things that have happened over a period of time.
Finally, let’s look at a listicle — think Buzzfeed, but for Frank Lloyd Wright content.
Something about the first item goes here. Again, with formatting just like you can use for a normal paragraph.
Some things about item 2.
Third and final item in this listicle. I could go on, but I’m out of items.
I have now demonstrated all of the fun toys this website gives us to play with. Use them wisely!
Posted January 31, 2022