Template:MonthlyConvert/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
<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">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">
<input id="mc-other-amount-input" name="otherMonthlyAmount" type="text" inputmode="decimal" autocomplete="off" value="" tabindex="-1" /> 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">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