Template:MonthlyConvert/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
fix tabindex
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>{{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/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">
<button class="mc-back" aria-label="</html>{{Translated|Template:MonthlyConvertText/Back}}<html>">
<h1>Why not make it $Y monthly?</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>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">
<div class="mc-button mc-yes-button" tabindex="0">No thanks! I'll make a one-time donation of $X</div>
<div class="mc-button mc-no-button" tabindex="0">Yes, I'll donate $Y each month</div>
</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" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="0" /></html> USD
<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 id="mc-error-smallamount" class="mc-error">{{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 id="mc-error-largeamount" class="mc-error">{{int:donate_interface-monthly-convert-max-amount}}</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