| 1 |
<header class="wpcom-migration-header"> |
| 2 |
<div class="wpcom-migration-header__wpcom-logo"> |
| 3 |
<span class="dashicons dashicons-wordpress-alt"></span> |
| 4 |
</div> |
| 5 |
|
| 6 |
<div class="wpcom-migration-header__blogvault-logo"> |
| 7 |
Powered by <img src="<?php echo esc_url( plugins_url('../assets/img/blogvault-logo.png', __FILE__ ) ); ?>" alt="blogvault-logo"> |
| 8 |
</div> |
| 9 |
</header> |
| 10 |
|
| 11 |
<div class="wpcom-migration-container"> |
| 12 |
<main class="wpcom-migration-content"> |
| 13 |
<h1>Migrate your site to WordPress.com</h1> |
| 14 |
<p>Get ready for better speed, security, and support. Just drop your email below to get started and we'll keep you updated throughout the migration process.</p> |
| 15 |
|
| 16 |
<form class="wpcom-migration-form" action="<?php echo esc_url($this->bvinfo->appUrl()); ?>/migration/migrate" method="post" name="signup"> |
| 17 |
<div class="wpcom-migration-section"> |
| 18 |
<div class="wpcom-migration-input-group"> |
| 19 |
<label for="wpcom-migration-email">Email address</label> |
| 20 |
<input type="email" placeholder="Enter your email address for updates" id="wpcom-migration-email" name="email" required> |
| 21 |
</div> |
| 22 |
|
| 23 |
<div class="wpcom-migration-input-group wpcom-migration-input-group--checkbox"> |
| 24 |
<label> |
| 25 |
<input type="checkbox" id="wpcom-migration-terms" name="consent" required value="1"> |
| 26 |
<span class="checkmark"></span> |
| 27 |
I agree to BlogVault's |
| 28 |
<a href="https://blogvault.net/tos/" target="_blank" rel="noreferrer">Terms & Conditions</a> |
| 29 |
and |
| 30 |
<a href="https://blogvault.net/privacy/" target="_blank" rel="noreferrer">Privacy Policy</a> |
| 31 |
</label> |
| 32 |
</div> |
| 33 |
</div> |
| 34 |
|
| 35 |
<div class="wpcom-migration-section"> |
| 36 |
<input type="hidden" name="bvsrc" value="wpplugin" /> |
| 37 |
<input type="hidden" name="migrate" value="automattic" /> |
| 38 |
<?php echo $this->siteInfoTags(); ?> |
| 39 |
<button type="submit" id="migratesubmit">Continue</button> |
| 40 |
</div> |
| 41 |
|
| 42 |
<?php if ( defined( 'IS_ATOMIC' ) && IS_ATOMIC && defined( 'ATOMIC_CLIENT_ID' ) && '2' === ATOMIC_CLIENT_ID ) : ?> |
| 43 |
<div class="wpcom-migration-key-section"> |
| 44 |
<h3>Migration in progress?</h3> |
| 45 |
<p>Grab your key here.</p> |
| 46 |
|
| 47 |
<div class="wpcom-migration-input-group"> |
| 48 |
<label for="wpcom-migration-email">Migration Key</label> |
| 49 |
<div class="wpcom-migration-key-input-wrapper"> |
| 50 |
<div class="wpcom-migration-key-input"> |
| 51 |
<input type="password" id="wpcom-migration-key" value="<?php echo esc_attr( $this->bvinfo->getConnectionKey() ); ?>" readonly> |
| 52 |
<span id="wpcom-toggle-key-visibility" class="dashicons dashicons-hidden"></span> |
| 53 |
</div> |
| 54 |
<button type="button" id="wpcom-copy-key" class="secondary" onclick="copyToClipboard()">Copy Key</button> |
| 55 |
</div> |
| 56 |
</div> |
| 57 |
</div> |
| 58 |
<?php endif; ?> |
| 59 |
</form> |
| 60 |
</main> |
| 61 |
|
| 62 |
<aside class="wpcom-migration-sidebar"> |
| 63 |
<div class="wpcom-migration-sidebar__inner"> |
| 64 |
<h3>Let us migrate your site for free</h3> |
| 65 |
<p>Sit back and our experts will migrate your site for you. You'll get 50% off your first year, and you'll be up and running in no more than 2 business days.</p> |
| 66 |
|
| 67 |
<div class="wpcom-migration-cta"> |
| 68 |
<a class="wpcom-migration-cta-link" href="https://wordpress.com/move/" target="_blank" rel="noreferrer"> |
| 69 |
Get your Free migration |
| 70 |
</a> |
| 71 |
<span class="dashicons dashicons-external"></span> |
| 72 |
</div> |
| 73 |
|
| 74 |
<div class="wpcom-migration-testimonial"> |
| 75 |
<div class="wpcom-migration-testimonial__text">Loved by our customers</div> |
| 76 |
<img class="wpcom-migration-testimonial__image" src="<?php echo esc_url( plugins_url('../assets/img/testimonial.png', __FILE__ ) ); ?>" alt="testimonial" /> |
| 77 |
</div> |
| 78 |
</div> |
| 79 |
</aside> |
| 80 |
</div> |
| 81 |
|
| 82 |
<script> |
| 83 |
function copyToClipboard() { |
| 84 |
var copyText = document.getElementById("wpcom-migration-key"); |
| 85 |
var copyButton = document.getElementById("wpcom-copy-key"); |
| 86 |
var toggleIcon = document.getElementById("wpcom-toggle-key-visibility"); |
| 87 |
copyText.type = 'text'; |
| 88 |
copyText.select(); |
| 89 |
document.execCommand("copy"); |
| 90 |
copyText.blur(); |
| 91 |
copyText.type = 'password'; |
| 92 |
copyButton.textContent = 'Copied!'; |
| 93 |
toggleIcon.classList.remove('dashicons-visibility'); |
| 94 |
toggleIcon.classList.add('dashicons-hidden'); |
| 95 |
setTimeout(() => copyButton.textContent = 'Copy Key', 2000); |
| 96 |
} |
| 97 |
document.getElementById('wpcom-toggle-key-visibility').addEventListener('click', function() { |
| 98 |
var keyField = document.getElementById("wpcom-migration-key"); |
| 99 |
if (keyField.type === "password") { |
| 100 |
keyField.type = "text"; |
| 101 |
this.classList.remove('dashicons-hidden'); |
| 102 |
this.classList.add('dashicons-visibility'); |
| 103 |
} else { |
| 104 |
keyField.type = "password"; |
| 105 |
this.classList.remove('dashicons-visibility'); |
| 106 |
this.classList.add('dashicons-hidden'); |
| 107 |
} |
| 108 |
}); |
| 109 |
</script> |
