https://www.easytithe.com/cp/Account/Login

1<!DOCTYPE html>
2<html>
3<head>
4  <meta charset="utf-8" />
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <meta name="description" content="">
8  <meta name="author" content="Ministry Brands">
9  <link href="https://pciprd-prod-easytithe-cdnendpoint.azureedge.net/assets/skin/EasyTithe/favicon.ico" rel="shortcut icon" type="image/x-icon" />
10  <title>easyTithe - Login</title>
11  <!-- easytithe.com / 36A9E1 / easyTithe / www.easytithe.com /  -->
12    <!-- Google Tag Manager -->
13    

13<script>

13
14      (function (w, d, s, l, i) {
15        w[l] = w[l] || []; w[l].push(
16          { 'gtm.start': new Date().getTime(), event: 'gtm.js' }
17
18        ); var f = d.getElementsByTagName(s)[0],
19          j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
20            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
21      })(window, document, 'script', 'dataLayer', '

21GTM-MSMBS6

21');
22    

22</script>

22
23    <!-- End Google Tag Manager -->
24  <link href="/cp/lib/bootstrap/css/bootstrap.css" rel="stylesheet" />
25  <link href="/cp/lib/jqueryui/jquery-ui.css" rel="stylesheet" />
26  <link href="/cp/css/bootstrap-datetimepicker.css" rel="stylesheet" />
27  <link href="/cp/lib/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
28  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
29  <link href="/cp/css/style.css" rel="stylesheet" />
30  <link href="/cp/css/mvc-grid/mvc-grid.css" rel="stylesheet" />
31  <link href="/cp/css/et-refresh.css" rel="stylesheet" />
32  <link href="/cp/css/dyna_controls.css" rel="stylesheet" />
33  <link href="/cp/css/ironclad.css" rel="stylesheet" />
34  <link href="/cp/css/style.css" rel="stylesheet" />
35  <link href="/cp/css/unityheader.css?v=peSdfwqTak37cdthokMDnlr0iUPvpwaddIXRJkKb3Lw" rel="stylesheet" />
36  <link href="/cp/css/Mb_Controls.css" rel="stylesheet" />
37  <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" />
38    <link href="/cp/css/login.css?v=F6a88436F7DNcQxLLqiDF4V047tSBDqpUSfcFlCjUdI" rel="stylesheet" />
39    <style>
40      #header, .primary-bg-color {
41        background-color: #36A9E1;
42      }
43
44      .login {
45        text-align: left;
46      }
47
48        .login h4 a {
49          color: #333;
50        }
51
52          .login h4 a:hover {
53            text-decoration: none;
54          }
55
56        .login .btn-primary {
57          background-color: #36A9E1;
58          border-color: #36A9E1;
59        }
60
61      /*
62            .btn-primary {
63              background-color: #36A9E1;
64              border-color: transparent;
65            }
66            .btn-primary:hover {
67              background-color: #36A9E1;
68              border-color: #36A9E1;
69              -khtml-opacity: .80;
70              -moz-opacity: .80;
71              -ms-filter: "alpha(opacity=80)";
72              filter: alpha(opacity=80);
73              filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
74              opacity: .80;
75            }
76            */
77
78      .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
79        background-color: #36A9E1;
80        border-color: #36A9E1;
81      }
82
83      .pagination > li > a, .pagination > li > span {
84        color: #36A9E1;
85      }
86
87      .dropdown-menu .active {
88        background-color: #2d333b;
89      }
90    </style>
91
92  
93  

93<script src="/cp/lib/jquery/dist/jquery.js"></script>

93
94  

94<script src="/cp/lib/jquery-validation/dist/jquery.validate.js"></script>

94
95  

95<script src="/cp/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>

95
96  

96<script src="/cp/lib/jqueryui/jquery-ui.js"></script>

96
97  

97<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

97
98  

98<script src="/cp/lib/bootstrap/js/bootstrap.js"></script>

98
99  

99<script src="/cp/js/site.js"></script>

99
100  

100<script src="/cp/js/dyna_controls.js"></script>

100
101  

101<script src="/cp/js/Mb_Controls.js"></script>

101
102  
103</head>
104<body>
105  <div class="main-non-amplify-content">
106      <!-- Google Tag Manager (noscript) -->

106
107      <noscript>
108        <iframe src="https://www.googletagmanager.com/ns.html?id=

108GTM-MSMBS6

108" height="0" width="0" style="display:none;visibility:hidden"></iframe>
109      </noscript>
110      

110<!-- End Google Tag Manager (noscript) -->
111    <div class="row" id="body-row">
112 
113
114      <div id="page-content" class="main-content col" style="min-height: 100%;overflow-y: auto; overflow-x:hidden; height:calc(100vh - 70px);">
115        
116<style>
117  a:link, a:visited, a:hover, a:active {
118    color: #0069d9;
119    text-decoration: none;
120  }
121</style>
122<div class="container-fluid">
123  <div class="row">
124    <div class="col main">
125      <div class="login">
126        <img class="login-logo" src="https://pciprd-prod-easytithe-cdnendpoint.azureedge.net/assets/skin/EasyTithe/login-logo.svg" />
127        <div class="login-title">
128          Login to manage your account
129        </div>
130<form action="/cp/Account/Login" method="post">          <div class="login-validation-summary"></div>
131          <div class="form-group">
132            <label for="UserName">Email</label>
133            <input class="form-control" data-val="true" data-val-required="Enter your email address" id="UserName" name="UserName" type="text" value="" />
134            <span class="field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
135          </div>
136          <div class="form-group">
137            <label for="Password">Password</label>
138            <a href="/cp/Account/ForgotPassword" style="float:right" TabIndex="-1">Forgot Password?</a>
139            <input autocomplete="off" class="form-control" data-val="true" data-val-required="Enter your password" id="Password" name="Password" type="password" />
140            <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
141          </div>
142          <button id="login" type="submit" class="btn btn-primary">Log In</button>
143          <div class="ministry-id-footer">
144            <div>Or</div>
145            <span onclick="loginWithMinistryId()">
146<span class="ministry-brands-logo-sm"></span>Login With MinistryID            </span>
147            <div class="what-is-ministryid" onclick="showWhatIsMinistryIdModal()">What's this?</div>
148          </div>
149<input name="__RequestVerificationToken" type="hidden" value="CfDJ8CLqR2eKi0tHhOGNfEjaSrqsv8LrfxhnpVSvgwY8zLsYcMup15MO5hU3sW6mtbBHd1oezmL4hAGTslmeXMqE5S3kQiDfpBl95ldowARSm7sbOdHC3lOS2NxvHk0KrfBq8nD87YJ1R0RC0JseRKqvIUM" /></form>      </div>
150    </div>
151  </div>
152</div>
153
154<footer>
155  <strong>
156  easyTithe Support
157  </strong>
158    <div>1-888-77-TITHE</div>
159</footer>
160
161  
162<div id="whatIsMinistryId" class="modal fade ministry-id-modal" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
163  <div class="modal-dialog" role="document">
164    <div class="modal-content">
165      <div  id="whatIsMinistryId-content" class="modal-body">
166        <div><img class="mb-logo" src="/cp/images/logos/mb-logo.png" /></div>
167        <div><h3>One less password to forget</h3></div>
168        <div><p>Convert your easyTithe login to a MinistryID and sign in with a single username and password anywhere you see this button</p></div>
169        <div><img src="/cp/images/ministryid-screenshot.gif" /></div>
170        <div class="button-row">
171          <button id="ministry-id-later">Maybe Later</button>
172          <button id="ministry-id-get-started">Get Started</button>
173        </div>
174      </div>
175
176      <div id="ministryIdNoWorries-content" class="modal-body">
177        <div><img class="mb-logo" src="/cp/images/logos/mb-logo.png" /></div>
178        <div><h3>No worries!</h3></div>
179        <div><p>You can create a MinistryID anytime by looking for the above logo on your Account page</p></div>
180        <div class="button-row">
181          <button id="ministryIdNoWorries-close">Close</button>
182        </div>
183      </div>
184    </div>
185  </div>
186</div>
187
188<div id="ministryIdLinked" class="modal fade ministry-id-modal" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
189  <div class="modal-dialog" role="document">
190    <div class="modal-content">
191      <div class="modal-body">
192        <div><img src="/cp/images/icons/icon-checkmark.png" /></div>
193        <div><h3>Your MinistryID has been successfully linked. From now on, use your MinistryID to log in</h3></div>
194        <div class="button-row">
195          <button id="ministryIdLinked-close">Close</button>
196        </div>
197      </div>
198    </div>
199  </div>
200</div>
201
202
203
204
205<div id="shouldUseMinistryId" class="modal fade ministry-id-modal" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
206  <div class="modal-dialog" role="document">
207    <div class="modal-content">
208      <div class="modal-body">
209        <div><img class="mb-logo" src="/cp/images/logos/mb-logo.png" /></div>
210        <div><h3>MinistryID </h3></div>
211        <div><p>It appears you have a MinistryID. In the future, please log in using your MinistryID rather than your easyTithe credentials.</p></div>
212        <div class="button-row">
213          <button id="shouldUseMinistryId-close">Close</button>
214        </div>
215      </div>
216    </div>
217  </div>
218</div>
219

220<script type="text/javascript">
221  function showWhatIsMinistryIdModal() {
222    $("#whatIsMinistryId-content").show();
223    $('#ministryIdNoWorries-content').hide();
224    $('#whatIsMinistryId').modal('show');
225  }
226
227  function showMinistryIdLinkedModal() {
228    $('#ministryIdLinked').modal('show');
229  }
230
231  function showUseMinistryIdModal() {
232    $('#useMinistryId').modal('show');
233  }
234
235  function showShouldUseMinistryIdModal() {
236    $('#shouldUseMinistryId').modal('show');
237  }
238
239  $(document).ready(function () {
240    $("#ministry-id-get-started").click(function () {
241      loginWithMinistryId();
242    });
243
244    $("#ministry-id-later").click(function () {
245      $("#whatIsMinistryId-content").hide();
246      $('#ministryIdNoWorries-content').show();
247    });
248
249    $("#ministryIdNoWorries-close").click(function () {
250      $('#whatIsMinistryId').modal('hide');
251      if (window.whatIsMinistryIdReturnUrl)
252        window.location = window.whatIsMinistryIdReturnUrl;
253    });
254
255    $("#ministryIdLinked-close").click(function () {
256      $('#ministryIdLinked').modal('hide');
257    });
258
259    $("#shouldUseMinistryId-close").click(function () {
260      $('#shouldUseMinistryId').modal('hide');
261      if (window.whatIsMinistryIdReturnUrl)
262        window.location = window.whatIsMinistryIdReturnUrl;
263    });
264  })
265</script>

265
266<style type="text/css">
267  .ministry-id-modal .modal-dialog {
268    width: 400px;
269 
270  }
271
272  .ministry-id-modal .modal-content {
273    border: 0;
274  }
275
276  .ministry-id-modal .modal-body > div {
277    text-align: center;
278    margin: 0 20px;
279  }
280
281  .ministry-id-modal img.mb-logo {
282    width: 50px;
283    height: 50px;
284    margin: 30px 0 30px 0;
285  }
286
287  .ministry-id-modal h3 {
288    font-size: 17px;
289    font-weight: 600;
290    color: #353c43;
291    letter-spacing: .2px;
292  }
293
294  .ministry-id-modal p {
295    font-size: 15px;
296    margin: 30px 0;
297    color: #616b7d;
298  }
299
300  .ministry-id-modal .modal-body .button-row {
301    margin-top: 40px;
302    margin-bottom: 15px;
303  }
304
305  #whatIsMinistryId #ministry-id-later {
306    padding: 5px 30px;
307    border-radius: 4px;
308    border: 2px solid #c2c6cd;
309    background-color: #ffffff;
310    color: #616b7d;
311    margin-right: 15px;
312    font-size: 14px;
313    outline: none;
314  }
315
316  #whatIsMinistryId #ministry-id-get-started {
317    padding: 5px 30px;
318    border-radius: 4px;
319    background-color: #176bfb;
320    border: 2px solid #176bfb;
321    color: white;
322    font-size: 14px;
323    outline: none;
324  }
325
326  #whatIsMinistryId #ministryIdNoWorries-content {
327    display: none;
328  }
329
330    #whatIsMinistryId #ministryIdNoWorries-content #ministryIdNoWorries-close {
331      padding: 5px 30px;
332      border-radius: 4px;
333      border: 2px solid #c2c6cd;
334      background-color: #ffffff;
335      color: #616b7d;
336      font-size: 14px;
337      outline: none;
338      display: block;
339      width: 100%;
340    }
341
342  #ministryIdLinked .modal-dialog {
343    width: 460px;
344  }
345
346  #ministryIdLinked img {
347    margin: 15px 0 23px 0;
348  }
349
350  #ministryIdLinked h3 {
351    font-size: 16px;
352    line-height: 2em;
353    letter-spacing: 0.44px;
354  }
355
356  #ministryIdLinked #ministryIdLinked-close,
357  #shouldUseMinistryId #shouldUseMinistryId-close {
358    padding: 5px 30px;
359    border-radius: 4px;
360    border: 2px solid #c2c6cd;
361    background-color: #ffffff;
362    color: #616b7d;
363    font-size: 16px;
364    font-weight: 600;
365    letter-spacing: 0.3px;
366    outline: none;
367    display: block;
368    width: 100%;
369  }
370
371  #useMinistryId h3 {
372    font-size: 20px;
373    font-weight: normal;
374    letter-spacing: 0.55px;
375    line-height: 1.6;
376    margin-top: 12px;
377  }
378
379  #useMinistryId .login-with-ministryId {
380    border: 1px solid #ccc;
381    padding: 7px 20px 7px 10px;
382    background: white;
383    border-radius: 3px;
384    font-weight: 500;
385    letter-spacing: 2px;
386    margin-right: 17px;
387    width: 100%;
388    display: block;
389    text-align: center;
390    cursor: pointer;
391    font-size: 14px;
392  }
393
394  #shouldUseMinistryId h3 {
395    font-weight: 400;
396    font-size: 24px;
397  }
398
399  #whatIsMinistryId #ministry-id-later:active,
400  #ministryIdNoWorries-content #ministryIdNoWorries-close:active,
401  #ministryIdLinked #ministryIdLinked-close:active,
402  #shouldUseMinistryId #shouldUseMinistryId-close:active {
403    background-color: #c2c6cd;
404    color: white;
405  }
406</style>
407
408      </div>
409    </div>
410
411
412    <div id="termsModal" class="modal fade" role="dialog">
413      <div class="modal-dialog">
414        <div class="modal-content">
415          <div class="modal-header">
416            <h4 class="modal-title">Terms ofService</h4>
417            <button type="button" class="close" data-dismiss="modal">&times;</button>
418          </div>
419          <div class="modal-body">
420            Please review the following basic rules that govern your use of products and <a href="https://legal.ministrybrands.com" target="_blank"><strong>Terms of Service</strong></a> through our site as they constitute a legally binding agreement. Please note that your use of our site constitutes your acceptance of these terms and you agree to be bound by them.
421          </div>
422          <div class="modal-footer">
423            <a href="#" data-dismiss="modal">Close</a>
424          </div>
425        </div>
426      </div>
427    </div>
428
429    <div id="rootLoadingOverlay" class="et-root-loading">
430      <div class="spinner-grow" role="status"></div>

431      <span></span>
432    </div>
433 
434    
435  

435<script src="/cp/lib/auth0-js/auth0.js"></script>

435
436  

436<script>
437    $(function () {
438      $("form").submit(function () {
439        if ($(this).valid()) {
440          showRootLoadingOverlay();
441        }
442      });
443    });
444    window.location.hash = "no-back-button";
445    window.location.hash = "Again-No-back-button";//again because google chrome don't insert first hash into history
446    window.onhashchange = function () { window.location.hash = "no-back-button"; }
447    function loginWithMinistryId() {
448      var webAuth = new auth0.WebAuth({
449        domain: "login.ministryid.com",
450        clientID: "tL-7eyaNzbN9kS91yMB-FrCgoueutb4J",
451        responseType: 'token id_token',
452        scope: 'openid profile email',
453        redirectUri: location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '') + '/cp/Account/MinistryId?ReturnUrl=' + encodeURIComponent('') + "&RedirectUrl=" + encodeURIComponent('')
454      });
455      webAuth.authorize();
456    }
457  </script>

457
458
459    

459<script>
460      function showRootLoadingOverlay(message) {
461        hidePageAlert();
462        let overlay = $("#rootLoadingOverlay");
463        overlay.find("span").text(typeof message === 'undefined' || message === null ? "" : message);
464        overlay.fadeIn();
465      }
466      function hideRootLoadingOverlay() {
467        $("#rootLoadingOverlay").fadeOut();
468      }
469    </script>

469
470  </div>
471</body>
472</html>