{"id":8,"date":"2026-04-06T21:20:48","date_gmt":"2026-04-06T21:20:48","guid":{"rendered":"http:\/\/localhost\/home\/"},"modified":"2026-05-21T04:03:39","modified_gmt":"2026-05-21T02:03:39","slug":"home","status":"publish","type":"page","link":"https:\/\/onionpress.org\/onionhome\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* OnionPress Round 2 Homepage Styles *\/\n.op-page * { margin: 0; padding: 0; box-sizing: border-box; }\n.op-page {\n    background-color: #C0C0C0;\n    color: #000;\n    font-family: 'Courier New', Courier, monospace;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\/* Header *\/\n.op-header {\n    background: linear-gradient(135deg, #B896D6 0%, #7B5FA3 100%);\n    color: #fff;\n    border-bottom: 5px solid #000;\n    padding: 30px 20px;\n    text-align: center;\n    box-shadow: 0 5px 0 #FFB3D9;\n}\n.op-logo-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    margin-bottom: 15px;\n}\n.op-tagline {\n    font-family: 'Courier New', Courier, monospace;\n    font-size: 16px;\n    color: #fff;\n    text-shadow: 2px 2px 0px #000;\n    font-weight: bold;\n}\n\n\/* Nav *\/\n.op-nav {\n    background: #000;\n    padding: 15px;\n    text-align: center;\n    border-bottom: 3px solid #B896D6;\n    box-shadow: 0 3px 0 #FFB3D9;\n}\n.op-nav a {\n    color: #E8D9C5;\n    text-decoration: none;\n    padding: 10px 15px;\n    display: inline-block;\n    border: 2px solid transparent;\n    font-weight: bold;\n    text-transform: uppercase;\n    font-size: 14px;\n    font-family: 'Courier New', monospace;\n}\n.op-nav a:hover, .op-nav a.active {\n    background: #7B5FA3;\n    color: #fff;\n    border: 2px solid #FFA500;\n}\n\n\/* Container *\/\n.op-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n\/* Hero *\/\n.op-hero {\n    background: linear-gradient(135deg, #FF69B4 0%, #B896D6 50%, #00CED1 100%);\n    color: #fff;\n    border: 5px solid #000;\n    padding: 60px 40px;\n    text-align: center;\n    margin: 30px 0;\n    box-shadow: 10px 10px 0px rgba(0,0,0,0.3);\n    position: relative;\n}\n.op-hero::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60%;\n    height: 8px;\n    background: linear-gradient(90deg, #FF69B4 0%, #FFB3D9 20%, #FFA500 40%, #FFD700 60%, #90EE90 80%, #00CED1 100%);\n    border-radius: 4px;\n}\n.op-hero-subtitle {\n    font-size: 20px;\n    font-weight: bold;\n    margin: 20px auto;\n    text-shadow: 2px 2px 0px #000;\n    max-width: 700px;\n    line-height: 1.5;\n}\n\n\/* Buttons *\/\n.op-btn {\n    font-family: Impact, 'Arial Black', sans-serif;\n    font-size: 16px;\n    background: #FFA500;\n    color: #fff;\n    border: 3px solid #000;\n    padding: 15px 30px;\n    text-transform: uppercase;\n    cursor: pointer;\n    box-shadow: 5px 5px 0px #000;\n    text-decoration: none;\n    display: inline-block;\n    margin: 10px;\n    transition: all 0.2s;\n    -webkit-text-stroke: 1px #000;\n}\n.op-btn:hover {\n    background: #FFB3D9;\n    color: #fff;\n    box-shadow: 3px 3px 0px #000;\n    transform: translate(2px, 2px);\n}\n.op-btn-secondary {\n    background: #B896D6;\n}\n.op-btn-secondary:hover {\n    background: #7B5FA3;\n}\n.op-btn-small {\n    font-size: 13px;\n    padding: 10px 20px;\n}\n@keyframes op-spin-heart {\n    0% { transform: rotateY(0deg); }\n    40% { transform: rotateY(360deg); }\n    100% { transform: rotateY(360deg); }\n}\n.op-spinning-heart {\n    display: inline-block;\n    animation: op-spin-heart 2.5s infinite;\n}\n\n\/* Section headings *\/\n.op-page h2 {\n    font-family: Impact, 'Arial Black', sans-serif;\n    font-size: 32px;\n    color: #7B5FA3;\n    border-left: 8px solid #FFA500;\n    padding-left: 20px;\n    margin: 40px 0 20px 0;\n    text-transform: uppercase;\n}\n.op-page h2.op-centered {\n    border-left: none;\n    padding-left: 0;\n    text-align: center;\n}\n.op-onion-bullet {\n    width: 32px;\n    height: 32px;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 12px;\n}\n\n\/* Three Pillars *\/\n.op-pillars {\n    margin: 50px 0;\n    text-align: center;\n}\n.op-pillars-grid {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr auto 1fr;\n    gap: 0;\n    align-items: stretch;\n    margin: 20px 0;\n}\n.op-pillar-card {\n    border: 3px solid #000;\n    padding: 30px 20px;\n    background: #fff;\n    text-align: center;\n    box-shadow: 5px 5px 0px rgba(0,0,0,0.2);\n}\n.op-pillar-card h3 {\n    font-family: Impact, 'Arial Black', sans-serif;\n    color: #7B5FA3;\n    font-size: 22px;\n    margin-bottom: 15px;\n    text-transform: uppercase;\n}\n.op-pillar-icon {\n    font-size: 48px;\n    margin-bottom: 15px;\n}\n.op-pillar-icon img {\n    height: 48px;\n}\n.op-pillar-card p {\n    font-size: 15px;\n    line-height: 1.5;\n}\n.op-pillar-tagline {\n    font-weight: bold;\n    color: #7B5FA3;\n    margin-top: 15px;\n    font-size: 16px;\n}\n.op-pillar-plus {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: Impact, 'Arial Black', sans-serif;\n    font-size: 48px;\n    color: #7B5FA3;\n    padding: 0 15px;\n}\n\n\/* Use Cases Grid *\/\n.op-usecases-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin: 20px 0 40px 0;\n}\n\n\/* Browser Window Mockups *\/\n.op-browser {\n    border: 2px solid #333;\n    border-radius: 6px 6px 0 0;\n    overflow: hidden;\n    box-shadow: 5px 5px 0px rgba(0,0,0,0.2);\n    background: #fff;\n}\n.op-browser-titlebar {\n    background: linear-gradient(180deg, #e8e8e8 0%, #c0c0c0 100%);\n    border-bottom: 1px solid #999;\n    padding: 6px 10px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.op-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); }\n.op-dot-r { background: #ff5f57; }\n.op-dot-y { background: #febc2e; }\n.op-dot-g { background: #28c840; }\n.op-browser-url {\n    flex: 1;\n    background: #fff;\n    border: 1px solid #999;\n    border-radius: 3px;\n    padding: 2px 8px;\n    font-family: 'Courier New', monospace;\n    font-size: 10px;\n    color: #666;\n    margin-left: 8px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.op-browser-content {\n    height: 200px;\n    overflow: hidden;\n    position: relative;\n    font-family: Georgia, 'Times New Roman', serif;\n}\n.op-usecase-label {\n    text-align: center;\n    padding: 12px 10px 0;\n    font-family: Impact, 'Arial Black', sans-serif;\n    font-size: 16px;\n    color: #7B5FA3;\n    text-transform: uppercase;\n}\n.op-usecase-desc {\n    text-align: center;\n    font-size: 13px;\n    color: #555;\n    padding: 4px 10px 10px;\n    line-height: 1.4;\n}\n\n\/* Individual mockup styles *\/\n.op-mock-blog { background: #fefefe; padding: 15px; }\n.op-mock-blog .mh { font-size: 18px; font-weight: bold; color: #2c3e50; margin-bottom: 8px; }\n.op-mock-blog .md { font-size: 10px; color: #999; margin-bottom: 10px; }\n.op-mock-blog .mt { font-size: 12px; color: #444; line-height: 1.6; }\n\n.op-mock-zine { background: #1a1a2e; color: #e94560; padding: 15px; font-family: 'Courier New', monospace; }\n.op-mock-zine .mh { font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; border-bottom: 2px solid #e94560; padding-bottom: 8px; margin-bottom: 10px; }\n.op-mock-zine .mt { font-size: 11px; color: #eee; line-height: 1.7; }\n.op-mock-zine .mtag { display: inline-block; border: 1px solid #e94560; padding: 2px 8px; font-size: 9px; margin: 8px 4px 0 0; text-transform: uppercase; color: #e94560; }\n\n.op-mock-portfolio { background: #f5f0eb; padding: 0; }\n.op-mock-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; padding: 3px; height: 140px; }\n.op-mock-photo { border-radius: 2px; }\n.op-mock-caption { padding: 8px 15px; font-size: 13px; color: #555; font-style: italic; text-align: center; }\n\n.op-mock-family { background: #fff8f0; padding: 15px; }\n.op-mock-family .mh { font-size: 16px; font-weight: bold; color: #8B4513; text-align: center; margin-bottom: 10px; }\n.op-mock-post { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 10px; margin-bottom: 8px; }\n.op-mock-post .mpt { font-size: 12px; font-weight: bold; color: #8B4513; margin-bottom: 4px; }\n.op-mock-post .mpp { font-size: 11px; color: #666; line-height: 1.5; }\n\n.op-mock-classroom { background: #1e3a5f; color: #fff; padding: 15px; font-family: 'Courier New', monospace; }\n.op-mock-classroom .mb { font-size: 10px; color: #aaa; margin-bottom: 6px; }\n.op-mock-classroom .mh { font-size: 15px; font-weight: bold; color: #7ec8e3; margin-bottom: 12px; }\n.op-mock-assign { background: rgba(255,255,255,0.1); border-left: 3px solid #7ec8e3; padding: 8px 10px; margin-bottom: 6px; font-size: 11px; }\n.op-mock-due { color: #f0c040; font-size: 10px; }\n\n.op-mock-group { background: #f0f7ee; padding: 15px; }\n.op-mock-group .mh { font-size: 16px; font-weight: bold; color: #2d6a4f; margin-bottom: 4px; }\n.op-mock-group .ms { font-size: 11px; color: #888; margin-bottom: 12px; font-style: italic; }\n.op-mock-item { border-bottom: 1px solid #d8e8d4; padding: 6px 0; font-size: 12px; color: #333; }\n.op-mock-item .mid { font-size: 10px; color: #888; }\n\n\/* Browsers Section *\/\n.op-browsers-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin: 20px 0 40px 0;\n}\n.op-browser-card {\n    border: 3px solid #000;\n    padding: 25px 15px;\n    background: #fff;\n    text-align: center;\n    box-shadow: 5px 5px 0px rgba(0,0,0,0.2);\n}\n.op-browser-card .bicon { font-size: 48px; margin-bottom: 10px; }\n.op-browser-card h3 {\n    font-family: Impact, 'Arial Black', sans-serif;\n    color: #7B5FA3;\n    font-size: 16px;\n    margin-bottom: 8px;\n    text-transform: uppercase;\n}\n.op-browser-card .bplat { font-size: 13px; color: #555; line-height: 1.4; }\n.op-browser-card a { display: inline-block; margin-top: 10px; color: #7B5FA3; font-size: 13px; font-weight: bold; }\n\n\/* Get Started *\/\n.op-get-started {\n    border: 3px solid #000;\n    padding: 30px;\n    margin: 40px 0;\n    background: #FFFFE0;\n}\n.op-get-started h2 {\n    border: none;\n    margin-top: 0;\n}\n.op-get-started ol {\n    font-size: 18px;\n    line-height: 2;\n    padding-left: 20px;\n}\n.op-get-started a {\n    color: #7B5FA3;\n}\n\n\/* Hit Counter *\/\n.op-hit-counter { display: inline-flex; gap: 2px; background: #000; padding: 15px 20px; border: 3px solid #B896D6; border-radius: 8px; box-shadow: inset 0 0 20px rgba(0,0,0,0.5), 0 5px 15px rgba(0,0,0,0.3); margin-bottom: 10px; }\n.op-counter-digit { display: inline-block; width: 40px; height: 60px; background: linear-gradient(180deg, #1a1a1a, #0a0a0a); border: 2px solid #444; border-radius: 4px; overflow: hidden; box-shadow: inset 0 2px 4px rgba(255,255,255,0.1), inset 0 -2px 4px rgba(0,0,0,0.5); }\n.op-digit-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 36px; font-weight: bold; color: #FFB3D9; text-shadow: 0 0 10px #FFB3D9, 0 0 20px #FFB3D9; font-family: 'Courier New', monospace; }\n.op-digit-inner:empty { opacity: 0; }\n.op-counter-digit.spinning .op-digit-inner { animation: op-digitSpin 0.6s ease-in-out; }\n@keyframes op-digitSpin {\n    0% { transform: translateY(0) rotateX(0deg); opacity: 1; }\n    50% { transform: translateY(-30px) rotateX(90deg); opacity: 0.5; }\n    51% { transform: translateY(30px) rotateX(-90deg); opacity: 0.5; }\n    100% { transform: translateY(0) rotateX(0deg); opacity: 1; }\n}\n.op-counter-label { margin-top: 8px; font-size: 14px; color: #666; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }\n\n\/* Footer *\/\n.op-footer {\n    background: #000;\n    color: #E8D9C5;\n    border-top: 5px solid #B896D6;\n    padding: 40px 20px;\n    text-align: center;\n    font-family: 'Courier New', Courier, monospace;\n    font-size: 14px;\n    margin-top: 60px;\n}\n.op-footer a { color: #FFA500; text-decoration: underline; }\n.op-footer a:hover { color: #FFB3D9; }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .op-hero-subtitle { font-size: 16px; }\n    .op-pillars-grid { grid-template-columns: 1fr; gap: 15px; }\n    .op-pillar-plus { font-size: 36px; padding: 5px 0; }\n    .op-usecases-grid { grid-template-columns: 1fr; }\n    .op-browsers-grid { grid-template-columns: repeat(2, 1fr); }\n    .op-logo-row { flex-direction: column; gap: 10px; }\n    .op-btn { font-size: 14px; padding: 12px 20px; }\n}\n<\/style>\n\n<div class=\"op-page\">\n\n<!-- Header -->\n<div class=\"op-header\">\n    <div class=\"op-logo-row\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/construction.gif\" alt=\"Under Construction\" width=\"77\" height=\"107\" style=\"image-rendering: pixelated;\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/logo-small.png\" alt=\"OnionPress\" style=\"max-width: 280px; width: 100%; height: auto; filter: drop-shadow(5px 5px 0px rgba(0,0,0,0.3));\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/construction.gif\" alt=\"Under Construction\" width=\"77\" height=\"107\" style=\"image-rendering: pixelated;\">\n    <\/div>\n    <div class=\"op-tagline\">Your Decentralized Social Blog Site<\/div>\n<\/div>\n\n<!-- Nav -->\n<div class=\"op-nav\">\n    <a href=\"\/onionhome\/\" class=\"active\">Home<\/a>\n    <a href=\"\/onionhome\/faq\/\">FAQ<\/a>\n    <a href=\"\/onionhome\/about\/\">About<\/a>\n<\/div>\n\n<!-- Main Content -->\n<div class=\"op-container\">\n\n    <!-- Hero -->\n    <div class=\"op-hero\">\n        <div class=\"op-hero-subtitle\">\n            Turn your computer into a blog with its own permanent address.\n            No hosting company. No monthly bill. No one can take it down but you.\n        <\/div>\n        <div style=\"margin: 25px 0 10px 0;\">\n            <a href=\"https:\/\/github.com\/brewsterkahle\/onionpress\/releases\/latest\/download\/onionpress.dmg\" class=\"op-btn\"><span class=\"op-spinning-heart\">\ud83d\udc9c<\/span> Download for Mac <span class=\"op-spinning-heart\">\ud83d\udc9c<\/span><\/a>\n            <a href=\"\/onionhome\/faq\/#install-linux\" class=\"op-btn\">\ud83d\udc27 Install on Linux<\/a>\n        <\/div>\n        <div>\n            <a href=\"https:\/\/addons.mozilla.org\/addon\/onionpress\/\" class=\"op-btn op-btn-secondary op-btn-small\">\ud83e\udd8a Firefox Extension<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- WordPress + Tor + Wayback Machine -->\n    <div class=\"op-pillars\">\n        <h2 class=\"op-centered\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/icon-face-transparent.png\" class=\"op-onion-bullet\" alt=\"\">\n            Built on Three Pillars\n        <\/h2>\n        <div class=\"op-pillars-grid\">\n            <div class=\"op-pillar-card\">\n                <div class=\"op-pillar-icon\">\ud83d\udcdd<\/div>\n                <h3>WordPress<\/h3>\n                <p>Full blogging platform. Any theme. Any plugin. A familiar dashboard you already know how to use.<\/p>\n                <div class=\"op-pillar-tagline\">You write.<\/div>\n            <\/div>\n            <div class=\"op-pillar-plus\">+<\/div>\n            <div class=\"op-pillar-card\">\n                <div class=\"op-pillar-icon\">\ud83e\uddc5<\/div>\n                <h3>Tor<\/h3>\n                <p>Your own permanent .onion address. Private. Uncensorable. Works through any firewall or NAT.<\/p>\n                <div class=\"op-pillar-tagline\">Tor delivers.<\/div>\n            <\/div>\n            <div class=\"op-pillar-plus\">+<\/div>\n            <div class=\"op-pillar-card\">\n                <div class=\"op-pillar-icon\">\ud83c\udfdb\ufe0f<\/div>\n                <h3>Wayback Machine<\/h3>\n                <p>Backed up and served by the Internet Archive when you&#8217;re offline. Your site is always available.<\/p>\n                <div class=\"op-pillar-tagline\">Wayback remembers.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- What Will You Build? -->\n    <div style=\"margin: 50px 0;\">\n        <h2>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/icon-face-transparent.png\" class=\"op-onion-bullet\" alt=\"\">\n            What Will You Build?\n        <\/h2>\n        <div class=\"op-usecases-grid\">\n            <!-- Personal Blog -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 j4k7x2m&#8230;qd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-blog\">\n                        <div class=\"mh\">Walking Through Rain<\/div>\n                        <div class=\"md\">April 3, 2026 &middot; 4 min read<\/div>\n                        <div class=\"mt\">\n                            There&#8217;s something about the way rain sounds on a tin roof that makes you want to write. I&#8217;ve been thinking about impermanence lately &#8212; how the web used to feel like a place you could just <em>be<\/em>, without performing for an algorithm&#8230;<br><br>\n                            I started this blog because I wanted a corner of the internet that&#8217;s mine. No likes, no followers count, no engagement metrics. Just words.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Personal Blog<\/div>\n                <div class=\"op-usecase-desc\">Share your thoughts freely. No algorithms deciding who sees your writing.<\/div>\n            <\/div>\n\n            <!-- Community Zine -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 r9v3b8n&#8230;yd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-zine\">\n                        <div class=\"mh\">SIGNAL \/\/ NOISE<\/div>\n                        <div class=\"mt\">\n                            <strong>ISSUE #14<\/strong> &#8212; DIGITAL AUTONOMY<br><br>\n                            Your phone is not your friend. It&#8217;s a tracking device you pay $1000 for the privilege of carrying. This issue: building communication channels that don&#8217;t report back to Mountain View&#8230;\n                        <\/div>\n                        <div>\n                            <span class=\"mtag\">privacy<\/span>\n                            <span class=\"mtag\">diy tech<\/span>\n                            <span class=\"mtag\">issue 14<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Community Zine<\/div>\n                <div class=\"op-usecase-desc\">Publish with your crew. No platform rules, no content moderation surprises.<\/div>\n            <\/div>\n\n            <!-- Photo Portfolio -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 m5w2k9p&#8230;hd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-portfolio\">\n                        <div class=\"op-mock-gallery\">\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #667eea, #764ba2);\"><\/div>\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #f093fb, #f5576c);\"><\/div>\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #4facfe, #00f2fe);\"><\/div>\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #43e97b, #38f9d7);\"><\/div>\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #fa709a, #fee140);\"><\/div>\n                            <div class=\"op-mock-photo\" style=\"background: linear-gradient(135deg, #a18cd1, #fbc2eb);\"><\/div>\n                        <\/div>\n                        <div class=\"op-mock-caption\">Analog Series &#8212; Spring 2026 &#8212; 35mm<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Photo Portfolio<\/div>\n                <div class=\"op-usecase-desc\">Share your art without a middleman taking a cut or controlling your reach.<\/div>\n            <\/div>\n\n            <!-- Family Updates -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 t6h8c3f&#8230;nd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-family\">\n                        <div class=\"mh\">The Garcias<\/div>\n                        <div class=\"op-mock-post\">\n                            <div class=\"mpt\">Mia&#8217;s First Steps!<\/div>\n                            <div class=\"mpp\">She did it! Three wobbly steps from the couch to the coffee table. Abuela cried. Dad got it on video (finally).<\/div>\n                        <\/div>\n                        <div class=\"op-mock-post\">\n                            <div class=\"mpt\">Easter Weekend Plans<\/div>\n                            <div class=\"mpp\">Everyone&#8217;s coming to Tia Rosa&#8217;s this year. Bring a dish and your appetite. Kids&#8217; egg hunt at 10am sharp.<\/div>\n                        <\/div>\n                        <div class=\"op-mock-post\">\n                            <div class=\"mpt\">Recipe: Abuela&#8217;s Arroz con Pollo<\/div>\n                            <div class=\"mpp\">She finally let me write it down. The secret is&#8230;<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Family Updates<\/div>\n                <div class=\"op-usecase-desc\">Keep family in the loop privately. No social media account required to read.<\/div>\n            <\/div>\n\n            <!-- Classroom Site -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 b2n7x4q&#8230;kd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-classroom\">\n                        <div class=\"mb\">CS 101 &gt; Spring 2026 &gt; Assignments<\/div>\n                        <div class=\"mh\">Web Publishing Lab<\/div>\n                        <div class=\"op-mock-assign\">\n                            <strong>Lab 5: Build Your Own Blog<\/strong><br>\n                            Set up OnionPress on the lab machine. Write and publish a 500-word post on any topic.<br>\n                            <span class=\"op-mock-due\">Due: April 11, 2026<\/span>\n                        <\/div>\n                        <div class=\"op-mock-assign\">\n                            <strong>Lab 4: How DNS Works<\/strong><br>\n                            Compare .com resolution with .onion addressing. Diagram both paths.<br>\n                            <span class=\"op-mock-due\">Completed<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Classroom Site<\/div>\n                <div class=\"op-usecase-desc\">Students learn web publishing hands-on. Run a real server, not a simulation.<\/div>\n            <\/div>\n\n            <!-- Local Group -->\n            <div>\n                <div class=\"op-browser\">\n                    <div class=\"op-browser-titlebar\">\n                        <span class=\"op-dot op-dot-r\"><\/span>\n                        <span class=\"op-dot op-dot-y\"><\/span>\n                        <span class=\"op-dot op-dot-g\"><\/span>\n                        <span class=\"op-browser-url\">\ud83e\uddc5 w4p9v6d&#8230;zd.onion<\/span>\n                    <\/div>\n                    <div class=\"op-browser-content op-mock-group\">\n                        <div class=\"mh\">Sunnyside Neighbors<\/div>\n                        <div class=\"ms\">Community updates for the Sunnyside neighborhood<\/div>\n                        <div class=\"op-mock-item\">\n                            <strong>Park cleanup this Saturday 9am<\/strong><br>\n                            Bring gloves. Donuts provided.<br>\n                            <span class=\"mid\">April 4, 2026<\/span>\n                        <\/div>\n                        <div class=\"op-mock-item\">\n                            <strong>Lost cat &#8212; orange tabby, answers to &#8220;Byte&#8221;<\/strong><br>\n                            Last seen near Elm &amp; 3rd. Very friendly.<br>\n                            <span class=\"mid\">April 2, 2026<\/span>\n                        <\/div>\n                        <div class=\"op-mock-item\">\n                            <strong>Potluck at the community center April 12<\/strong><br>\n                            <span class=\"mid\">March 30, 2026<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"op-usecase-label\">Local Group<\/div>\n                <div class=\"op-usecase-desc\">Neighborhood newsletter no one can shut down. Your community, your platform.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- View On Any Tor Browser -->\n    <div style=\"margin: 50px 0;\">\n        <h2>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/icon-face-transparent.png\" class=\"op-onion-bullet\" alt=\"\">\n            Viewable on Any Tor-Enabled Browser\n        <\/h2>\n        <div class=\"op-browsers-grid\">\n            <div class=\"op-browser-card\">\n                <div class=\"bicon\">\ud83e\uddc5<\/div>\n                <h3>Tor Browser<\/h3>\n                <div class=\"bplat\">Windows, Mac, Linux<\/div>\n                <div class=\"bplat\"><strong>The gold standard<\/strong><\/div>\n                <a href=\"https:\/\/www.torproject.org\/download\/\">torproject.org<\/a>\n            <\/div>\n            <div class=\"op-browser-card\">\n                <div class=\"bicon\">\ud83e\udd81<\/div>\n                <h3>Brave Browser<\/h3>\n                <div class=\"bplat\">Windows, Mac, Linux, Android<\/div>\n                <div class=\"bplat\"><strong>Built-in Tor window<\/strong><\/div>\n                <a href=\"https:\/\/brave.com\/\">brave.com<\/a>\n            <\/div>\n            <div class=\"op-browser-card\">\n                <div class=\"bicon\">\ud83e\uddc5<\/div>\n                <h3>Onion Browser<\/h3>\n                <div class=\"bplat\">iPhone &amp; iPad<\/div>\n                <div class=\"bplat\"><strong>Recommended for iOS<\/strong><\/div>\n                <a href=\"https:\/\/apps.apple.com\/app\/onion-browser\/id519296448\">App Store<\/a>\n            <\/div>\n            <div class=\"op-browser-card\">\n                <div class=\"bicon\">\ud83e\udd16<\/div>\n                <h3>Tor for Android<\/h3>\n                <div class=\"bplat\">Android<\/div>\n                <div class=\"bplat\"><strong>Official Tor app<\/strong><\/div>\n                <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=org.torproject.torbrowser\">Google Play<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Get Started -->\n    <div class=\"op-get-started\">\n        <h2>\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/02\/icon-face-transparent.png\" class=\"op-onion-bullet\" alt=\"\" style=\"width:20px;height:20px;\">\n            Get Started in 3 Steps\n        <\/h2>\n        <ol>\n            <li><strong>Download<\/strong> OnionPress for Mac or Linux<\/li>\n            <li><strong>Install<\/strong> and launch<br>\n                <small style=\"font-size: 14px;\">(Work through the <a href=\"https:\/\/github.com\/brewsterkahle\/onionpress#requirements\">security prompts<\/a> &#8211; we&#8217;ll guide you step-by-step)<\/small>\n            <\/li>\n            <li><strong>Start blogging!<\/strong> Share your .onion address with friends<\/li>\n        <\/ol>\n        <div style=\"text-align: center; margin-top: 30px;\">\n            <a href=\"https:\/\/github.com\/brewsterkahle\/onionpress\/releases\/latest\/download\/onionpress.dmg\" class=\"op-btn\"><span class=\"op-spinning-heart\">\ud83d\udc9c<\/span> Download for Mac <span class=\"op-spinning-heart\">\ud83d\udc9c<\/span><\/a>\n            <a href=\"\/onionhome\/faq\/#install-linux\" class=\"op-btn\">\ud83d\udc27 Install on Linux<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Hit Counter -->\n    <div id=\"op-hit-counter-container\" style=\"text-align: center; margin: 60px 0;\">\n        <div class=\"op-hit-counter\">\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n            <span class=\"op-counter-digit\" data-digit=\"\"><span class=\"op-digit-inner\"><\/span><\/span>\n        <\/div>\n        <div class=\"op-counter-label\">\n            <span style=\"font-size: 18px;\">\ud83d\udc41\ufe0f<\/span>\n            <span>VISITORS<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Footer -->\n<div class=\"op-footer\">\n    <div style=\"margin-bottom: 15px;\">\n        <strong style=\"font-size: 18px; color: #B896D6;\">Your Decentralized Social Blog Site<\/strong>\n    <\/div>\n    <div style=\"margin-bottom: 15px;\">\n        Free and Open Source (AGPL 3)\n    <\/div>\n    <div style=\"margin-bottom: 15px;\">\n        <a href=\"https:\/\/github.com\/brewsterkahle\/onionpress#readme\">How it Works<\/a> |\n        <a href=\"http:\/\/brewster.kahle.org\/2015\/08\/11\/locking-the-web-open-a-call-for-a-distributed-web-2\/\">Locking the Web Open<\/a> |\n        <a href=\"https:\/\/donate.torproject.org\/\">Donate<\/a>\n    <\/div>\n    <div style=\"margin-top: 15px; font-size: 12px;\">\n        <a href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY 4.0<\/a>\n    <\/div>\n<\/div>\n\n<\/div>\n\n<script>\n(function() {\n    var counterAPI = '\/wp-content\/plugins\/onionpress-hit-counter\/standalone-counter.php';\n    var hasIncremented = false;\n    var currentCount = 0;\n\n    function updateDisplay(formattedCount, animate) {\n        var digits = formattedCount.split('');\n        var digitElements = document.querySelectorAll('.op-counter-digit');\n        digitElements.forEach(function(elem, index) {\n            var cd = elem.getAttribute('data-digit');\n            var nd = digits[index];\n            if (cd !== nd) {\n                var inner = elem.querySelector('.op-digit-inner');\n                if (animate && cd !== '') {\n                    elem.classList.add('spinning');\n                    setTimeout(function() {\n                        inner.textContent = nd;\n                        elem.setAttribute('data-digit', nd);\n                        elem.classList.remove('spinning');\n                    }, 300);\n                } else {\n                    inner.textContent = nd;\n                    elem.setAttribute('data-digit', nd);\n                }\n            }\n        });\n    }\n\n    function init() {\n        fetch(counterAPI + '?action=get')\n        .then(function(r) { return r.json(); })\n        .then(function(d) {\n            if (d.success) {\n                updateDisplay(d.formatted, false);\n                currentCount = d.count;\n                setTimeout(increment, 100);\n            }\n        })\n        .catch(function() { increment(); });\n    }\n\n    function increment() {\n        if (hasIncremented) return;\n        fetch(counterAPI + '?action=increment', { method: 'POST' })\n        .then(function(r) { return r.json(); })\n        .then(function(d) {\n            if (d.success) {\n                updateDisplay(d.formatted, true);\n                currentCount = d.count;\n                hasIncremented = true;\n            }\n        })\n        .catch(function() {});\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Your Decentralized Social Blog Site Home FAQ About Turn your computer into a blog with its own permanent address. No hosting company. No monthly bill. No one can take it down but you. \ud83d\udc9c Download for Mac \ud83d\udc9c \ud83d\udc27 Install on Linux \ud83e\udd8a Firefox Extension Built on Three Pillars \ud83d\udcdd WordPress Full blogging platform. Any [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-canvas.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/pages\/8\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/onionpress.org\/onionhome\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}