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/favicon_192.png" alt="Micro.blog"></a> <nav> <a href="/about/blogging" class="extra_link">Blogging</a> <a href="/about/crosspost" class="extra_link">Cross-posting</a> <a href="/about/pricing" class="extra_link">Pricing</a> <a href="/register" class="sign_up">Sign up →</a> </nav> </header> <main class="fullscreen_container"> <div class="home-background "> <div class="home-quotes"> <div class="home-new-quote blur__container"> “The social network <span>you can feel good about</span>.” <span class="home-author">— Annie Mueller</span> </div> <div class="home-new-quote blur__container"> “Micro.blog is a place where ‘users’ can become people again. <span>It’s social at the speed of human.</span>” <span class="home-author">— Greg Moore</span> </div> <div class="home-new-quote blur__container"> “Micro.blog gave me <span>a frictionless way</span> to do what I always wanted to do: put my thoughts and feelings out there on my own blog.” <span class="home-author">— Gabriel Santiago</span> </div> <div class="home-new-quote blur__container"> “Slower paced, quieter and thus less demanding on one’s attention. <span>It’s not about chasing likes or followers</span>, or posting quick takes.” <span class="home-author">— Paul Robert Lloyd</span> </div> <div class="home-new-quote blur__container"> “Micro.blog is not an alternative silo: instead, <span>it’s what you build when you believe that the web itself is the great social network.</span>” <span class="home-author">— Brent Simmons</span> </div> </div> </div> </main> <footer class="footer"> <div class="footer__inner"> <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