Template:MonthlyConvert/Default: Difference between revisions

Content deleted Content added
remove close, add another back link
use <html> for the whole thing
Line 1:
<noinclude><html><meta name="viewport" content="width=device-width, initial-scale=1"></html>{{IncludeCSS | Template:Styles/Default.css }}</noinclude>
<templatestyles src="Template:MonthlyConvert/Default/styles.css"/>
<html>
<div class="mc-modal-screen">
<div class="mc-modal">
<div class="mc-choice">
<div class="mc-back" tabindex="0">
<!-------------><html> <svg class="mc-icon mc-icon-back" aria-labelledby="frb-icon-back-title" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16"><title id="frb-icon-back-title">Back</title><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><path stroke="#72777D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.778" d="M7.181 13.285L.753 7 7.181.715"/><rect width="18.182" height="1.778" x=".818" y="6.111" fill="#72777D" rx=".889"/></g></svg></html>
</div>
<h1>Why not make it <span class="mc-amt-suggest">$Y</span> monthly?</h1>
<p>Monthly support is the best way to ensure that Wikipedia keeps thriving.</p>
 
<div class="mc-buttons"><html>
<button class="mc-button mc-no-button">No thanks! I'll make a one-time donation of <span class="mc-amt-initial">$X</span></button>
<button class="mc-button mc-yes-button">Yes, I'll donate <span class="mc-amt-suggest">$Y</span> each month</button>
</html></div><!--mc-buttons-->
 
<div class="mc-link mc-diff-amount-link" tabindex="0">Yes, I'll donate monthly, but for a different amount</div>
Line 20 ⟶ 21:
<div class="mc-edit-amount" style="display: none">
<div class="mc-back" tabindex="0">
<!-------------><html> <svg class="mc-icon mc-icon-back" aria-labelledby="frb-icon-back-title" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16"><title id="frb-icon-back-title">Back</title><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><path stroke="#72777D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.778" d="M7.181 13.285L.753 7 7.181.715"/><rect width="18.182" height="1.778" x=".818" y="6.111" fill="#72777D" rx=".889"/></g></svg></html>
</div>
<h1>Thank you for your support!</h1>
Line 26 ⟶ 27:
 
<div class="mc-other-amount">
<!-------------><html> <input id="mc-other-amount-input" name="otherMonthlyAmount" class="noime" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="0" /></html> <span class="mc-currencycode"></span>
<div class="mc-error mc-error-smallamount lp-error-smallamount">{{int:donate_interface-smallamount-error}}</div>
<div class="mc-error mc-error-bigamount lp-error-bigamount">{{int:donate_interface-bigamount-error}}</div>
</div>
 
<div class="mc-buttons"><html>
<button class="mc-button mc-donate-monthly-button">Donate Monthly</button>
</html></div><!--mc-buttons-->
</div><!--mc-edit-amount-->
</div><!--mc-modal-->
</div>
</html>