spee.ch/views/partials/memeMaker.handlebars

46 lines
1.8 KiB
Handlebars
Raw Normal View History

2017-06-20 07:37:36 +02:00
<div class="col-md-12">
<div class="card" id="publish">
<div class="card-title card-block grey lighten-1 white-text">
2017-06-20 22:07:49 +02:00
<h2>/LbryMemeFodder</h2>
2017-06-20 07:37:36 +02:00
</div>
<div class="card-block" id="publish-active-area">
2017-06-20 22:07:49 +02:00
<div class="row">
<p>Congratulations, you found <i>/LbryMemeFodder</i>. Here's the game...</p>
<p>(1) <i>/LbryMemeFodder</i> will always use the winning public, free image published to <a href="lbry://meme-fodder">lbry://meme-fodder</a>. (meaning the most recent, highest bid). Want to put a different image on the chopping block? Go publish it!</p>
<p>(2) Create a meme based on the current claim with the tool below. Think you got a winner? <a href="https://twitter.com/hashtag/LbryMemeFodder" target="_blank">Share it with the community</a> and see what they think!</p>
</div>
2017-06-20 07:37:36 +02:00
<div class="row">
<div class="col-md-6">
<canvas id="meme-canvas">
If you can see this, canvas is not supported.
</canvas>
2017-06-20 22:07:49 +02:00
<img id="start-image" src="/meme-fodder" alt="a picture to make your meme with"/>
2017-06-20 07:37:36 +02:00
</div>
<div class="col-md-6">
2017-06-20 22:07:49 +02:00
<div class="row">
<div class="col-md-12">
<label for="top-text">Meme:</label>
<input id="top-text" type="text" value="Is it ready?" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<input id="bottom-text" type="text" value="Who cares, ship it!" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="meme-name">File Name:</label>
<input id="meme-file-name" class="form-control" type="text" value="YourFileName.jpg" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<a id="meme-download-link" download="YourFileName.jpg"><button>Save and Publish</button></a>
</div>
</div>
2017-06-20 07:37:36 +02:00
</div>
</div>
</div>
</div>
</div>