Micro.blog

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Micro.blog</title> <meta name="description" content="Post short thoughts or long essays, share photos, all on your own blog. Micro.blog makes it easy, and provides a friendly community where you can share and engage with others."> <meta name="appleid-signin-client-id" content="blog.micro.web"> <meta name="appleid-signin-scope" content="name email"> <meta name="appleid-signin-redirect-uri" content="https://micro.blog/account/apple/web"> <meta name="appleid-signin-state" content=""> <link rel="stylesheet" href="https://cdn.micro.blog/css/home.css?v=20250103.1"> <link rel="shortcut icon" href="https://cdn.micro.blog/images/icons/favicon_32.png" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="192x192" href="https://cdn.micro.blog/images/icons/favicon_192.png"> <link rel="webmention" href="https://micro.blog/webmention" /> <link rel="subscribe" href="https://micro.blog/users/follow" /> <script type="importmap"> { "imports": { "home": "/js/home.js?v=20240419.1", "@hotwired/stimulus": "/js/stimulus.js" } } </script> <script src="https://cdn.micro.blog/js/libs/es-module-shims.js" async="async"></script> <script src="/js/home.js?v=20240419.1" type="module"></script> <script> document.addEventListener('DOMContentLoaded', () => { const background_element = document.querySelector('.home-background'); const background_img = new Image(); background_img.src = '/images/homepage/paintings/background_1_high.jpg'; background_img.onload = () => { background_element.style.zIndex = 1; background_element.classList.add('home-loaded'); }; const fullname_field = document.getElementById("input_fullname"); if (fullname_field) { fullname_field.focus(); } }); document.addEventListener('scroll', () => { const header = document.querySelector('.home-buttons') if (window.scrollY > 30) { header.classList.add("blur__container") } else { header.classList.remove("blur__container") } }) </script> </head> <body class="is__homepage"> <header class="home-buttons"> <a href="/"><img src="/images/icons/pink_192.png" alt="Micro.blog"></a> <nav> <a href="/about/blogging" class="extra_link">Blogging</a> <a href="/about/fediverse" class="extra_link">Fediverse</a> <a href="/about/pricing" class="extra_link">Pricing</a> </nav> </header> <main class="fullscreen_container"> <div class="home-background register-background"> <div class="auth" data-controller="register"> <div class="auth__inner"> <div id="register_alert" class="registration_alert" style="display: none;" data-register-target="alert"> <div class="alert alert-success" role="alert"> <h2>Your registration has been sent!</h2> <p>Check your email for a confirmation message to verify your account.</p> </div> <p><b>Your username won't be reserved until you complete this step.</b></p> </div> <div class="alert alert-danger" role="alert" style="display: none;" id="register_error" data-register-target="error"> <b>Registration error.</b> <span id="register_message" data-register-target="message"></span> </div> <div class="register_internal" data-register-target="form"> <div class="register_internal_form">  <form role="form" id="register_form"> <div class="form_group"> <label for="input_fullname" class="control-label">Full name:</label> <input required type="text" class="form-control" id="input_fullname" autocomplete="name" placeholder="Your name" data-register-target="name" /> <div class="subtitle_register"> <style media="screen">.subtitle_register {position:absolute!important;top:-9999px;left:-9999px;}</style> <label for="subtitle">If you are a human, ignore this field</label> <input type="text" name="subtitle" id="subtitle" autocomplete="on" class="form-control" tabindex="-1" data-register-target="subtitle"> <input type="hidden" name="start_time" id="start_time" value="1743883354" data-register-target="timestamp" /> </div> </div> <div class="form_group has-feedback" data-controller="username"> <label for="input_username" class="control-label">Username:</label> <div class="form_group_username">  <input required data-action="focusout->username#checkUsername" type="text" value="" class="form-control" id="input_username" placeholder="Choose your username" data-register-target="username" /> <span class="glyphicon form-control-feedback username_glyph" data-username-target="feedback"></span> </div> <div class="col-sm-5 username_warning" style="display: none;" data-username-target="warning"></div> </div> <div class="form_group"> <label for="input_email" class="control-label">Email:</label> <input required type="email" value="" class="form-control" id="input_email" autocomplete="email" placeholder="hello@example.com" data-register-target="email" /> </div> <div class="form_group"> <label for="input_invite" class="control-label">Invite code:</label> <input type="text" value="" class="form-control" id="input_invite" placeholder="Optional" data-register-target="invite" /> </div> <button data-action="click->register#submit" data-register-target="submit" type="submit" class="btn btn-default" id="register_button">Register</button> <img src="/images/progress_spinner.svg?v=2021031.1" width="25 height="25" alt="Progress spinner" style="display: none; width: 35px; height: 35px; margin-bottom: -22px;" data-register-target="spinner" /> </form> </div> <div class="register_internal_info"> <p>Includes the following:</p> <ul> <li>Hosting your new blog</li> <li>Support for your domain name</li> <li>Photos upload</li> <li>Podcast hosting or audio narration upload</li> <li>Themes and plug-ins to customize your blog</li> <li>Import from WordPress, Ghost, Tumblr, and other platforms</li> <li>Apps for the iOS, Android, and macOS</li> </ul> <p>Check our <a href="/pricing">pricing</a> page for more details on our available plans, including our Premium plan which includes up to 5 blogs and email newsletter publishing.</p> <p class="terms">By registering you accept our <a href="https://help.micro.blog/t/terms-of-service/113" target="_blank">terms of service</a>, <a href="https://help.micro.blog/t/privacy-policy/114" target="_blank">privacy policy</a>, and <a href="https://help.micro.blog/t/community-guidelines/39" target="_blank">community guidelines</a>.</p>  </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="footer__inner"> <div class="register_internal_info_footer"> <p>Includes the following:</p> <ul> <li>Hosting your new blog</li> <li>Support for your domain name</li> <li>Photos upload</li> <li>Podcast hosting or audio narration upload</li> <li>Themes and plug-ins to customize your blog</li> <li>Import from WordPress, Ghost, Tumblr, and other platforms</li> <li>Apps for the iOS, Android, and macOS</li> </ul> <p>Check our <a href="/pricing">pricing</a> page for more details on our available plans, including our Premium plan which includes up to 5 blogs and email newsletter publishing.</p> <p class="terms">By registering you accept our <a href="https://help.micro.blog/t/terms-of-service/113" target="_blank">terms of service</a>, <a href="https://help.micro.blog/t/privacy-policy/114" target="_blank">privacy policy</a>, and <a href="https://help.micro.blog/t/community-guidelines/39" target="_blank">community guidelines</a>.</p> </div> <div class="footer__content">   </div> <div class="footer__nav"> <ul> <li><a href="https://help.micro.blog/">Help forums</a></li> <li><a href="mailto:help@micro.blog">Email help</a></li> <li><a href="/pricing">Pricing</a></li> </ul> <ul> <li><a href="/about">About</a></li> <li><a href="https://news.micro.blog/">News</a></li> <li><a href="https://status.micro.blog/">Service status</a></li> <li><a href="https://micro.blog/signin">Sign in</a></li>  </ul> </div> </div> <div class="footer__bg"></div> </footer> </body> </html>

CINXE.COM

Micro.blog