Template:MonthlyConvert/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude><html><meta name="viewport" content="width=device-width, initial-scale=1"></html>{{IncludeCSS | Template:Styles/Default.css }}</noinclude>
<noinclude><html><meta name="viewport" content="width=device-width, initial-scale=1"><style>.action-view .mc-modal-screen { display: block !important; }</style><form name="donateForm"></form></html>{{IncludeCSS | Template:Styles/Default.css }}</noinclude>
<templatestyles src="Template:MonthlyConvert/Default/styles.css"/>
<templatestyles src="Template:MonthlyConvert/Default/styles.css"/>
<html>
<div class="mc-modal-screen">
<div class="mc-modal-screen">
<div class="mc-modal">
<div class="mc-modal" role="dialog" aria-labelledby="mc-title">
<div class="mc-close" tabindex="0">
<!---------><html><svg class="mc-icon mc-icon-close" width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><title>Close</title><g stroke="#72777d" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M2 3l7 7M9 3l-7 7"/></g></svg></html>
</div>
<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>
<div class="mc-choice">
<div class="mc-choice">
<h1>Why not make it <span class="mc-amt-suggest">$Y</span> monthly?</h1>
<button class="mc-back" aria-label="</html>{{Translated|Template:MonthlyConvertText/Back}}<html>">
<svg class="mc-icon mc-icon-back" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><path stroke="#000000" 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>
<p>Monthly support is the best way to ensure that Wikipedia keeps thriving.</p>
</button>
<h2 id="mc-title">
<svg class="frb-icon frb-icon-heart" aria-hidden="true" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66"><path fill="#900" d="M66 20.8C66 9.3 57.6 0 47.3 0 41.6 0 36.4 2.9 33 7.4 29.6 2.9 24.4 0 18.7 0 8.4 0 0 9.3 0 20.8 0 27 2.5 32.5 6.3 36.3L33.1 66l28-31.2c3-3.7 4.9-8.6 4.9-14z"></path></svg>
</html>{{Translated|Template:MonthlyConvertText/Ask}}<html>
</h2>
<div class="mc-text">
</html>{{Translated|Template:MonthlyConvertText/BestWay}}<html>
</div>
<button class="mc-button mc-no-button">
</html>{{Translated|Template:MonthlyConvertText/ResponseNo}}<html>
</button>
<button class="mc-button mc-yes-button">
</html>{{Translated|Template:MonthlyConvertText/ResponseYes}}<html>
</button>
<button class="mc-link mc-diff-amount-link">
</html>{{Translated|Template:MonthlyConvertText/ResponseDifferentAmount}}<html>
</button>


<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>
</div><!--mc-choice-->
</div><!--mc-choice-->


<div class="mc-edit-amount" style="display: none">
<div class="mc-edit-amount" style="display: none">
<div class="mc-back" aria-label="</html>{{Translated|Template:MonthlyConvertText/Back}}<html>">
<h1>Thank you for your support!</h1>
<svg class="mc-icon mc-icon-back" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16"><g fill="none" fill-rule="evenodd" transform="translate(1 1)"><path stroke="#000000" 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>
<p>Enter your monthly donation amount</p>
</div>
<h2></html>{{Translated|Template:MonthlyConvertText/Thank}}<html></h2>
<label for="mc-other-amount-input"></html>{{Translated|Template:MonthlyConvertText/EnterDifferentAmount}}<html></label>


<div class="mc-other-amount">
<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>
<input id="mc-other-amount-input" name="otherMonthlyAmount" class="noime" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="0" /> <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-smallamount lp-error-smallamount"></html>{{int:donate_interface-smallamount-error}}<html></div>
<div class="mc-error mc-error-bigamount lp-error-bigamount">{{int:donate_interface-bigamount-error}}</div>
<div class="mc-error mc-error-bigamount lp-error-bigamount"></html>{{int:donate_interface-bigamount-error}}<html></div>
</div>
</div>


<button class="mc-button mc-donate-monthly-button"></html>{{Translated|Template:MonthlyConvertText/ConfirmButton}}<html></button>
<div class="mc-buttons">
<div class="mc-button mc-donate-monthly-button" tabindex="0">Donate Monthly</div>
</div><!--mc-buttons-->
</div><!--mc-edit-amount-->
</div><!--mc-edit-amount-->
</div><!--mc-modal-->
</div><!--mc-modal-->
</div>
</div>
</html>

Latest revision as of 20:05, 26 April 2024