Skip to content

Commit

Permalink
Apply changes to layout so that the tipping UX is a bit more intuitive
Browse files Browse the repository at this point in the history
  • Loading branch information
nolim1t committed Jan 27, 2019
1 parent 90d5710 commit e01d603
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 6 deletions.
2 changes: 1 addition & 1 deletion _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,6 @@ <h2>Who am I?</h2>
<!-- React Stuff -->
<script type="text/babel" src="/js/app.js"></script>
<!-- Lightning module -->
<script src="/js/addon-btc-lightning.js"></script>
<script src="//nolim1t.co/js/addon-btc-lightning.js"></script>
</body>
</html>
15 changes: 10 additions & 5 deletions _layouts/post.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,19 @@ <h2>{{ page.title }}</h2>
Like this post? Send us a little tip with <strong><a onclick="toggleLNPay(); ">crypto or lightning ⚡️</a></strong> (what is <a href="http://lightning.network/" target="lninfo">lightning ⚡️</a>?)
<div id="lnpay" style="visibility: hidden; ">
<div id="lnapp">
<input id="amountinput" v-model="amount" placeholder="Tip USD amount" />
<input id="amountinput" v-model="amount" placeholder="Tip USD amount" style="visibility: hidden; " />
<input id="fiatcode" name="fiatcode" placeholder="Currency" value="USD" style="visibility: hidden; " />
<p>
Press a button which applies. micro (1 cent) / small (3 bucks) / generous (10 bucks)/ baller (25 bucks)
</p>
<div id="buttons">
<button id="like-button" onClick='document.getElementById("amountinput").value = "0.15"; '>👍</button>
<button id="coffee-button" onClick='document.getElementById("amountinput").value = "3.50"; '>☕️ 🍺</button>
<button id="love-button" onClick='document.getElementById("amountinput").value = "5"; '>❤️</button>
<button id="like-button" v-on:click='document.getElementById("amountinput").value = "0.01"; lnapp.generateInvoice();'>👍</button>
<button id="coffee-button" onClick='document.getElementById("amountinput").value = "3.50"; lnapp.generateInvoice();'>☕️ </button>
<button id="beer-button" onClick='document.getElementById("amountinput").value = "10"; lnapp.generateInvoice();'>🍺</button>
<button id="love-button" onClick='document.getElementById("amountinput").value = "25"; lnapp.generateInvoice();'>🥩</button>
<input id="descriptionform" type="hidden" value="Tip for post '{{ page.title }}'" />
</div>
<button id="submitbutton" v-on:click="generateInvoice">Send tip using ⚡️ lightning or another crypto</button>
<button id="submitbutton" v-on:click="generateInvoice" style="visibility: hidden; ">Send tip using ⚡️ lightning or another crypto</button>
<div id="result">
</div>
</div>
Expand Down

0 comments on commit e01d603

Please sign in to comment.