quickStart.htm
| 1 | |
| 2 | <div class="modal-header"> |
| 3 | <div class="modal-main-title"> |
| 4 | <h1 class="modal-title fs-5" id="quickStart">{{ lang.t("Quick Start: JetBackup for WordPress") }}</h1> |
| 5 | </div> |
| 6 | <button type="button" class="btn-close" ng-click="cancel()" aria-label="Close"></button> |
| 7 | </div> |
| 8 | |
| 9 | <div class="modal-body"> |
| 10 | |
| 11 | <p class="mb-3 text-center fw"> |
| 12 | {{ lang.t("Here is a quick 54 seconds video to get started with the basics: Backup & Restore!") }} |
| 13 | </p> |
| 14 | |
| 15 | <div class="d-flex justify-content-center align-items-center my-4"> |
| 16 | <div class="ratio ratio-16x9" style="width: 100%; max-width: 800px;"> |
| 17 | <iframe |
| 18 | src="https://www.youtube.com/embed/4uq8XqyJWaE?autoplay=1&mute=1&rel=0&loop=1&playlist=4uq8XqyJWaE" |
| 19 | title="JetBackup for WordPress Quick Start Guide YouTube video" |
| 20 | allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
| 21 | allowfullscreen |
| 22 | loading="lazy"> |
| 23 | </iframe> |
| 24 | |
| 25 | </div> |
| 26 | </div> |
| 27 | </div> |
| 28 | |
| 29 | <div class="modal-footer"> |
| 30 | <div class="form-check"> |
| 31 | <input |
| 32 | class="form-check-input" |
| 33 | type="checkbox" |
| 34 | id="dontShowAgain" |
| 35 | ng-change="disableQuickStart()" |
| 36 | ng-model="dontShowVideoAgain"> |
| 37 | <label class="form-check-label fw-bold" for="dontShowAgain"> |
| 38 | {{ lang.t("Don't show this again") }} |
| 39 | </label> |
| 40 | </div> |
| 41 | </div> |
| 42 |