Video Embeds

Embedding video can be more complicated than you might assume. The main problem arises when trying to make the video embed responsive (meaning it adapts to different screen sizes). There are multiple ways to handle this, but none are perfect. The easiest way, in my opinion, is to use the free service Embed Responsively.

You simply paste a link to your video of choice and it provides you with the proper embed code. Of course, this is fully supported with Bayou Theme. Here are examples from YouTube and Vimeo.

Youtube

Vimeo

You can test this by resizing your browser or viewing this page on different devices (such as a phone and computer).

Photo Collections

Micro.blog allows you to create photo collections with relative ease. This is an example of a collection as it is displayed with Micro.blog.

A tranquil river scene features a small boat floating between trees draped in Spanish moss under a clear sky.A small boat is docked in a lush, green, forested area by a calm river.A serene swamp landscape with dense trees and still water is bathed in a soft, sunset glow.A tranquil scene of a waterfront at sunset, featuring silhouetted poles and power lines against a colorful sky.A tranquil swamp scene features tall cypress trees with distinctive roots submerged in shallow water, surrounded by lush green foliage.A wooden dock extends into a serene river bordered by lush greenery and under a partly cloudy sky.A tranquil lakeside scene showcases a small house surrounded by trees with their reflection mirrored in the water.A white heron stands in a lush, green swamp surrounded by tall trees and filtered sunlight.A large cypress tree covered in Spanish moss stands in still water under a blue sky.A crocodile or alligator partially submerged in dark water is visible, with its eyes and snout above the surface.A crocodile is partially submerged in water, with its eyes and snout visible above the surface.

On the Bayou

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non eros sem. Mauris sit amet commodo lorem. Nulla consequat, ligula sit amet condimentum lobortis, velit nunc aliquet erat, non aliquam eros tortor sit amet eros. Cras vel ultrices lectus. Nullam porta ornare libero id dapibus. Nulla sed lectus laoreet, pellentesque erat sed, ultrices diam. Proin ut turpis consequat, lobortis quam id, eleifend lorem.

Donec sed laoreet ipsum. Proin laoreet ac nisl laoreet tempus. Nam id placerat enim. Curabitur ut aliquam massa, a pellentesque libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas in varius est. Maecenas id mollis arcu. Nunc venenatis quis odio non pretium. Morbi maximus leo et enim consectetur, sodales cursus neque posuere. Donec eget tortor in risus placerat laoreet. Vestibulum vel sapien massa. Duis sit amet congue purus.

Proin laoreet malesuada orci, et fermentum diam vulputate in. Nunc quis accumsan metus. Sed gravida, magna id placerat dictum, nisl ligula egestas enim, in vulputate diam quam tincidunt metus. Integer ut ornare massa. In hac habitasse platea dictumst. Aenean interdum congue felis non tincidunt. Praesent facilisis, mauris ac tempor auctor, justo odio accumsan purus, et tincidunt nisi lectus non massa. Praesent nunc tortor, dapibus ac eros quis, volutpat interdum arcu. Fusce elit quam, consectetur eget efficitur vel, facilisis non risus. Aenean vel lectus pharetra, pulvinar erat ut, auctor tortor. Donec lobortis lobortis orci, vitae congue mauris accumsan id. Aliquam est odio, molestie at placerat a, sodales a nibh. Vestibulum tincidunt pellentesque mauris quis gravida. Vestibulum et tempor ex. Praesent in pulvinar tellus, quis sagittis dui.

Sed rhoncus tincidunt mollis. Nam eget urna sed odio lobortis commodo quis ut leo. Aliquam elementum quam sit amet nulla porttitor consectetur. Nullam fringilla pretium dolor, sed bibendum augue congue eget. Vivamus aliquam elit lacus, at vehicula ligula blandit et. Nulla vel neque vel erat consectetur malesuada. Proin faucibus, nisl vitae euismod mollis, massa orci tincidunt lacus, eget ornare arcu nibh vitae dolor. Curabitur ultrices imperdiet mauris a aliquam.

Vivamus non vulputate nunc. Ut aliquam ultricies vulputate. Fusce mattis neque laoreet volutpat maximus. Etiam et lorem dictum felis tempor sodales ut a nulla. In vitae mauris ipsum. Vivamus mattis quis mi a lacinia. Maecenas justo justo, condimentum ac libero ut, ornare pretium dolor. Aenean rutrum fermentum lorem ac aliquam. Quisque posuere eros a ipsum semper, non porta felis faucibus. Nullam imperdiet aliquam dictum. Sed efficitur magna purus, ac lobortis orci sodales et. Nunc ullamcorper risus ut sapien elementum, vel imperdiet mi fringilla. Etiam finibus sit amet massa sed pharetra. Cras gravida ultricies tincidunt. Etiam nec volutpat lacus. Sed id commodo massa.

The Power of Words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non eros sem. Mauris sit amet commodo lorem. Nulla consequat, ligula sit amet condimentum lobortis, velit nunc aliquet erat, non aliquam eros tortor sit amet eros. Cras vel ultrices lectus. Nullam porta ornare libero id dapibus. Nulla sed lectus laoreet, pellentesque erat sed, ultrices diam. Proin ut turpis consequat, lobortis quam id, eleifend lorem.

Donec sed laoreet ipsum. Proin laoreet ac nisl laoreet tempus. Nam id placerat enim. Curabitur ut aliquam massa, a pellentesque libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas in varius est. Maecenas id mollis arcu. Nunc venenatis quis odio non pretium. Morbi maximus leo et enim consectetur, sodales cursus neque posuere. Donec eget tortor in risus placerat laoreet. Vestibulum vel sapien massa. Duis sit amet congue purus.

Proin laoreet malesuada orci, et fermentum diam vulputate in. Nunc quis accumsan metus. Sed gravida, magna id placerat dictum, nisl ligula egestas enim, in vulputate diam quam tincidunt metus. Integer ut ornare massa. In hac habitasse platea dictumst. Aenean interdum congue felis non tincidunt. Praesent facilisis, mauris ac tempor auctor, justo odio accumsan purus, et tincidunt nisi lectus non massa. Praesent nunc tortor, dapibus ac eros quis, volutpat interdum arcu. Fusce elit quam, consectetur eget efficitur vel, facilisis non risus. Aenean vel lectus pharetra, pulvinar erat ut, auctor tortor. Donec lobortis lobortis orci, vitae congue mauris accumsan id. Aliquam est odio, molestie at placerat a, sodales a nibh. Vestibulum tincidunt pellentesque mauris quis gravida. Vestibulum et tempor ex. Praesent in pulvinar tellus, quis sagittis dui.

Sed rhoncus tincidunt mollis. Nam eget urna sed odio lobortis commodo quis ut leo. Aliquam elementum quam sit amet nulla porttitor consectetur. Nullam fringilla pretium dolor, sed bibendum augue congue eget. Vivamus aliquam elit lacus, at vehicula ligula blandit et. Nulla vel neque vel erat consectetur malesuada. Proin faucibus, nisl vitae euismod mollis, massa orci tincidunt lacus, eget ornare arcu nibh vitae dolor. Curabitur ultrices imperdiet mauris a aliquam.

Vivamus non vulputate nunc. Ut aliquam ultricies vulputate. Fusce mattis neque laoreet volutpat maximus. Etiam et lorem dictum felis tempor sodales ut a nulla. In vitae mauris ipsum. Vivamus mattis quis mi a lacinia. Maecenas justo justo, condimentum ac libero ut, ornare pretium dolor. Aenean rutrum fermentum lorem ac aliquam. Quisque posuere eros a ipsum semper, non porta felis faucibus. Nullam imperdiet aliquam dictum. Sed efficitur magna purus, ac lobortis orci sodales et. Nunc ullamcorper risus ut sapien elementum, vel imperdiet mi fringilla. Etiam finibus sit amet massa sed pharetra. Cras gravida ultricies tincidunt. Etiam nec volutpat lacus. Sed id commodo massa.

Inspiration

These are the sites and resources that inspired me to create Bayou Theme for Micro.blog.