gram: card

> ./docs/examples/blogger.md

Lenses
(coming soon!)

# Blogger Gallery

Most websites with text areas do not provide rich text editing functionality. Some applications may have text editors but those lack specific functionality that users are looking for. With Wildcard, users can import their favorite text editors into any website. Below, a rich text editor is imported into the Blogger app.

<div class="w3-content w3-display-container" style="max-width:800px">

<img class="mySlides" src="examples/_images/blogger/wildcard_closed.png" alt="" style="width:100%; display:block;">
<figcaption class="figcaption" style="display:block"> Blogger Default View with Wildcard closed. </figcaption>

<img class="mySlides" src="examples/_images/blogger/wildcard_open.png" alt="" style="width:100%;">
<figcaption> Blogger Default View with Wildcard open. </figcaption>

<img class="mySlides" src="examples/_images/blogger/edited_text.png" alt="" style="width:100%;">
<figcaption> A rich text editor chosen by the user is imported through a Wildcard cell editor and can be used to format text.  </figcaption>

<img class="mySlides" src="examples/_images/blogger/edited_html.png" alt="" style="width:100%;">
<figcaption> The rich text editor can also convert formatting into HTML. </figcaption>


<div class="w3-center w3-container w3-text-white" style="width:100%">
    <div class="w3-left w3-hover-text-teal w3-display-left" onclick="plusDivs(-1)">&#10094;</div>
    <div class="w3-right w3-hover-text-teal w3-display-right" onclick="plusDivs(1)">&#10095;</div>
    

<!-- Add/remove bubbles based on number of images -->

<span class="w3-badge demo w3-white w3-border w3-hover-lime" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(3)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(4)"></span>

</div>

</div>