gram: card

> ./docs/examples.md

Lenses
(coming soon!)

#  Example gallery

Wildcard provides a wide variety of flexibility and personalization for users. With Wildcard, you can sort elements on a page based on a metric such as price or rating, import your favorite rich text editor, or make annotations on items when shopping. 

Here are some examples of how Wildcard in use on some websites: 

<div class="gallery-wrapper">

<div class="img-caption-pair">

#### [1. Amazon: Tally and sort prices](examples/amazon.md)
<div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/amazon">
    <img class="imageTarget" src="examples/_images/amazon/ascended_sort.png">
    </a>
</div>
</div>


<div class="img-caption-pair">

#### [2. AirBnB: Annotate listings](examples/airbnb.md)
<div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/airbnb">
    <img class="imageTarget" src="examples/_images/airbnb/annotations.png">
    </a>
</div>
</div>


<div class="img-caption-pair">

#### [3. Blogger: Import rich text editors](examples/blogger.md)
 <div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/blogger">
    <img class="imageTarget" src="examples/_images/blogger/edited_text.png">
    </a>
</div>
</div>


<div class="img-caption-pair">

#### [4. Hackernews: Find popular news](examples/hackernews.md)
<div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/hackernews">
    <img class="imageTarget" src="examples/_images/hackernews/ranked_by_points.png">
    </a>
</div>
</div>


<div class="img-caption-pair">

#### [5. Weather: Find the best weather](examples/weather.md)
<div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/weather">
    <img class="imageTarget" src="examples/_images/weather/warmest.png">
    </a>
</div>
</div>


<div class="img-caption-pair">

#### [6. Youtube: Sort videos by watch time](examples/youtube.md)
 <div>
    <a href="https://geoffreylitt.github.io/wildcard/#/examples/youtube">
    <img class="imageTarget" src="examples/_images/youtube/ranked_by_watch_time.png">
    </a>
</div>
</div>

</div>