{"id":202,"date":"2025-11-17T22:41:48","date_gmt":"2025-11-17T16:41:48","guid":{"rendered":"https:\/\/stellardns.io\/?p=202"},"modified":"2025-11-17T22:41:50","modified_gmt":"2025-11-17T16:41:50","slug":"register","status":"publish","type":"post","link":"https:\/\/stellardns.io\/?p=202","title":{"rendered":"Register"},"content":{"rendered":"\r\n<div class=\"stellar-tier0-registration-wrapper\">\r\n    <div class=\"stellar-registration-container\">\r\n        <div class=\"registration-header\">\r\n            <h2>Create Free Tier Account<\/h2>\r\n            <p class=\"registration-tagline\">\r\n                Create a free account to start exploring Stellar DNS on testnet.\r\n                We'll instantly generate your Stellar keypair!\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Features highlight -->\r\n        <div class=\"registration-features\">\r\n            <div class=\"feature-item\">\r\n                <span class=\"feature-icon\">\u26a1<\/span>\r\n                <h4>Instant Account<\/h4>\r\n                <p>Created immediately with zero setup<\/p>\r\n            <\/div>\r\n            <div class=\"feature-item\">\r\n                <span class=\"feature-icon\">\ud83d\udd11<\/span>\r\n                <h4>Keypair Generated<\/h4>\r\n                <p>Your Stellar wallet created automatically<\/p>\r\n            <\/div>\r\n            <div class=\"feature-item\">\r\n                <span class=\"feature-icon\">\ud83e\uddea<\/span>\r\n                <h4>Testnet Only<\/h4>\r\n                <p>Safe to explore DNS without real XLM<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Error messages -->\r\n        \r\n        <!-- Registration form -->\r\n        <form method=\"post\" class=\"stellar-tier0-registration-form\" novalidate>\r\n            <input type=\"hidden\" id=\"stellar_register_tier0_nonce\" name=\"stellar_register_tier0_nonce\" value=\"0fa7624734\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fposts%2F202\" \/>            <input type=\"hidden\" name=\"stellar_register_tier0\" value=\"1\">\r\n\r\n            <!-- Username -->\r\n            <div class=\"form-group\">\r\n                <label for=\"stellar_username\">Username<\/label>\r\n                <input\r\n                    type=\"text\"\r\n                    id=\"stellar_username\"\r\n                    name=\"stellar_username\"\r\n                    placeholder=\"Choose a username\"\r\n                    required\r\n                    minlength=\"3\"\r\n                    maxlength=\"60\"\r\n                    pattern=\"[a-zA-Z0-9_-]+\"\r\n                    class=\"form-control\"\r\n                    autocomplete=\"username\"\r\n                \/>\r\n                <small class=\"form-text\">3-60 characters, letters, numbers, hyphens, underscores<\/small>\r\n            <\/div>\r\n\r\n            <!-- Email -->\r\n            <div class=\"form-group\">\r\n                <label for=\"stellar_email\">Email Address<\/label>\r\n                <input\r\n                    type=\"email\"\r\n                    id=\"stellar_email\"\r\n                    name=\"stellar_email\"\r\n                    placeholder=\"your@email.com\"\r\n                    required\r\n                    class=\"form-control\"\r\n                    autocomplete=\"email\"\r\n                \/>\r\n                <small class=\"form-text\">We'll use this for account recovery and notifications<\/small>\r\n            <\/div>\r\n\r\n            <!-- Password -->\r\n            <div class=\"form-group\">\r\n                <label for=\"stellar_password\">Password<\/label>\r\n                <input\r\n                    type=\"password\"\r\n                    id=\"stellar_password\"\r\n                    name=\"stellar_password\"\r\n                    placeholder=\"At least 8 characters\"\r\n                    required\r\n                    minlength=\"8\"\r\n                    class=\"form-control password-strength\"\r\n                    autocomplete=\"new-password\"\r\n                \/>\r\n                <small class=\"form-text\">Minimum 8 characters for security<\/small>\r\n                <div class=\"password-strength-meter\" style=\"display: none; margin-top: 5px;\">\r\n                    <div class=\"strength-bar\" id=\"strength-bar\"><\/div>\r\n                    <span class=\"strength-text\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Confirm Password -->\r\n            <div class=\"form-group\">\r\n                <label for=\"stellar_password_confirm\">Confirm Password<\/label>\r\n                <input\r\n                    type=\"password\"\r\n                    id=\"stellar_password_confirm\"\r\n                    name=\"stellar_password_confirm\"\r\n                    placeholder=\"Re-enter your password\"\r\n                    required\r\n                    minlength=\"8\"\r\n                    class=\"form-control\"\r\n                    autocomplete=\"new-password\"\r\n                \/>\r\n                <small class=\"form-text\">Must match the password above<\/small>\r\n            <\/div>\r\n\r\n            <!-- Terms acceptance -->\r\n            <div class=\"form-group form-check\">\r\n                <input\r\n                    type=\"checkbox\"\r\n                    id=\"stellar_terms\"\r\n                    name=\"stellar_terms\"\r\n                    required\r\n                    class=\"form-check-input\"\r\n                \/>\r\n                <label for=\"stellar_terms\" class=\"form-check-label\">\r\n                    I agree to the <a href=\"\/terms\/\" target=\"_blank\">Terms of Service<\/a>\r\n                    and <a href=\"\/privacy\/\" target=\"_blank\">Privacy Policy<\/a>\r\n                <\/label>\r\n            <\/div>\r\n\r\n            <!-- Submit button -->\r\n            <button type=\"submit\" class=\"stellar-registration-submit btn btn-primary btn-block\">\r\n                <span class=\"button-text\">Create Free Account<\/span>\r\n                <span class=\"spinner\" style=\"display: none;\"><\/span>\r\n            <\/button>\r\n\r\n            <p class=\"registration-note\">\r\n                \u2713 Your Stellar keypair will be generated instantly upon registration\r\n            <\/p>\r\n        <\/form>\r\n\r\n        <!-- Already have account -->\r\n        <div class=\"registration-footer\">\r\n            <p>\r\n                Already have an account?\r\n                <a href=\"https:\/\/stellardns.io\/wp-login.php\">Sign in here<\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.stellar-tier0-registration-wrapper {\r\n    padding: 20px 0;\r\n}\r\n\r\n.stellar-registration-container {\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n    background: #ffffff;\r\n    border-radius: 8px;\r\n    padding: 40px;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.registration-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.registration-header h2 {\r\n    margin: 0 0 10px 0;\r\n    color: #0073aa;\r\n    font-size: 28px;\r\n}\r\n\r\n.registration-tagline {\r\n    color: #666;\r\n    margin: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.registration-features {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 15px;\r\n    margin-bottom: 30px;\r\n    padding: 20px;\r\n    background: #f5f5f5;\r\n    border-radius: 8px;\r\n}\r\n\r\n.feature-item {\r\n    text-align: center;\r\n}\r\n\r\n.feature-icon {\r\n    font-size: 28px;\r\n    display: block;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.feature-item h4 {\r\n    margin: 8px 0 4px 0;\r\n    font-size: 14px;\r\n    color: #0073aa;\r\n}\r\n\r\n.feature-item p {\r\n    margin: 0;\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.form-control {\r\n    width: 100%;\r\n    padding: 10px 12px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    transition: border-color 0.2s;\r\n}\r\n\r\n.form-control:focus {\r\n    outline: none;\r\n    border-color: #0073aa;\r\n    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);\r\n}\r\n\r\n.form-text {\r\n    display: block;\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.form-check {\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n.form-check-input {\r\n    margin-right: 10px;\r\n    margin-top: 4px;\r\n    cursor: pointer;\r\n}\r\n\r\n.form-check-label {\r\n    margin: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.form-check-label a {\r\n    color: #0073aa;\r\n    text-decoration: none;\r\n}\r\n\r\n.form-check-label a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n.stellar-registration-submit {\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: #0073aa;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background 0.2s;\r\n}\r\n\r\n.stellar-registration-submit:hover {\r\n    background: #005a87;\r\n}\r\n\r\n.stellar-registration-submit:active {\r\n    transform: translateY(1px);\r\n}\r\n\r\n.stellar-registration-submit .spinner {\r\n    display: inline-block;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 3px solid rgba(255, 255, 255, 0.3);\r\n    border-radius: 50%;\r\n    border-top-color: white;\r\n    animation: spin 0.6s linear infinite;\r\n    margin-left: 8px;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.registration-note {\r\n    text-align: center;\r\n    margin-top: 15px;\r\n    font-size: 12px;\r\n    color: #28a745;\r\n}\r\n\r\n.registration-errors {\r\n    margin-bottom: 20px;\r\n    padding: 15px;\r\n    background: #fef5f5;\r\n    border-left: 4px solid #dc3545;\r\n    border-radius: 4px;\r\n}\r\n\r\n.registration-errors p {\r\n    margin: 0 0 10px 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.registration-errors ul {\r\n    margin: 0;\r\n    padding-left: 20px;\r\n}\r\n\r\n.registration-errors li {\r\n    margin: 4px 0;\r\n    font-size: 13px;\r\n    color: #666;\r\n}\r\n\r\n.registration-footer {\r\n    margin-top: 25px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid #eee;\r\n    text-align: center;\r\n}\r\n\r\n.registration-footer p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    color: #666;\r\n}\r\n\r\n.registration-footer a {\r\n    color: #0073aa;\r\n    text-decoration: none;\r\n}\r\n\r\n.registration-footer a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 600px) {\r\n    .stellar-registration-container {\r\n        padding: 20px;\r\n    }\r\n\r\n    .registration-features {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .registration-header h2 {\r\n        font-size: 24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Password strength meter\r\n    const passwordInput = document.getElementById('stellar_password');\r\n    const strengthBar = document.getElementById('strength-bar');\r\n    const strengthText = document.querySelector('.strength-text');\r\n\r\n    if (passwordInput) {\r\n        passwordInput.addEventListener('input', function() {\r\n            const strength = checkPasswordStrength(this.value);\r\n            updateStrengthMeter(strength, strengthBar, strengthText);\r\n        });\r\n    }\r\n\r\n    \/\/ Form submission\r\n    const form = document.querySelector('.stellar-tier0-registration-form');\r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            const submitBtn = form.querySelector('.stellar-registration-submit');\r\n            const spinner = submitBtn.querySelector('.spinner');\r\n            submitBtn.disabled = true;\r\n            spinner.style.display = 'inline-block';\r\n        });\r\n    }\r\n});\r\n\r\nfunction checkPasswordStrength(password) {\r\n    let strength = 0;\r\n\r\n    if (password.length >= 8) strength++;\r\n    if (password.length >= 12) strength++;\r\n    if (\/[a-z]\/.test(password) && \/[A-Z]\/.test(password)) strength++;\r\n    if (\/\\d\/.test(password)) strength++;\r\n    if (\/[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\\/?]\/.test(password)) strength++;\r\n\r\n    return strength;\r\n}\r\n\r\nfunction updateStrengthMeter(strength, bar, text) {\r\n    const meter = bar.parentElement;\r\n    meter.style.display = 'block';\r\n\r\n    const strengths = ['Very Weak', 'Weak', 'Fair', 'Good', 'Strong', 'Very Strong'];\r\n    const colors = ['#dc3545', '#fd7e14', '#ffc107', '#20c997', '#28a745', '#138496'];\r\n\r\n    bar.style.width = ((strength \/ 5) * 100) + '%';\r\n    bar.style.backgroundColor = colors[strength] || '#dc3545';\r\n    text.textContent = strengths[strength] || 'Enter password';\r\n    text.style.color = colors[strength] || '#dc3545';\r\n}\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-202","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/posts\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=202"}],"version-history":[{"count":1,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/posts\/202\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/posts\/202\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}