gram: `card`

> `./docs/examples/youtube.md`

Lenses
(coming soon!)


# YouTube Gallery

Youtube has an incredible recommendation system which helps people to find content that they are interested in. There are ways that Wildcard can help with spending your time on the platform (shown below).

<div class="w3-content w3-display-container">

<img class="galleryImages" src="examples/_images/youtube/wildcard_open.png" alt="YouTube with Wildcard open" style="display:block;">
<figcaption class="figcaption" style="display:block"> Youtube Default View with Wildcard open. </figcaption>

<img class="galleryImages" src="examples/_images/youtube/ranked_by_watch_time.png" alt="YouTube with Wildcard open">
<figcaption> Wildcard can be used to sort the videos based on their length. </figcaption>


<div class="w3-center w3-container" style="width:100%">
    <div class="w3-left w3-display-left" onclick="moveBy(-1)">&#10094;</div>
    <div class="w3-right w3-display-right" onclick="moveBy(1)">&#10095;</div>
    <span class="w3-badge w3-white w3-border w3-hover-lime" onclick="moveToFigure(1)"></span>
    <span class="w3-badge w3-green w3-border w3-hover-lime" onclick="moveToFigure(2)"></span>
</div>

</div>

gram: card

> ./docs/examples/youtube.md

gram: `card`

> `./docs/examples/youtube.md`