@jricole.bsky.social on Bluesky

<!DOCTYPE html> <html> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://bsky.app/profile/jricole.bsky.social","20241118030438","https://web.archive.org/","web","/_static/", "1731899078"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover"> <meta name="referrer" content="origin-when-cross-origin">  <link rel="preconnect" href="https://web.archive.org/web/20241118030438/https://bsky.social/"> <link rel="preconnect" href="https://web.archive.org/web/20241118030438/https://bsky.network/"> <title>@jricole.bsky.social on Bluesky</title>  <link rel="preload" as="font" type="font/ttf" href="/web/20241118030438/https://bsky.app/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf"> <link rel="preload" as="font" type="font/ttf" href="/web/20241118030438/https://bsky.app/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf"> <style> /** * Minimum styles required to render splash. * * ALL OTHER STYLES BELONG IN `src/style.css` * * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html` */ @font-face { font-family: 'InterVariable'; src: url("/web/20241118030438im_/https://bsky.app/static/media/InterVariable.c9f788f6e7ebaec75d7c.ttf") format('truetype'); font-weight: 300 1000; font-style: normal; font-display: swap; } @font-face { font-family: 'InterVariableItalic'; src: url("/web/20241118030438im_/https://bsky.app/static/media/InterVariable-Italic.55d6a3f35e9b605ba6f4.ttf") format('truetype'); font-weight: 300 1000; font-style: italic; font-display: swap; } html { background-color: white; scrollbar-gutter: stable both-edges; } @media (prefers-color-scheme: dark) { html { background-color: black; } } html, body { margin: 0px; padding: 0px; font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Liberation Sans', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; /* Platform-specific reset */ -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; font-synthesis-weight: none; } html, body, #root { display: flex; flex: 1 0 auto; min-height: 100%; width: 100%; } #splash { position: fixed; width: 100px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) translateY(-50px); } /* We need this style to prevent web dropdowns from shifting the display when opening */ body { width: 100%; } </style> <script defer="defer" src="/web/20241118030438js_/https://bsky.app/static/js/391.f9ab72b3.js"></script> <link rel="stylesheet" href="/web/20241118030438cs_/https://bsky.app/static/css/main.91124a5b.css"> <script defer="defer" src="/web/20241118030438js_/https://bsky.app/static/js/main.b007d864.js"></script> <link rel="apple-touch-icon" sizes="180x180" href="/web/20241118030438im_/https://bsky.app/static/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/web/20241118030438im_/https://bsky.app/static/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/web/20241118030438im_/https://bsky.app/static/favicon-16x16.png"> <link rel="mask-icon" href="/web/20241118030438im_/https://bsky.app/static/safari-pinned-tab.svg" color="#1185fe"> <meta name="theme-color"> <meta name="application-name" content="Bluesky"> <meta name="generator" content="bskyweb"> <meta property="og:site_name" content="Bluesky Social"/> <link type="application/activity+json" href=""/> <meta property="og:site_name" content="Bluesky Social"> <meta property="og:type" content="profile"> <meta property="profile:username" content="jricole.bsky.social"> <meta property="og:url" content="https://web.archive.org/web/20241118030438/https://bsky.app/profile/jricole.bsky.social"> <meta property="og:title" content="Juan Cole (@jricole.bsky.social)"> <meta name="description" content="Historian, essayist: Middle East, South Asia, Islam, Social History, Foreign Policy, Environment, Culture, Progressive Politics"> <meta property="og:description" content="Historian, essayist: Middle East, South Asia, Islam, Social History, Foreign Policy, Environment, Culture, Progressive Politics"> <meta property="og:image" content="https://web.archive.org/web/20241118030438im_/https://cdn.bsky.app/img/banner/plain/did:plc:mqmgctoj56qkrznleyeuubn6/bafkreieyziwykhasimu6pzhumupgeexgqtdzeb3okocvx2wv2krwqblik4@jpeg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:label1" content="Account DID"> <meta name="twitter:value1" content="did:plc:mqmgctoj56qkrznleyeuubn6"> <link rel="alternate" type="application/rss+xml" href="https://web.archive.org/web/20241118030438/https://bsky.app/profile/did:plc:mqmgctoj56qkrznleyeuubn6/rss"> <link rel="alternate" href="https://web.archive.org/web/20241118030438/at://did:plc:mqmgctoj56qkrznleyeuubn6/app.bsky.actor.profile/self"/> </head> <body> <div id="root"> <div id="splash">  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 360 320"><path fill="#0085ff" d="M180 142c-16.3-31.7-60.7-90.8-102-120C38.5-5.9 23.4-1 13.5 3.4 2.1 8.6 0 26.2 0 36.5c0 10.4 5.7 84.8 9.4 97.2 12.2 41 55.7 55 95.7 50.5-58.7 8.6-110.8 30-42.4 106.1 75.1 77.9 103-16.7 117.3-64.6 14.3 48 30.8 139 116 64.6 64-64.6 17.6-97.5-41.1-106.1 40 4.4 83.5-9.5 95.7-50.5 3.7-12.4 9.4-86.8 9.4-97.2 0-10.3-2-27.9-13.5-33C336.5-1 321.5-6 282 22c-41.3 29.2-85.7 88.3-102 120Z"/></svg> </div> </div> <noscript> <h1 lang="en">JavaScript Required</h1> <p lang="en">This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is. <p lang="en">Learn more about Bluesky at <a href="https://web.archive.org/web/20241118030438/https://bsky.social/">bsky.social</a> and <a href="https://web.archive.org/web/20241118030438/https://atproto.com/">atproto.com</a>. <div id="bsky_profile_summary"> <h3>Profile</h3> <p id="bsky_display_name">Juan Cole</p> <p id="bsky_handle">jricole.bsky.social</p> <p id="bsky_did">did:plc:mqmgctoj56qkrznleyeuubn6</p> <p id="bsky_profile_description">Historian, essayist: Middle East, South Asia, Islam, Social History, Foreign Policy, Environment, Culture, Progressive Politics</p> </div> </noscript> </body> </html>

CINXE.COM

@jricole.bsky.social on Bluesky