spee.ch/views/partials/memeFodderMaker.handlebars

31 lines
1.2 KiB
Handlebars
Raw Normal View History

2017-06-27 03:21:16 +02:00
<div class="panel" id="meme-fodder-maker">
<div>
<h2>#LBRYMemeFodder</h2>
2017-06-23 06:43:53 +02:00
<h3>Congratulations, you found the /meme-fodder game!</h3>
<p>Create a meme based on the current <i>lbry://meme-fodder</i> claims using the tool below.</p>
</div>
<div class="col-left">
<canvas id="meme-canvas">
If you can see this, the meme generator is not supported by your browser.
</canvas>
<img id="start-image" src="/meme-fodder" alt="a picture to make your meme with"/>
</div>
<div class="col-right">
<textarea id="direct-link-holder" hidden="true">No URL yet</textarea>
<div id="publish-active-area">
<p>
2017-06-23 19:47:01 +02:00
<label>Meme:</label><br/>
2017-06-23 06:43:53 +02:00
<input id="top-text" type="text" value="Hello" /><br/>
<input id="bottom-text" type="text" value="world!" /><br/>
</p>
<p>
2017-06-23 19:47:01 +02:00
<label for="publish-name">Claim Name:</label></br>
2017-06-23 19:58:22 +02:00
<input id="publish-name" type="text" placeholder="Your claim name" />
2017-06-23 06:43:53 +02:00
</p>
<p>
<button onclick="startPublish()">Save and Publish</button>
</p>
2017-06-20 07:37:36 +02:00
</div>
</div>
2017-06-23 06:43:53 +02:00
<p class="stop-float">Got a masterpiece? <a href="https://twitter.com/hashtag/LBRYMemeFodder" target="_blank">Share it with the community</a> and see what they think!</p>
2017-06-22 04:45:56 +02:00
</div>