1 2<!DOCTYPE html> 3<html> 4<head> 5 <meta charset="utf-8" /> 6 <title>Derate The Hate - When Civility Became the Crime</title> 7 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 8 9 <link rel="canonical" href="https://deratethehate.com/blog/new-blog-post-424" /> 10 11 12 <meta name="description" content="Originally published on Substack. Shared here for broader access.There’s something deeply wrong with the moral compass of our moment. Not wrong in a subtle, nuanced, academic way. Wrong in a “what are..."> 13 14 15 16 <meta property="og:type" content="article" /> 17 <meta property="og:title" content="When Civility Became the Crime" /> 18 <meta property="og:description" content="Originally published on Substack. Shared here for broader access.There’s something deeply wrong with the moral compass of our moment. Not wrong in a subtle, nuanced, academic way. Wrong in a “what are..." /> 19 <meta property="og:image" content="https://dz225wdq9f52l.cloudfront.net/derate-the-hate/260402133946-ChatGPT+Image+Mar+27%2C+2026%2C+12_52_21+PM.png" /> 20 21 <link rel="shortcut icon" type="image/png" href="https://dz225wdq9f52l.cloudfront.net/derate-the-hate/230904222709-deratethehate-logo.png"> 22 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet"> 23 24 <link href="/css/plyr.css" rel="stylesheet" type="text/css" /> 25 <link href="/css/fullmod.min.css" rel="stylesheet" type="text/css" /> 26 <link href="/css/Common.min.css?ver=3.2.1" rel="stylesheet" type="text/css" /> 27 <link href="/css/ParallaxWebsite.min.css?ver=3.2.1" rel="stylesheet" type="text/css" /> 28 29 30 31
31<script src="/js/jquery-3.5.0.min.js"></script>
31 32
32<script src="/js/jquery.validate.min.js"></script>
32 33
33<script src="/js/fullmod.min.js"></script>
33 34
34<script src="/js/common.js"></script>
34 35 36
36<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5ecd8ca5e15c0d001255508f&product=inline-share-buttons&cms=website' async='async'></script>
vendor: 69 bytes, lines 36-38
36 37 38 <script async src="https://www.googletagmanager.com/gtag/js?id=
38UA-206386083-2
vendor: 16 bytes, lines 38-39
38"></script> 39
39<script> 40
vendor: 155 bytes, lines 40-44
40window.dataLayer = window.dataLayer || []; 41 function gtag() { dataLayer.push(arguments); } 42 gtag('js', new Date()); 43 44 gtag('config', '
44UA-206386083-2
vendor: 8 bytes, lines 44-45
44'); 45
45</script>
vendor: 73 bytes, lines 45-47
45 46 47 <script async src="https://www.googletagmanager.com/gtag/js?id=
47G-6XYMLF0LZ8
vendor: 20 bytes, lines 47-48
47"></script> 48
48<script> 49
vendor: 167 bytes, lines 49-53
49window.dataLayer = window.dataLayer || []; 50 function gtag() { dataLayer.push(arguments); } 51 gtag('js', new Date()); 52 53 gtag('config', '
53G-6XYMLF0LZ8
vendor: 12 bytes, lines 53-54
53'); 54
54</script>
54 55 56
56<script charset="utf-8" src="//cdn.iframe.ly/embed.js?api_key=36e5aa3f7f7a793e1ae663"></script>
56 57 58 59</head> 60<body class="page-blogpost"> 61 62 63 64 65 66 67 68 69 70<link rel="stylesheet" href="/css/fullpage-menu.css"> 71 72<header> 73 74 75 <div class="left"> 76 77 <div class="menu-icon mobile-only"> 78 <span class="menu-icon__line menu-icon__line-left"></span> 79 <span class="menu-icon__line"></span> 80 <span class="menu-icon__line menu-icon__line-right"></span> 81 </div> 82 83 <a href="https://deratethehate.com" class="logo hvr-pop left-align"> 84 <img src="https://dz225wdq9f52l.cloudfront.net/derate-the-hate/230904225412-deratethehate-logo.png" /> 85 </a> 86 87 <div class="nav mobile-only"> 88 <div class="nav__content"> 89 <ul class="nav__list"> 90 <li class="nav__list-item"> 91 <a href="https://deratethehate.com"> 92 HOME 93 </a> 94 </li> 95 <li class="nav__list-item"> 96 <a href="/episodes"> 97 DTH Episodes 98 </a> 99 </li> 100 <li class="nav__list-item"> 101 <a href="/videos"> 102 Wilk's Videos 103 </a> 104 </li> 105 <li class="nav__list-item"> 106 <a href="/about"> 107 About The Show 108 </a> 109 </li> 110 <li class="nav__list-item"> 111 <a href="/contact"> 112 Contact 113 </a> 114 </li> 115 <li class="nav__list-item"> 116 <a href="/guest-form"> 117 Be a Guest 118 </a> 119 </li> 120 <li class="nav__list-item"> 121 <a href="/blog"> 122 Wilk's Blog 123 </a> 124 </li> 125 <li class="nav__list-item"> 126 <a href="https://deratethehate.com/p/media-mentions"> 127 Media Mentions 128 </a> 129 </li> 130 <li class="nav__list-item"><a href="https://www.BraverAngels.org" target="_blank">Braver Angels</a></li> 131 <li class="nav__list-item"><a href="https://wilkwilkinson.substack.com" target="_blank">Wilk on Substack</a></li> 132 <li class="nav__list-item"> 133 <a href="https://deratethehate.com/p/search-past-episodes-via-listennotes"> 134 Search Past Episodes via ListenNotes 135 </a> 136 </li> 137 </ul> 138 139 </div> 140 <ul class="social-links-container"> 141 <li class="hvr-pop"> 142 <a href="https://www.facebook.com/DerateTheHate" target="_blank"> 143 <img src="/img/icons/facebook-icon.png" alt="Facebook" title="Facebook" /> 144 </a> 145 </li> 146 <li class="hvr-pop"> 147 <a href="https://twitter.com/DerateTheHate" target="_blank"> 148 <img src="/img/icons/twitter-icon.png" alt="Twitter" title="Twitter" /> 149 </a> 150 </li> 151 <li class="hvr-pop"> 152 <a href="https://www.instagram.com/derate_the_hate" target="_blank"> 153 <img src="/img/icons/instagram-icon.png" alt="Instagram" title="Instagram" /> 154 </a> 155 </li> 156 <li class="hvr-pop"> 157 <a href="https://www.linkedin.com/in/adam-wilk-wilkinson/" target="_blank"> 158 <img src="/img/icons/linkedin-icon.png" alt="LinkedIn" title="LinkedIn" /> 159 </a> 160 </li> 161 </ul> 162 </div> 163 164 165<nav> 166 <ul> 167<li> 168 <a href="https://deratethehate.com"> 169 HOME 170 </a> 171</li> <li> 172 <a href="/episodes"> 173 DTH Episodes 174 </a> 175 </li> 176<li> 177 <a href="/videos"> 178 Wilk's Videos 179 </a> 180</li><li> 181 <a href="/about"> 182 About The Show 183 </a> 184</li><li> 185 <a href="/contact"> 186 Contact 187 </a> 188</li><li> 189 <a href="/guest-form"> 190 Be a Guest 191 </a> 192</li><li> 193 <a href="/blog"> 194 Wilk's Blog 195 </a> 196</li> <li> 197 <a href="https://deratethehate.com/p/media-mentions"> 198 Media Mentions 199 </a> 200 </li> 201 <li><a href="https://www.BraverAngels.org" target="_blank">Braver Angels</a></li> 202 <li><a href="https://wilkwilkinson.substack.com" target="_blank">Wilk on Substack</a></li> 203 <li> 204 <a href="https://deratethehate.com/p/search-past-episodes-via-listennotes"> 205 Search Past Episodes via ListenNotes 206 </a> 207 </li> 208 </ul> 209</nav> </div> 210</header> 211 212
213<script> 214 const onPodiumApp = (() => { 215 let body; 216 let menu; 217 218 const init = () => { 219 body = document.querySelector('body'); 220 menu = document.querySelector('.menu-icon'); 221 222 applyListeners(); 223 }; 224 225 const applyListeners = () => { 226 menu.addEventListener('click', () => toggleClass(body, 'nav-active')); 227 }; 228 229 const toggleClass = (element, stringClass) => { 230 if (element.classList.contains(stringClass)) 231 element.classList.remove(stringClass); else 232 233 element.classList.add(stringClass); 234 }; 235 236 init(); 237 })(); 238 239 240 if ($('body').hasClass('page-about') || $('body').hasClass('page-contact')) { 241 $('header').addClass('non-transparent'); 242 } else { 243 window.addEventListener("scroll", (event) => { 244 if (this.scrollY > 500) { 245 $('header').addClass('non-transparent'); 246 } else { 247 $('header').removeClass('non-transparent'); 248 } 249 }); 250 } 251</script>
251 252 253 254 255 256<div class="blog-content-container"> 257 <div class="header"> 258 <div class="center"> 259 <div class="content" style="padding: 20px 0"> 260 <img src="https://dz225wdq9f52l.cloudfront.net/derate-the-hate/260402133946-ChatGPT+Image+Mar+27%2C+2026%2C+12_52_21+PM.png" class="blog-post-image" /> 261 <label class="publish-date">Thursday, April 2, 2026</label> 262 <h1>When Civility Became the Crime</h1> 263 <strong class="author">by Wilk Wilkinson</strong> 264 </div> 265 </div> 266 </div> 267 268 <div class="main-content"> 269 <div class="left-col"> 270 <p><i>Originally published on Substack. Shared here for broader access.</i></p><p>Thereâs something deeply wrong with the moral compass of our moment. Not wrong in a subtle, nuanced, academic way. Wrong in a â<i>what are we even doing</i>â kind of way.</p><p>Somewhere along the line, we decided that calling for basic human dignity is suspect. That building a table where people with wildly different beliefs can sit down and talk, without contempt, without performance, without needing to destroy each other, is somehow sinister. That the real act of courage isnât bridge-building. Itâs burning the bridge down and celebrating the fire.</p><p>We have inverted something essential.</p><p>Abraham Lincoln, in the darkest hour this country has ever faced, stood before a divided nation and said, <i>âWith malice toward none, with charity for all.â</i> He wasnât being naive. He wasnât softening the stakes. He was insisting that even in the middle of catastrophic disagreement, the way you treat your opponent reveals something about the kind of nation youâre trying to build.</p><p>What are we building right now?</p><p>When organizations dedicated to cross-partisan dialogue get accused of being fronts for shadowy ideological forces, itâs worth pausing. Not to dismiss the concern outright, but to ask: what does that accusation reveal about us?</p><p>It reveals that weâve reached a place where civility itself is treated as a trojan horse. Where the act of sitting across from someone you disagree with is read as betrayal. Where the assumption isnât <i>maybe theyâre operating in good faith</i>, itâs <i>whatâs the angle?</i> Thatâs not healthy skepticism. Thatâs a broken epistemic culture.</p><p>And hereâs the thing: broken epistemic cultures donât just make us mean. They make us <i>wrong</i>. Constantly. Because when your framework filters out every piece of information that doesnât confirm your worst fears, you stop being an investigator of truth. You become a curator of grievance.</p><p>Viktor Frankl, who survived the unimaginable, wrote that <i>âbetween stimulus and response there is a space. In that space is our power to choose our response.â</i> We have collectively decided to eliminate that space. To react before we reflect. To accuse before we ask. To assume the worst because assuming the worst feels like wisdom. It isnât wisdom. Itâs exhaustion dressed up as conviction.</p><p>Hereâs what I know to be true: you cannot hate someone into believing what you believe.</p><p>Not one person in the history of human civilization has been shamed, mocked, or demonized into genuinely changing their mind. What contempt produces isnât conversion, itâs entrenchment. It makes people grip their beliefs tighter, trust fewer voices, and see every outstretched hand as a trap.</p><p>So when an organization explicitly committed to reducing contempt across partisan lines gets labeled as a vehicle for censorship, for the act of teaching people how to disagree without dehumanizing, we have to call that what it is. <strong>Weâve confused </strong><i><strong>lowering the temperature</strong></i><strong> with </strong><i><strong>surrendering the argument</strong></i><strong>.</strong> They are not the same thing.</p><p>And I want to be direct about something, because this charge comes from both directions: <strong>depolarization is not a call for a mushy, spineless uniparty</strong> where everyone agrees and nobody stands for anything. I am a conservative. I have strongly held convictions. I am not asking you to abandon yours. The goal was never ideological surrender. It was ideological <i>honesty</i>. The ability to make your case without dehumanizing the person who disagrees. To hold your ground without burning theirs.</p><p>Thomas Jefferson and John Adams disagreed on virtually everything about how this republic should be governed. They argued fiercely, sometimes bitterly. But they also wrote letters to each other for decades, grappling with the great questions of self
270-governance as intellectual equals. Thatâs not Kumbaya. Thatâs the hard, dignified work of a functioning democracy. We used to know the difference.</p><p><strong>Disagreement is not the enemy. Contempt is.</strong> And weâve stopped telling the difference.</p><p>The irony is almost too much to hold. We live in a culture that will tolerate, even celebrate, the open demonization of entire groups of people based on how they vote, where they live, what they believe. But ask those same people to engage with someone across the aisle without mockery, and suddenly <i>thatâs</i> the ideological overreach. Thatâs the real manipulation.</p><p>Frederick Douglass put it simply: <i>âIt is easier to build strong children than to repair broken men.â</i> The same logic applies to societies. It is far easier to build a culture of good-faith disagreement than to repair the damage done by years of treating fellow citizens as enemies. We are in the repair phase now. And repair is slow, unglamorous, and perpetually misunderstood.</p><p>None of this means every institution deserves blind trust. Scrutiny is healthy. Accountability matters. But thereâs a difference between scrutiny and smear. Between asking hard questions and declaring verdicts before the evidence is in. Between holding organizations accountable and torching them because they refuse to pick a side in your war.</p><p>Sitting across from someone you disagree with isnât weakness. It isnât compromise. It isnât a sign that your convictions are for sale. It is, in fact, one of the harder things a person with strong convictions can do, because you have to trust that your ideas are sturdy enough to survive contact with opposition. Most ideas that are worth holding are.</p><p>The people willing to do that, to say â<i>I disagree with you and I still think youâre a human being worth talking toâ</i>, those people arenât compromised. Theyâre the ones trying to save something.</p><p>And maybe thatâs the most telling sign of where we are: the people trying to lower the temperature are the ones getting burned. That should bother all of us. Quietly, seriously, in that space between stimulus and response, the space we keep giving away.</p><p>We need to take it back.</p><p><i>Originally published on Substack. Shared here for broader access.</i></p><p><i>Wilk Wilkinson is the host of Derate The Hate. He writes about civic courage, human dignity, and the underrated art of not losing your mind in a polarized world.</i></p> 271 272 <div class="upvotes-and-comments"> 273 <h2>Comments & Upvotes</h2> 274 <div class="upvotes-and-comments-placeholder" data-reload-url="/newsfeed-items/BlogPost/39458" data-reload-template="#upvotes-and-comments-template"> 275 276 </div> 277 </div> 278
278<script id="upvotes-and-comments-template" type="text/x-jsrender"> 279 <div> 280<ul class="toolbar"> 281 <li> 282 <a class="likes"> 283 {{if}} 284 <span class="upvote {{if isLiked}}upvoted{{/if}}" data-target-type="{{:type}}" data-target-id="{{:targetId}}" data-owner-id="" data-url="/submit/upvote"> 285 <span class="not-upvoted"> 286<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 9.229c.234-1.12 1.547-6.229 5.382-6.229 2.22 0 4.618 1.551 4.618 5.003 0 3.907-3.627 8.47-10 12.629-6.373-4.159-10-8.722-10-12.629 0-3.484 2.369-5.005 4.577-5.005 3.923 0 5.145 5.126 5.423 6.231zm-12-1.226c0 4.068 3.06 9.481 12 14.997 8.94-5.516 12-10.929 12-14.997 0-7.962-9.648-9.028-12-3.737-2.338-5.262-12-4.27-12 3.737z" /></svg> </span> 287 <span class="upvoted"> 288<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.248c-3.148-5.402-12-3.825-12 2.944 0 4.661 5.571 9.427 12 15.808 6.43-6.381 12-11.147 12-15.808 0-6.792-8.875-8.306-12-2.944z" /></svg> </span> 289 </span> 290 {{else}} 291 <span class="upvote" data-owner-id="" data-url="/submit/upvote"> 292 <span class="not-upvoted"> 293<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 9.229c.234-1.12 1.547-6.229 5.382-6.229 2.22 0 4.618 1.551 4.618 5.003 0 3.907-3.627 8.47-10 12.629-6.373-4.159-10-8.722-10-12.629 0-3.484 2.369-5.005 4.577-5.005 3.923 0 5.145 5.126 5.423 6.231zm-12-1.226c0 4.068 3.06 9.481 12 14.997 8.94-5.516 12-10.929 12-14.997 0-7.962-9.648-9.028-12-3.737-2.338-5.262-12-4.27-12 3.737z" /></svg> </span> 294 <span class="upvoted"> 295<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.248c-3.148-5.402-12-3.825-12 2.944 0 4.661 5.571 9.427 12 15.808 6.43-6.381 12-11.147 12-15.808 0-6.792-8.875-8.306-12-2.944z" /></svg> </span> 296 </span> 297 {{/if}} 298 {{if}} 299 <span class="likes-count"> 300 {{if activeUpvotesCount > 0}} 301 <span>{{:activeUpvotesCount}}</span> 302 {{/if}} 303 </span> 304 {{else}} 305 <span class="likes-count"> 306 307 </span> 308 {{/if}} 309 </a> 310 </li> 311 <li> 312 <a class="comments"> 313<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M20 15c0 .552-.448 1-1 1s-1-.448-1-1 .448-1 1-1 1 .448 1 1m-3 0c0 .552-.448 1-1 1s-1-.448-1-1 .448-1 1-1 1 .448 1 1m-3 0c0 .552-.448 1-1 1s-1-.448-1-1 .448-1 1-1 1 .448 1 1m5.415 4.946c-1 .256-1.989.482-3.324.482-3.465 0-7.091-2.065-7.091-5.423 0-3.128 3.14-5.672 7-5.672 3.844 0 7 2.542 7 5.672 0 1.591-.646 2.527-1.481 3.527l.839 2.686-2.943-1.272zm-13.373-3.375l-4.389 1.896 1.256-4.012c-1.121-1.341-1.909-2.665-1.909-4.699 0-4.277 4.262-7.756 9.5-7.756 5.018 0 9.128 3.194 9.467 7.222-1.19-.566-2.551-.889-3.967-.889-4.199 0-8 2.797-8 6.672 0 .712.147 1.4.411 2.049-.953-.126-1.546-.272-2.369-.483m17.958-1.566c0-2.172-1.199-4.015-3.002-5.21l.002-.039c0-5.086-4.988-8.756-10.5-8.756-5.546 0-10.5 3.698-10.5 8.756 0 1.794.646 3.556 1.791 4.922l-1.744 5.572 6.078-2.625c.982.253 1.932.407 2.85.489 1.317 1.953 3.876 3.314 7.116 3.314 1.019 0 2.105-.135 3.242-.428l4.631 2-1.328-4.245c.871-1.042 1.364-2.384 1.364-3.75" /></svg> {{if}} 314 {{if activeCommentsCount > 0}} 315 <span class="comments-count">{{:activeCommentsCount}}</span> 316 {{/if}} 317 {{/if}} 318 </a> 319 </li> 320 {{if}} 321 <li> 322 {{if type == 1}} 323 <a href="{{:url}}" class="post-type"> 324 <img src="/img/audio.svg" /> <span>Listen Episode</span> 325 </a> 326 {{else type == 2}} 327 <a href="{{:url}}" class="post-type"> 328 <img src="/img/youtube.svg" /> <span>Watch Video</span> 329 </a> 330 {{else type == 3}} 331 <a href="{{:url}}" class="post-type"> 332 <img src="/img/blog.svg" /> <span>Read Blog Post</span> 333 </a> 334 {{else}}
335 <span class="post-type"> 336 <img src="/img/news.svg" /> 337 </span> 338 {{/if}} 339 </li> 340 {{/if}} 341</ul> 342 343<div class="comments-container "> 344 <div class="comments-list"> 345 {{if}} 346 {{for activeCommentsList}} 347 <div class="comment" data-published="{{:isPublished}}" data-is-deleted="{{:deleted}}" data-id="{{:id}}"> 348 {{if isPodcastHost}} 349 <b class="author-name owner">Derate The Hate</b> 350 {{else}} 351 <b class="author-name">{{:authorName}}</b> 352 {{/if}} 353 <span class="publication-time" title="{{:publishDate}}">{{:publicationDateTime}}</span> 354 <p>{{:text}}</p> 355 356 357 {{for activeCommentsList}} 358 <div class="comment" data-published="{{:isPublished}}" data-is-deleted="{{:deleted}}" data-id="{{:id}}"> 359 {{if isPodcastHost}} 360 <b class="author-name owner">Derate The Hate</b> 361 {{else}} 362 <b class="author-name">{{:authorName}}</b> 363 {{/if}} 364 <span class="publication-time" title="{{:publishDate}}">{{:publicationDateTime}}</span> 365 <p>{{:text}}</p> 366 <ul> 367 <li><a class="reply-comment">Reply</a></li> 368 </ul> 369 </div> 370 {{/for}} 371 372 <div class="new-comment reply"> 373 <textarea rows="1" placeholder="Reply..."></textarea> 374 <div class="author-information"> 375 <input type="text" name="name" placeholder="Your name" /> 376 <input type="email" name="email" placeholder="Email address" /> 377 <input type="hidden" name="targetType" value="{{:targetType}}" /> 378 <input type="hidden" name="targetId" value="{{:targetId}}" /> 379 <input type="hidden" name="parentCommentId" value="{{:id}}" /> 380 </div> 381 <div class="comment-posted"> 382 Your comment has been queued for review by podcast host and will be published after approval. 383 </div> 384 <div class="controls" style="display: none;"> 385 <a class="cancel-comment">Cancel</a> 386 <a class="button submit-comment" data-url="/submit/comment">Post</a> 387 </div> 388 </div> 389 </div> 390 {{/for}} 391 {{/if}} 392 <div class="comment"> 393 <div class="new-comment" style="display: block;"> 394 <textarea rows="1" placeholder="Share your thoughts"></textarea> 395 <div class="author-information"> 396 <input type="text" name="name" placeholder="Your name" /> 397 <input type="email" name="email" placeholder="Email address" /> 398 {{if}} 399 <input type="hidden" name="targetType" value="{{:type}}" /> 400 <input type="hidden" name="targetId" value="{{:targetId}}" /> 401 {{/if}} 402 </div> 403 <div class="comment-posted"> 404 Your comment has been queued for review by podcast host and will be published after approval. 405 </div> 406 <div class="controls" style="display: none;"> 407 <a class="cancel-comment">Cancel</a> 408 <a class="button submit-comment" data-url="/submit/comment">Post</a> 409 </div> 410 </div> 411 </div> 412 </div> 413</div> </div> 414 </script>
414 415 416 <div class="share-episode-container"> 417 <div class="sharethis-inline-share-buttons"></div> 418 </div> 419 </div> 420 </div> 421</div>
422<script src="/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 422
422
423<script src="/js/jsrender.min.js"></script>
vendor: 1 bytes, line 423
423
424<script src="/js/autosize.min.js"></script>
vendor: 1 bytes, line 424
424
425<script src="/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 425
425
426<script src="/js/common.js"></script>
426 427
428<script> 429 430 $(function () { 431 $.getJSON('/newsfeed-items/BlogPost/39458', function (data) { 432 var tmpl = $.templates("#upvotes-and-comments-template"); 433 var html = tmpl.render(data); 434 $(".upvotes-and-comments-placeholder").html(html); 435 setupCommentsAndUpvotes(); 436 }); 437 }); 438</script>
438 439 440 441 <div class="parallax-content-container footer"> 442 <div class="copyright">©2026 Derate The Hate. All Rights Reserved.</div> 443 <div class="onpodium-link-container"><a class="onpodium-link" href="https://onpodium.com/?ref=derate-the-hate" target="_blank">Podcast Website Powered by OnPodium</a></div> 444 </div> 445 446
446<script> 447 document.querySelectorAll('oembed[url]').forEach(element => { 448 iframely.load(element, element.attributes.url.value); 449 }); 450 451 $(function () { 452 $.get('/update-content/derate-the-hate', function (data) { 453 454 }); 455 456 $.get('/track/39200/%2Fblog%2Fnew-blog-post-424', function (data) { 457 458 }); 459 }); 460 </script>
460 461 462 463 464 465<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> 466<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> 467<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bangers"> 468 469<link href="/css/hover-min.css" rel="stylesheet" type="text/css" /> 470 471<style type="text/css"> 472 473 body { 474 font-family: Roboto !important; 475 background-color: #1b263b; 476 color: #FFFFFF; 477 } 478 479 header { 480 background-color: rgba(13, 27, 42, 0.2); 481 border-bottom: solid 1px #0d1b2a; 482 } 483 484 header .logo { 485 font-family: Bangers !important; 486 color: #FFFFFF; 487 } 488 489 .featured-episode-container h3 { 490 color: #FFFFFF; 491 } 492 493 .menu-icon__line { 494 background-color: #FFFFFF; 495 } 496 497 .page-home header { 498 background-color: rgba(13, 27, 42, 0.2); 499 -webkit-transition: background-color 2s ease-out; 500 -moz-transition: background-color 2s ease-out; 501 -o-transition: background-color 2s ease-out; 502 transition: background-color 2s ease-out; 503 } 504 505 header .logo { 506 color: #FFFFFF; 507 } 508 509 .page-home header .toggle span, 510 .page-home header .toggle span::before, 511 .page-home header .toggle span::after { 512 background: #FFFFFF; 513 } 514 515 header.non-transparent { 516 background-color: #0d1b2a; 517 -webkit-transition: background-color 2s ease-out; 518 -moz-transition: background-color 2s ease-out; 519 -o-transition: background-color 2s ease-out; 520 transition: background-color 2s ease-out; 521 } 522 523 header.non-transparent .logo { 524 color: #FFFFFF; 525 } 526 527 header.non-transparent .toggle span, 528 header.non-transparent .toggle span::before, 529 header.non-transparent .toggle span::after { 530 background: #FFFFFF; 531 } 532 533 header nav li a { 534 color: #FFFFFF; 535 } 536 537 body.nav-active .nav__list-item a { 538 color: #000; 539 text-decoration: none; 540 } 541 542 body.nav-active .nav:after { 543 background-color: #0d1b2a; 544 } 545 546 body.nav-active .nav__list-item a { 547 color: #FFFFFF; 548 } 549 .nav__list-item:before { 550 background: #FFFFFF; 551 } 552 553 body.nav-active .menu-icon__line { 554 background-color: #FFFFFF; 555 } 556 557 .featured-episode-container, 558 .featured-episode-container .button { 559 color: #FFFFFF; 560 border-color: #FFFFFF; 561 } 562 563 .featured-episode-container .btnSubscribe { 564 background-color: #fca311; 565 color: #fff; 566 border-color: #fca311; 567 } 568 569 .featured-episode-container .button svg { 570 fill: #FFFFFF; 571 } 572 573 .featured-episode-container .btnSubscribe svg { 574 fill: #fff; 575 } 576 577 .fullmod { 578 background-color: #1b263b; 579 color: #FFFFFF; 580 } 581 582 .fullmod .fullmod-content .fullmod-body form input[type=submit], 583 .fullmod .fullmod-content .fullmod-body form input[type=submit]:hover { 584 background-color: #FFFFFF; 585 border-color: #FFFFFF; 586 color: #1b263b; 587 } 588 589 .fullmod .fullmod-content .fullmod-head .buttons>a { 590 opacity: 0.9; 591 color:#FFFFFF; 592 } 593 594 .fullmod .fullmod-content .fullmod-head .buttons>a:hover { 595 opacity: 1; 596 } 597 598 .episodes-carousel .item { 599 background-color: #314d82; 600 color: #EEEEEE; 601 } 602 #t-3:checked ~ .dots label { 603 background-color: rgba(255, 255, 255, 0.5); 604 } 605 #t-3:checked ~ .dots label[for="t-3"] { 606 background-color: #FFFFFF; 607 } 608 609 .about-container { 610 background-color: rgba(27, 38, 59, 0.5); 611 } 612 613 .parallax-content-container { 614 background-color: #1b263b; 615 color: #FFFFFF; 616 } 617 618 .slick-prev, .slick-next { 619 fill: #FFFFFF; 620 } 621 622 .reviews-container .reviews-list .review { 623 background-color: #314d82; 624 color: #EEEEEE; 625 border: solid 1px rgba(238, 238, 238, 0.1); 626 } 627 628 .reviews-container a { 629 color: #FFFFFF; 630 } 631 632 .reviews-container { 633 color: #FFFFFF; 634 } 635 .reviews-container .all-reviews-button { 636 color: #FFFFFF; 637 border-color: #FFFFFF; 638 } 639 640 .videos-container .all-videos-button { 641 color: #FFFFFF; 642 border-color: #FFFFFF; 643 } 644 645 .slick-dots li.slick-active button:before, 646 .slick-dots li button:before, 647 .slick-dots li button:hover, .slick-dots li button:focus { 648 color: #FFFFFF; 649 } 650 651 .footer { 652 background-color: #0d1b2a; 653 color: #FFFFFF; 654 }
655 .footer .centered .onpodium-link-container .onpodium-link { 656 color: #FFFFFF; 657 } 658 659 .episodes-page .episodes-container .centered .teaser .teaser-content { 660 color: #FFFFFF; 661 } 662 663 664 .pager li a { 665 color: #FFFFFF; 666 } 667 668 .pager li svg { 669 fill: #FFFFFF; 670 } 671 672 .pager li a.active { 673 background-color: #fca311; 674 color: #FFFFFF; 675 } 676 677 .episodes-page .reviews-container { 678 background: #314d82; 679 color: #EEEEEE; 680 681 } 682 .episodes-page .reviews-container .reviews-list .review { 683 background-color: #314d82; 684 color: #EEEEEE; 685 } 686 687 .episodes-page .reviews-container a { 688 color: #EEEEEE; 689 } 690 691 .episodes-page .reviews-container { 692 color: #EEEEEE; 693 } 694 .episodes-page .reviews-container .all-reviews-button { 695 color: #EEEEEE; 696 border-color: #EEEEEE; 697 } 698 699 .all-episodes-button { 700 color: #EEEEEE; 701 border-color: #EEEEEE; 702 } 703 704 .episodes-page .seasons-filter li a { 705 color: #FFFFFF; 706 } 707 708 .episodes-page .category-section { 709 border-bottom: solid 1px rgba(255, 255, 255, 0.5); 710 } 711 712 .episodes-container .centered .teaser { 713 background-color: #314d82; 714 color: #EEEEEE; 715 border-radius: 0 0 5px 5px; 716 } 717 718 .page-episode { 719 background-color: #1b263b; 720 } 721 722 .podcast-info { 723 color: #FFFFFF; 724 } 725 726 .podcast-info a { 727 color: #fca311; 728 } 729 730 .recommended-episodes a { 731 color: #FFFFFF; 732 text-decoration: none; 733 } 734 735 .upvotes-and-comments .news-feed-items .content .publish-info { 736 color: #FFFFFF; 737 } 738 739 .upvotes-and-comments .toolbar li a .upvoted svg { 740 fill: #fca311; 741 stroke: #fca311; 742 } 743 744 .upvotes-and-comments .comments-container .comments-list .comment .new-comment .controls a.cancel-comment { 745 color: #FFFFFF !important; 746 } 747 748 .upvotes-and-comments .comments-container .comments-list .comment .new-comment textarea, 749 .upvotes-and-comments .comments-container .comments-list .comment .new-comment input { 750 background-color: #1b263b; 751 font-family: Roboto; 752 color: #FFFFFF; 753 border: solid 1px #FFFFFF; 754 } 755 756 .upvotes-and-comments .comments-container .comments-list .comment .new-comment textarea::placeholder, 757 .upvotes-and-comments .comments-container .comments-list .comment .new-comment input::placeholder { 758 color: rgba(255, 255, 255, 0.5); 759 } 760 761 .upvotes-and-comments .comments-container .comments-list .comment .new-comment .controls a, 762 .upvotes-and-comments .comments-container .comments-list .comment .new-comment .controls a:hover { 763 color: #FFFFFF !important; 764 } 765 766 .upvotes-and-comments .toolbar li a, 767 upvotes-and-comments .toolbar li a { 768 color: #FFFFFF; 769 } 770 771 .upvotes-and-comments .toolbar li a svg, 772 upvotes-and-comments .toolbar li a img { 773 fill: #FFFFFF; 774 stroke: #FFFFFF; 775 } 776 .upvotes-and-comments .comments-container .comments-list .comment .reply-comment { 777 color: #fca311; 778 } 779 .blogposts-container .teaser { 780 background-color: #314d82; 781 color: #EEEEEE; 782 } 783 784 .videos-page .teaser { 785 background-color: #314d82; 786 color: #EEEEEE; 787 } 788 789 790 791 .guest-form-page .centered .guest-form-container form input, 792 .guest-form-page .centered .guest-form-container form textarea, 793 .guest-form-page .centered .guest-form-container form select { 794 background-color: #1b263b; 795 border: solid 1px rgba(255, 255, 255, 0.5); 796 color: #FFFFFF; 797 } 798 799 .guest-form-page a { 800 color: #FFFFFF; 801 } 802 803 .reviews-page .reviews .review { 804 background-color: #314d82; 805 border: solid 1px rgba(238, 238, 238, 0.1); 806 color: #EEEEEE; 807 } 808 809 .reviews-container a.button { 810 background-color: #314d82; 811 border: solid 1px rgba(255, 255, 255, 0.1); 812 color: #EEEEEE; 813 } 814 815 .submit-review-page .centered .rating-form-container form input, .submit-review-page .centered .rating-form-container form textarea, .submit-review-page .centered .rating-form-container form select { 816 background-color: #1b263b; 817 border: solid 1px rgba(255, 255, 255, 0.5); 818 color: #FFFFFF; 819 } 820 821 .contact-page .centered .contact-form-container input, .contact-page .centered .contact-form-container textarea, .contact-page .centered .contact-form-container select { 822 background-color: #1b263b; 823 border: solid 1px rgba(255, 255, 255, 0.5); 824 color: #FFFFFF; 825 826 } 827 828 .contact-page .centered .contact-form-container select { 829 appearance: none; 830 -moz-appearance: none; 831 -webkit-appearance: none; 832 background-color: #1b263b; 833 } 834 835 .onpodium-link-container .onpodium-link { 836 color: #FFFFFF; 837 } 838 839 .reviews-page .button { 840 background-color: #1b263b; 841 color: #FFFFFF; 842 } 843 844 .episodes-carousel .item p { 845 color: #EEEEEE; 846 } 847 848 .blogposts-container .all-blogposts-button { 849 color: #FFFFFF; 850 border-color: #FFFFFF; 851 } 852 853 .episodes-page .heading-container, 854 .videos-page .heading-container, 855 .page-contact .heading-container, 856 .page-reviews .heading-container, 857 .page-donate .heading-container { 858 color: #FFFFFF; 859 } 860 861 .page-404 { 862 color: #FFFFFF; 863 } 864 865 .page-404 a { 866 color: #FFFFFF; 867 } 868 869</style>
870<script> 871$("figure.image figcaption").hide(); 872 873 874$('figure.image').each(function(){ 875 var current = $(this); 876 current.wrap('<a href="' + $(current).find('figcaption').text() +'" target="_blank" />'); 877}); 878 879$(".btnSubscribe span").text("Subscribe here"); 880 881</script>
881 882 883<style> 884.blog-content-container a { 885color: #fca311; 886} 887 888</style></body> 889</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.