spee.ch/views/partials/memeFodderMaker.handlebars

51 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-22 05:05:11 +02:00
<h2>#MemeFodder</h2>
2017-06-20 07:37:36 +02:00
</div>
2017-06-21 18:14:53 +02:00
<div class="card-block">
2017-06-20 22:07:49 +02:00
<div class="row">
2017-06-21 01:49:33 +02:00
<div class="col-md-12">
2017-06-21 19:25:20 +02:00
<h3>Congratulations, you found the /meme-fodder game</h3>
2017-06-21 02:39:41 +02:00
<p>Here's how it's played...</p>
2017-06-22 05:05:11 +02:00
<p>Create a meme based on the current <i>lbry://meme-fodder</i> claim using the tools below. Got a masterpiece? <a href="https://twitter.com/hashtag/MemeFodder" target="_blank">Share it with the community</a> and see what they think!</p>
2017-06-22 04:45:56 +02:00
<p><i>Spee.ch/meme-fodder/play</i> will always use the public, free image that owns the claim <a href="lbry://meme-fodder">lbry://meme-fodder</a>. Want to put a different image on the chopping block? Go publish it!</p>
2017-06-21 01:49:33 +02:00
</div>
2017-06-20 22:07:49 +02:00
</div>
2017-06-20 07:37:36 +02:00
<div class="row">
2017-06-21 18:14:53 +02:00
<div class="col-md-5">
2017-06-20 07:37:36 +02:00
<canvas id="meme-canvas">
2017-06-21 19:25:20 +02:00
If you can see this, the meme generator is not supported by your browser.
2017-06-20 07:37:36 +02:00
</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>
2017-06-21 18:14:53 +02:00
<div class="col-md-7">
<div id="publish-active-area">
<div class="row">
<div class="col-md-12">
<label for="top-text">Meme:</label>
<input id="top-text" type="text" value="Hello" />
</div>
2017-06-20 22:07:49 +02:00
</div>
2017-06-21 18:14:53 +02:00
<div class="row">
<div class="col-md-12">
<input id="bottom-text" type="text" value="world!" />
</div>
2017-06-20 22:07:49 +02:00
</div>
2017-06-21 18:14:53 +02:00
<div class="row">
<div class="col-md-12">
<label for="meme-name">Claim Name:</label>
<input id="file-name-input" type="text" value="My-Claim-Name" />
</div>
2017-06-20 22:07:49 +02:00
</div>
2017-06-21 18:14:53 +02:00
<div class="row">
<div class="col-md-12">
<button onclick="startPublish()">Save and Publish</button>
</div>
2017-06-20 22:07:49 +02:00
</div>
</div>
2017-06-20 07:37:36 +02:00
</div>
</div>
</div>
</div>
2017-06-22 04:45:56 +02:00
</div>