CINXE.COM

signup

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>signup</title> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="preload" href="https://readsludge.com/assets/css/app.css?v=90c1351205" as="style" /> <link rel="preload" href="https://readsludge.com/assets/css/auth.css?v=90c1351205" as="style" /> <link rel="stylesheet" type="text/css" href="https://readsludge.com/assets/css/app.css?v=90c1351205" media="screen" /> <link rel="stylesheet" type="text/css" href="https://readsludge.com/assets/css/auth.css?v=90c1351205" media="screen" /> <link rel="icon" href="https://readsludge.com/content/images/size/w256h256/2024/11/Sludge-Logo-Playground.png" type="image/png"> <link rel="canonical" href="https://readsludge.com/signup/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Sludge"> <meta property="og:type" content="website"> <meta property="og:title" content="signup"> <meta property="og:description" content="Investigative journalism on money in politics"> <meta property="og:url" content="https://readsludge.com/signup/"> <meta property="og:image" content="https://readsludge.com/content/images/2024/11/sludgedome-1.jpg"> <meta property="article:modified_time" content="2024-11-11T21:23:39.000Z"> <meta property="article:publisher" content="https://www.facebook.com/readsludge/"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="signup"> <meta name="twitter:description" content="Investigative journalism on money in politics"> <meta name="twitter:url" content="https://readsludge.com/signup/"> <meta name="twitter:image" content="https://readsludge.com/content/images/2024/11/sludgedome.jpg"> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Donald Shaw"> <meta name="twitter:site" content="@Sludge"> <meta name="twitter:creator" content="@donnydonny"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="419"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Sludge", "url": "https://readsludge.com/", "logo": { "@type": "ImageObject", "url": "https://readsludge.com/content/images/2024/11/Sludge_new_logotype_text-1730645314160-1.png" } }, "author": { "@type": "Person", "name": "Donald Shaw", "image": { "@type": "ImageObject", "url": "https://readsludge.com/content/images/2023/08/FOk2FhdXwAYpvds.jpg", "width": 400, "height": 400 }, "sameAs": [ "https://twitter.com/donnydonny" ] }, "headline": "signup", "url": "https://readsludge.com/signup/", "dateModified": "2024-11-11T21:23:39.000Z", "mainEntityOfPage": "https://readsludge.com/signup/" } </script> <meta name="generator" content="Ghost 5.101"> <link rel="alternate" type="application/rss+xml" title="Sludge" href="https://readsludge.com/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.46/umd/portal.min.js" data-i18n="true" data-ghost="https://readsludge.com/" data-key="76f8aaa3e78026f68f8829f362" data-api="https://sludge.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style><script async src="https://js.stripe.com/v3/"></script> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="76f8aaa3e78026f68f8829f362" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://sludge.ghost.io/" data-locale="en" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js" data-announcement-bar="https://readsludge.com/" data-api-url="https://readsludge.com/members/api/announcement/" crossorigin="anonymous"></script> <link href="https://readsludge.com/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=90c1351205"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=90c1351205"> <script defer src="/public/comment-counts.min.js?v=90c1351205" data-ghost-comments-counts-api="https://readsludge.com/members/api/comments/counts/"></script> <script defer src="/public/member-attribution.min.js?v=90c1351205"></script><style>:root {--ghost-accent-color: #0509d3;}</style> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet"> <script src="https://cdn.usefathom.com/script.js" data-site="QWNFYHQD" defer></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-79V35NWWX4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-79V35NWWX4'); </script> <style> /* font overrides */ .gh-topic-grid .gh-topic-name { border-bottom: 4px solid black; padding-bottom: 0.5em; margin-bottom: 0.5em; } h1, h2, h3 { font-family: "Oswald", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: normal; } nav { font-family: "Oswald", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: normal; font-size: 16px; } /* DISABLED: changed link highlight color to match old Sludge .gh-content a { color: black; text-decoration: underline; text-decoration-color: #2b56ff; text-decoration-thickness: 2px; transition: color 0.2s; } .gh-content a:hover { color: #2b56ff; } */ .wp-block-image span.credit { /* match figcaption */ display: block; text-align: center; color: var(--color-secondary-text); font-size: 1.3rem; line-height: 1.4; margin-top: 1.6rem; } .wp-block-image figure, .wp-block-image img { width: 100% } </style> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=991017, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={nonce:v&&v.nonce,use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script> <!-- End VWO Async SmartCode --> <style> :root { --accent: var(--ghost-accent-color); } </style> <style> :root { --header-style: fixed; } </style> <style> /* These font-faces are defined here to make fonts work in case the Ghost instance is installed within a subdirectory */ /** * @license * * Font Family: Clash Display * Designed by: Indian Type Foundry * URL: https://www.fontshare.com/fonts/clash-display * 漏 2022 Indian Type Foundry * */ @font-face { font-family: 'ClashDisplay-Variable'; src: url("https://readsludge.com/assets/fonts/clash-display/ClashDisplay-Variable.woff2?v=90c1351205") format('woff2'), url("https://readsludge.com/assets/fonts/clash-display/ClashDisplay-Variable.woff?v=90c1351205") format('woff'), url("https://readsludge.com/assets/fonts/clash-display/ClashDisplay-Variable.ttf?v=90c1351205") format('truetype'); font-weight: 200 700; font-display: swap; font-style: normal; } /** * @license * * Font Family: General Sans * Designed by: Frode Helland * URL: https://www.fontshare.com/fonts/general-sans * 漏 2022 Indian Type Foundry * */ @font-face { font-family: 'GeneralSans-Variable'; src: url("https://readsludge.com/assets/fonts/general-sans/GeneralSans-Variable.woff2?v=90c1351205") format('woff2'), url("https://readsludge.com/assets/fonts/general-sans/GeneralSans-Variable.woff?v=90c1351205") format('woff'), url("https://readsludge.com/assets/fonts/general-sans/GeneralSans-Variable.ttf?v=90c1351205") format('truetype'); font-weight: 200 700; font-display: swap; font-style: normal; } /** * @license * * Font Family: Literata * Designed by: TypeTogether * URL: https://www.fontshare.com/fonts/literata * 漏 2022 Indian Type Foundry * */ @font-face { font-family: 'Literata-Variable'; src: url("https://readsludge.com/assets/fonts/literata/Literata-Variable.woff2?v=90c1351205") format('woff2'), url("https://readsludge.com/assets/fonts/literata/Literata-Variable.woff?v=90c1351205") format('woff'), url("https://readsludge.com/assets/fonts/literata/Literata-Variable.ttf?v=90c1351205") format('truetype'); font-weight: 200 700; font-display: swap; font-style: normal; } </style> <style> :root { --title-font: 'Literata-Variable'; --headings-weight: 600; } </style> <style> :root { --body-font: 'Literata-Variable'; } </style> <script> if (typeof Storage !== 'undefined') { const savedThemeMode = localStorage.getItem('bold-theme-mode') const html = document.querySelector('html') if (savedThemeMode && savedThemeMode !== 'system') { html.setAttribute('theme-mode', savedThemeMode) } else { const isSystemDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches const themeMode = isSystemDark ? 'dark' : 'light' html.setAttribute('theme-mode', themeMode) } } </script> </head> <body class="page-template page-signup"> <header class="bo-header js-header" :class="{'open': isMobileMenuOpen()}" x-data="header(false)" @home-header-enter.window="setHeaderCustomColor" @home-header-leave.window="clearHeaderCustomColor" > <div class="bo-mobile-bar" :class="{'open': isMobileMenuOpen()}"> <button class="bo-mobile-bar__menu no-appearance focusable" :class="{'open': isMobileMenuOpen()}" @click.stop="toggleMobileMenu" > <span class="bo-mobile-bar__menu__content"> <span></span> <span></span> <span></span> </span> <span class="sr-only">Open menu</span> </button> <a href="https://readsludge.com" title="Sludge" class="bo-logo focusable" > <img src="https://readsludge.com/content/images/2024/11/Sludge_new_logotype_text-1730645314160-1.png" alt="" width="100" height="24" > </a> <button class="bo-mobile-bar__search no-appearance focusable" data-ghost-search> <svg width="24" height="24" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#search" /> </svg> <span class="sr-only">Search</span> </button> </div> <div class="bo-mobile-menu" :class="{'open': isMobileMenuOpen()}" @click.outside="closeMobileMenu" > <div class="bo-mobile-menu__nav"> <nav aria-label="Main navigation"> <ul> </ul> </nav> </div> <div class="bo-mobile-menu__nav secondary"> <nav aria-label="Secondary navigation"> <ul> <li class="nav-about-sludge"> <a href="https://readsludge.com/about/" class="focusable"> About Sludge </a> </li> <li class="nav-donate"> <a href="https://readsludge.com/donate/" class="focusable"> Donate </a> </li> <li class="nav-subscribe"> <a href="https://readsludge.com/membership/" class="focusable"> Subscribe </a> </li> </ul> </nav> </div> <div class="bo-mobile-menu__social"> <ul class="bo-social-list in-header"> <li> <a href="https://twitter.com/Sludge" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#x" /> </svg> <span class="sr-only">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/readsludge/" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#facebook" /> </svg> <span class="sr-only">Facebook</span> </a> </li> </ul> </div> <div class="bo-mobile-menu__actions "> <div class="bo-theme-switcher"> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'system'}" @click="setThemeMode('system')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#monitor" /> </svg> <span>Auto</span> </button> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'light'}" @click="setThemeMode('light')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#sun" /> </svg> <span>Light</span> </button> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'dark'}" @click="setThemeMode('dark')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#moon" /> </svg> <span>Dark</span> </button> </div> <div class="bo-mobile-menu__actions__avatar"> <a href="https://readsludge.com/signin" class="bo-button full-width small" > Sign in </a> </div> </div> </div> <div class="bo-desktop-bar"> <div class="bo-desktop-bar__wrapper"> <div class="bo-desktop-bar__main"> <div class="bo-desktop-bar__main__logo-container"> <a href="https://readsludge.com" title="Sludge" class="bo-logo focusable" > <img src="https://readsludge.com/content/images/2024/11/Sludge_new_logotype_text-1730645314160-1.png" alt="" width="100" height="24" > </a> </div> <div class="bo-desktop-bar__main__container"> <div class="bo-desktop-bar__main__nav-container"> <nav class="bo-desktop-bar__main__nav" aria-label="Main navigation"> <ul> </ul> </nav> </div> <div class="bo-desktop-bar__main__more-container"> <button class="bo-desktop-bar__main__more no-appearance focusable" @click.stop="toggleSubmenu" > <span class="bo-desktop-bar__main__more__content"> <span></span> <span></span> <span></span> </span> <span class="sr-only">More</span> </button> <div class="bo-submenu" :class="{'open': isSubmenuOpen()}" @click.outside="closeSubmenu" > <div class="bo-submenu__nav"> <nav aria-label="Secondary navigation"> <ul> <li class="nav-about-sludge"> <a href="https://readsludge.com/about/" class="focusable"> About Sludge </a> </li> <li class="nav-donate"> <a href="https://readsludge.com/donate/" class="focusable"> Donate </a> </li> <li class="nav-subscribe"> <a href="https://readsludge.com/membership/" class="focusable"> Subscribe </a> </li> </ul> </nav> </div> <div class="bo-submenu__actions"> <div class="bo-theme-switcher"> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'system'}" @click="setThemeMode('system')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#monitor" /> </svg> <span>Auto</span> </button> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'light'}" @click="setThemeMode('light')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#sun" /> </svg> <span>Light</span> </button> <button class="no-appearance focusable" :class="{active: savedThemeMode === 'dark'}" @click="setThemeMode('dark')" > <svg width="18" height="18" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#moon" /> </svg> <span>Dark</span> </button> </div> </div> </div> </div> </div> </div> <div class="bo-desktop-bar__secondary"> <ul class="bo-social-list in-header"> <li> <a href="https://twitter.com/Sludge" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#x" /> </svg> <span class="sr-only">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/readsludge/" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#facebook" /> </svg> <span class="sr-only">Facebook</span> </a> </li> </ul> <div class="bo-desktop-bar__secondary__actions"> <button class="bo-desktop-bar__secondary__search no-appearance focusable" data-ghost-search> <svg width="24" height="24" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#search" /> </svg> <span class="sr-only">Search</span> </button> <a href="https://readsludge.com/signin" class="bo-button full-width small" > Sign in </a> </div> </div> </div> </div> </header> <script> function header(isHome) { return { showMobileMenu: false, showSubmenu: false, savedThemeMode: 'system', customForegroundColor: '', customBackgroundColor: '', customTranslucentColor: '', isHomeHeaderVisible: isHome, init() { this.initThemeMode() this.setHeaderColors() }, toggleMobileMenu() { this.showMobileMenu = !this.showMobileMenu }, toggleSubmenu() { this.showSubmenu = !this.showSubmenu }, closeMobileMenu() { this.showMobileMenu = false }, closeSubmenu() { this.showSubmenu = false }, isMobileMenuOpen() { return this.showMobileMenu === true }, isSubmenuOpen() { return this.showSubmenu === true }, initThemeMode() { this.savedThemeMode = this.getThemeMode() this.setThemeMode(this.savedThemeMode) if (window.matchMedia) { window.matchMedia('(prefers-color-scheme: dark)') .addEventListener('change', this.updateSystemTheme.bind(this)) } }, updateSystemTheme() { if (this.savedThemeMode !== 'system') { return } if (this.isSystemDark()) { this.setThemeMode('dark', false) } else { this.setThemeMode('light', false) } }, isSystemDark() { return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches }, setThemeMode(mode, saveTheme = true) { const html = document.querySelector('html') html.setAttribute('theme-mode', mode) if (saveTheme) { this.savedThemeMode = mode if (mode === 'system') { this.updateSystemTheme() } localStorage.setItem('bold-theme-mode', mode) } this.rerenderGhostIframes() if (!this.isHomeHeaderVisible) { this.clearHeaderCustomColor() } }, getThemeMode() { const localValue = localStorage.getItem('bold-theme-mode') if (!localValue) { return 'system' } return localValue }, rerenderGhostIframes() { const comments = document.querySelector('.js-comments > div > iframe') if (comments) { comments.contentDocument.location.reload(true) } }, setHeaderColors() { this.customForegroundColor = this.getPropertyValue('--header-foreground-color') this.customBackgroundColor = this.getPropertyValue('--header-background-color') this.customTranslucentColor = this.getPropertyValue('--header-translucent-color') }, setHeaderCustomColor() { this.isHomeHeaderVisible = true this.setPropertyValue('--header-foreground-color', this.customForegroundColor) this.setPropertyValue('--header-background-color', this.customBackgroundColor) this.setPropertyValue('--header-translucent-color', this.customTranslucentColor) }, clearHeaderCustomColor() { this.isHomeHeaderVisible = false this.setPropertyValue('--header-foreground-color', this.getPropertyValue('--foreground')) this.setPropertyValue('--header-background-color', this.getPropertyValue('--background')) this.setPropertyValue('--header-translucent-color', this.getPropertyValue('--translucent')) }, getPropertyValue(property) { const value = getComputedStyle(document.documentElement).getPropertyValue(property) return value ? value : '' }, setPropertyValue(property, value) { if (!value) { return } document.documentElement.style.setProperty(property, value) } } } </script> <div class="bo-main-container"> <main> <section class="bo-auth"> <div class="bo-auth__main no-image"> <div class="bo-auth__wrapper"> <div class="bo-auth__content"> <div class="bo-auth__header"> <h1 class="bo-auth__title"> Sign up now </h1> <p class="bo-auth__description"> Unlock full access and see the entire library of members-only content &amp; updates. </p> </div> <div class="bo-auth__form-container"> <form id="signup-form" data-members-form="signup" class="bo-auth-form" > <div class="bo-auth__normal"> <div> <label for="signup-name-input" class="bo-label sr-only"> Enter your name </label> <input id="signup-name-input" data-members-name type="text" placeholder="Enter your name" class="bo-field" > </div> <div> <label for="signup-email-input" class="bo-label sr-only"> Enter your email address </label> <input id="signup-email-input" data-members-email type="email" required placeholder="Enter your email address" class="bo-field" > </div> <div class="bo-auth__cta"> <button id="signup-button" type="submit" class="bo-button full-width" > <span> Continue </span> </button> <div class="bo-auth__error-container"> <p class="bo-auth__error"> Oops! There was an error sending the email, please try again later. </p> </div> <p class="bo-auth__caption"> Already have an account? <a href="https://readsludge.com/signin">Sign in</a> </p> </div> </div> <div class="bo-auth__success-container"> <p class="bo-auth__success"> Awesome! Now check your inbox and click the link to confirm your subscription. </p> </div> </form> </div> </div> </div> </div> </section> </main> </div> <footer class="bo-footer"> <div class="bo-wrapper"> <div class="bo-footer__container"> <div class="bo-footer-main"> <div class="bo-footer-main__nav"> <nav class="bo-footer-main__nav__primary"> <ul> </ul> </nav> <nav class="bo-footer-main__nav__secondary"> <ul> <li class="nav-about-sludge"> <a href="https://readsludge.com/about/" class="focusable"> About Sludge </a> </li> <li class="nav-donate"> <a href="https://readsludge.com/donate/" class="focusable"> Donate </a> </li> <li class="nav-subscribe"> <a href="https://readsludge.com/membership/" class="focusable"> Subscribe </a> </li> </ul> </nav> </div> <div class="bo-footer-main__search"> <button class="no-appearance focusable" data-ghost-search> <svg width="24" height="24" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#search" /> </svg> <span class="sr-only">Search</span> </button> </div> </div> <div class="bo-footer-secondary"> <div class="bo-footer-secondary__social"> <ul class="bo-social-list "> <li> <a href="https://twitter.com/Sludge" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#x" /> </svg> <span class="sr-only">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/readsludge/" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#facebook" /> </svg> <span class="sr-only">Facebook</span> </a> </li> <li> <a href="https://readsludge.com/rss" target="_blank" rel="noopener" class="focusable"> <svg width="20" height="20" class="bo-icon" > <use href="https://readsludge.com/assets/images/icons.svg?v=90c1351205#rss" /> </svg> <span class="sr-only">RSS</span> </a> </li> </ul> </div> <p class="bo-footer-secondary__note"> Sludge &copy; 2024. Powered by <a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a> </p> </div> </div> </div> </footer> <script src="https://readsludge.com/assets/js/manifest.js?v=90c1351205" defer></script> <script src="https://readsludge.com/assets/js/vendor.js?v=90c1351205" defer></script> <script src="https://readsludge.com/assets/js/app.js?v=90c1351205" defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10