1<!DOCTYPE html> 2<html lang="en" data-color-scheme="light"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>You rebel!</title> 7 8 <meta name="HandheldFriendly" content="True"> 9 <meta name="MobileOptimized" content="320"> 10 11 <link rel="preconnect" href="https://fonts.bunny.net" crossorigin> 12 <link rel="dns-prefetch" href="https://fonts.bunny.net"> 13 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 14 <link rel="dns-prefetch" href="https://cdn.jsdelivr.net"> 15 16 <link rel="preload" href="/assets/built/styles.css?v=nJWAahBVvt5WDL6q" as="style"> 17 18 <meta name="theme-color" content="#1abaff"> 19 20 <style> 21 :root{--color-accent:#1abaff;--color-background:#fff;--color-foreground:#000} 22 [data-color-scheme="dark"]{--color-background:#1F2023;--color-foreground:#fff} 23 html{background-color:var(--color-background)} 24 body{margin:0;background-color:var(--color-background);color:var(--color-foreground)} 25 </style> 26 27
27<script> 28 document.documentElement.setAttribute('data-accent-color-original', '#1abaff'); 29 document.documentElement.setAttribute('data-contrast-adjustment', 'true'); 30 document.documentElement.setAttribute('data-default-color-scheme', 'light' || 'system'); 31 </script>
31 32 33
33<script>(function(){const c=document.documentElement,k=localStorage.getItem("alpine-dark-mode"),M=c.getAttribute("data-default-color-scheme")||"system",y=window.matchMedia("(prefers-color-scheme: dark)").matches;let h;if(k?h=k:M==="system"?h=y?"dark":"light":h=M,c.setAttribute("data-color-scheme",h),h==="dark"){c.classList.add("dark-mode","dark"),c.style.backgroundColor="#1c1917";const t=c.getAttribute("data-contrast-adjustment")==="true",n=c.getAttribute("data-accent-color-original");if(t&&n){const r=C(n);r!==n&&c.style.setProperty("--color-accent",r)}}else c.classList.remove("dark-mode","dark"),c.style.backgroundColor="#ffffff";function g(t){const n=t.replace("#","");return{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16)}}function p(t){const n=t.r/255<=.03928?t.r/255/12.92:Math.pow((t.r/255+.055)/1.055,2.4),r=t.g/255<=.03928?t.g/255/12.92:Math.pow((t.g/255+.055)/1.055,2.4),e=t.b/255<=.03928?t.b/255/12.92:Math.pow((t.b/255+.055)/1.055,2.4);return .2126*n+.7152*r+.0722*e}function x(t,n){const r=p(g(t)),e=p(g(n));return(Math.max(r,e)+.05)/(Math.min(r,e)+.05)}function A(t){const n=g(t),r=n.r/255,e=n.g/255,o=n.b/255,a=Math.max(r,e,o),i=Math.min(r,e,o);let d=0,f=0,s=(a+i)/2;if(a!==i){const l=a-i;switch(f=s>.5?l/(2-a-i):l/(a+i),a){case r:d=((e-o)/l+(e<o?6:0))/6;break;case e:d=((o-r)/l+2)/6;break;case o:d=((r-e)/l+4)/6;break}}return{h:d*360,s:f*100,l:s*100}}function w(t){const n=t.h/360,r=t.s/100,e=t.l/100;let o,a,i;if(r===0)o=a=i=e;else{const f=(m,b,u)=>(u<0&&(u+=1),u>1&&(u-=1),u<.16666666666666666?m+(b-m)*6*u:u<.5?b:u<.6666666666666666?m+(b-m)*(.6666666666666666-u)*6:m),s=e<.5?e*(1+r):e+r-e*r,l=2*e-s;o=f(l,s,n+1/3),a=f(l,s,n),i=f(l,s,n-1/3)}const d=f=>{const s=Math.round(f*255).toString(16);return s.length===1?"0"+s:s};return"#"+d(o)+d(a)+d(i)}function C(t){const n="#1F2023";if(x(t,n)>=4.5)return t;let e=A(t),o=0;for(;o<20&&x(w(e),n)<4.5;)e.l=Math.min(100,e.l+5),o++;return w(e)}})();</script>
33 34 35 <link rel="icon" href="https://www.christinetrac.net/content/images/size/w256h256/2023/06/T-Rex-Emoji--Free-Download-IOS-Emojis-.png" type="image/png"> 36 <link rel="canonical" href="https://www.christinetrac.net/you-rebel/"> 37 <meta name="referrer" content="origin-when-cross-origin"> 38 39 <meta property="og:site_name" content="Christine Trac"> 40 <meta property="og:type" content="website"> 41 <meta property="og:title" content="You rebel!"> 42 <meta property="og:description" content="DO NOT ENTER"> 43 <meta property="og:url" content="https://www.christinetrac.net/you-rebel/"> 44 <meta property="article:published_time" content="2026-06-01T19:06:51.000Z"> 45 <meta property="article:modified_time" content="2026-06-01T19:11:15.000Z"> 46 <meta name="twitter:card" content="summary"> 47 <meta name="twitter:title" content="You rebel!"> 48 <meta name="twitter:description" content="DO NOT ENTER"> 49 <meta name="twitter:url" content="https://www.christinetrac.net/you-rebel/"> 50 <meta name="twitter:label1" c
50ontent="Written by"> 51 <meta name="twitter:data1" content="Christine Trac"> 52 53
53<script type="application/ld+json"> 54{ 55 "@context": "https://schema.org", 56 "@type": "Article", 57 "publisher": { 58 "@type": "Organization", 59 "name": "Christine Trac", 60 "url": "https://www.christinetrac.net/", 61 "logo": { 62 "@type": "ImageObject", 63 "url": "https://www.christinetrac.net/content/images/size/w256h256/2023/06/T-Rex-Emoji--Free-Download-IOS-Emojis-.png", 64 "width": 60, 65 "height": 60 66 } 67 }, 68 "author": { 69 "@type": "Person", 70 "name": "Christine Trac", 71 "url": "https://www.christinetrac.net/author/christine/", 72 "sameAs": [] 73 }, 74 "headline": "You rebel!", 75 "url": "https://www.christinetrac.net/you-rebel/", 76 "datePublished": "2026-06-01T19:06:51.000Z", 77 "dateModified": "2026-06-01T19:11:15.000Z", 78 "description": "DO NOT ENTER", 79 "mainEntityOfPage": "https://www.christinetrac.net/you-rebel/" 80} 81 </script>
81 82 83 <meta name="generator" content="Ghost 6.65"> 84 <link rel="alternate" type="application/rss+xml" title="Christine Trac" href="https://www.christinetrac.net/rss/"> 85
85<script defer src="https://www.christinetrac.net/content/files/ghost-apps/portal/portal.min.js" data-i18n="true" data-ghost="https://www.christinetrac.net/" data-key="1faa86d3a5b09a23b87cde5568" data-api="https://www.christinetrac.net/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script>
85<style id="gh-members-styles">.gh-post-upgrade-cta-content, 86.gh-post-upgrade-cta { 87 display: flex; 88 flex-direction: column; 89 align-items: center; 90 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 91 text-align: center; 92 width: 100%; 93 color: #ffffff; 94 font-size: 16px; 95} 96 97.gh-post-upgrade-cta-content { 98 border-radius: 8px; 99 padding: 40px 4vw; 100} 101 102.gh-post-upgrade-cta h2 { 103 color: #ffffff; 104 font-size: 28px; 105 letter-spacing: -0.2px; 106 margin: 0; 107 padding: 0; 108} 109 110.gh-post-upgrade-cta p { 111 margin: 20px 0 0; 112 padding: 0; 113} 114 115.gh-post-upgrade-cta small { 116 font-size: 16px; 117 letter-spacing: -0.2px; 118} 119 120.gh-post-upgrade-cta a { 121 color: #ffffff; 122 cursor: pointer; 123 font-weight: 500; 124 box-shadow: none; 125 text-decoration: underline; 126} 127 128.gh-post-upgrade-cta a:hover { 129 color: #ffffff; 130 opacity: 0.8; 131 box-shadow: none; 132 text-decoration: underline; 133} 134 135.gh-post-upgrade-cta a.gh-btn { 136 display: block; 137 background: #ffffff; 138 text-decoration: none; 139 margin: 28px 0 0; 140 padding: 8px 18px; 141 border-radius: 4px; 142 font-size: 16px; 143 font-weight: 600; 144} 145 146.gh-post-upgrade-cta a.gh-btn:hover { 147 opacity: 0.92; 148}</style> 149
149<script defer src="https://www.christinetrac.net/content/files/ghost-apps/sodo-search/sodo-search.min.js" data-key="1faa86d3a5b09a23b87cde5568" data-styles="https://www.christinetrac.net/content/files/ghost-apps/sodo-search/main.css" data-sodo-search="https://www.christinetrac.net/" data-locale="en" crossorigin="anonymous"></script>
149 150 151 <link href="https://www.christinetrac.net/webmentions/receive/" rel="webmention"> 152
152<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
152 153 <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc"> 154
154<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://www.christinetrac.net/members/api/comments/counts/"></script>
154 155
155<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
155 156
156<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.christinetrac.net/.ghost/analytics/api/v1/page_hit" tb_site_uuid="feab3d90-460b-43c1-bbef-eec547931245" tb_post_uuid="ba124a40-f705-45ab-bba6-759b07f963ac" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
156<style>:root {--ghost-accent-color: #1abaff;}</style> 157 158 <link rel="stylesheet" href="/assets/built/styles.css?v=nJWAahBVvt5WDL6q"> 159</head> 160<body class="page-template page-you-rebel"> 161 <a href="#main" class="skip-link">Skip to main content</a> 162 163 <div class="site-wrapper"> 164 <header role="banner" class="site-header header-centered"> 165 <div class="container mx-auto px-4 py-8 max-w-4xl"> 166 <div class="header-content text-center"> 167 <div class="site-branding site-brand mb-6"> 168 <a href="https://www.christinetrac.net" class="site-title site-title-link text-3xl font-bold no-underline block text-[var(--color-contrast)]"> 169 Christine Trac 170 </a> 171 <p class="site-description site-tagline text-sm mt-2 text-[var(--color-foreground)] opacity-80">Hi, how's the weather? </p> 172 </div> 173 <div class="header-actions"> 174 <button 175 class="nav-toggle menu-toggle md:hidden p-2 rounded-md mx-auto text-[var(--color-foreground)] hover:bg-[var(--color-background-200)]" 176 aria-label="Toggle navigation menu" 177 aria-expanded="false" 178 > 179 <svg class="menu-icon w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 180 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> 181 </svg> 182 <svg class="close-icon w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 183 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 184 </svg> 185 </button> 186 187 <div class="flex justify-center"> 188 <nav role="navigation" aria-label="Main navigation" class="site-nav"> 189 <ul class="nav-list flex gap-6 items-center m-0 p-0 list-none"> 190 <li class="nav-item"> 191 <a href="/you-rebel/" class="nav-link no-underline font-medium text-[var(--color-foreground)] hover:text-[var(--color-accent)]"> 192 Don't click here 193 </a> 194 </li> 195 196 197 <li class="nav-item"> 198 <button 199 data-ghost-search 200 aria-label="Search" 201 class="nav-link search-button no-underline font-medium flex items-center justify-center text-[var(--color-foreground)] hover:text-[var(--color-accent)]"> 202 <i class="ri-search-line" aria-hidden="true"></i> 203 </button> 204 </li> 205 206 <li class="nav-item"> 207 <button 208 data-dark-mode-toggle 209 aria-label="Toggle dark mode" 210 class="nav-link no-underline font-medium flex items-center justify-center text-[var(--color-foreground)] hover:text-[var(--color-accent)]"> 211 <i class="ri-moon-line dark-mode-icon-moon" aria-hidden="true"></i> 212 <i class="ri-sun-line dark-mode-icon-sun hidden" aria-hidden="true"></i> 213 </button> 214 </li> 215 </ul> 216</nav> 217 </div> 218 </div> 219 </div> 220 </div> 221</header> 222 223 <main id="main" role="main" tabindex="-1" class="site-main"> 224 225<article class="post no-image container mx-auto px-4 py-12 max-w-4xl"> 226 <header class="page-header article-header mb-12"> 227 <h1 class="page-title article-title text-4xl md:text-5xl font-bold !leading-relaxed mb-4" style="color: var(--color-contrast);"> 228 You rebel! 229 </h1> 230 231 232 <a href="#/share" aria-label="Share" class="share-button"> 233 <i class="ri-share-forward-line text-lg" aria-hidden="true"></i> 234</a> 235 </header> 236 237 238 <div class="page-content article-content prose dark:prose-invert prose-lg max-w-none"> 239 <figure class="kg-card kg-image-card"><img src="https://media.tenor.com/Rgc13UucrfsAAAAC/so-youre-a-rebel-tom-ellis.gif" class="kg-image" alt="" loading="lazy" width="498" height="280"></figure><blockquote class="kg-blockquote-alt"><a href="https://www.christinetrac.net/do-not-enter/" rel="noreferrer">
239DO NOT ENTER</a></blockquote> 240 </div> 241</article> 242 243 </main> 244 245 <footer role="contentinfo" class="site-footer"> 246 <div class="container mx-auto px-4 py-12 max-w-4xl"> 247 <div class="footer-subscribe subscribe-section mb-8 pb-16 border-b" style="border-color: var(--color-border);"> 248 <div class="subscribe-content max-w-2xl mx-auto text-center"> 249 <h3 class="subscribe-heading text-xl font-semibold mb-2" style="color: var(--color-contrast);"> 250 Subscribe to Christine Trac 251 </h3> 252 <p class="subscribe-description mb-4" style="color: var(--color-foreground);">Get the latest posts delivered right to your inbox.</p> 253 254 <form data-members-form="subscribe" class="subscribe-form max-w-md mx-auto"> 255 <div class="flex flex-col sm:flex-row gap-2"> 256 <label for="footer-email-nonpost" class="sr-only">Your email address</label> 257 <input id="footer-email-nonpost" type="email" data-members-email 258 placeholder="Your email address" required 259 class="flex-1 px-4 py-2 rounded-md focus:outline-none focus:ring-2" 260 style="border: 1px solid var(--color-border); background-color: var(--color-background); color: var(--color-foreground); --tw-ring-color: var(--color-accent);"> 261 <button type="submit" class="px-6 py-2 rounded-md font-medium whitespace-nowrap" 262 style="background-color: var(--color-accent); color: var(--color-accent-foreground);"> 263 Subscribe 264 </button> 265 </div> 266 <p data-members-error></p> 267 <p data-members-feedback>Thank you for subscribing! Please check your email to confirm your subscription.</p> 268 </form> 269 </div> 270 </div> 271 272 273 <div class="footer-content footer-credits text-center text-sm" style="color: var(--color-foreground);"> 274 <p class="copyright mb-2"> 275 © 2026 <a href="https://www.christinetrac.net" class="site-link" 276 style="color: var(--color-contrast);">Christine Trac</a> 277 </p> 278 <p class="powered-by"> 279 Published with <a href="https://ghost.org" target="_blank" rel="noopener" class="ghost-link" 280 style="color: var(--color-foreground);">Ghost</a> 281 · 282 Theme by <a href="https://www.magicpages.co" target="_blank" rel="noopener" class="theme-link" 283 style="color: var(--color-foreground);">Magic 284 Pages</a> 285 </p> 286 </div> 287 288 </div> 289</footer> </div> 290 291 <style>.gh-copyright {display:none;}</style> 292 293
293<script>(function(){var s=document.documentElement.getAttribute("data-color-scheme"),c=document.querySelector('script[src*="comments-ui"]');if(c&&s)c.setAttribute("data-color-scheme",s)})();</script>
293 294 295
295<script src="/assets/built/main.js?v=Ri-mhA0mT3McOtCl" defer></script>
295 296</body> 297</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.