CINXE.COM
<!doctype html> <html lang="en" class="h-full"> <head> <!-- Required meta tags --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <!-- Favicons --> <link rel="apple-touch-icon" sizes="180x180" href="https://static.coherentcommons.com/southasiacommons.net/img/favicons/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://static.coherentcommons.com/southasiacommons.net/img/favicons/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://static.coherentcommons.com/southasiacommons.net/img/favicons/favicon-16x16.png" /> <link rel="manifest" href="https://static.coherentcommons.com/southasiacommons.net/img/favicons/site.webmanifest" /> <link rel="shortcut icon" type="image/png" href="https://static.coherentcommons.com/southasiacommons.net/img/favicons/favicon.ico" /> <!-- Navbar styles --> <!-- External libraries --> <script src="https://static.coherentcommons.com/libs/feather-icons/4.29.0/dist/feather.min.js"></script> <script src="https://static.coherentcommons.com/libs/jquery/jquery-3.6.0.min.js"></script> <script defer src="https://static.coherentcommons.com/libs/alpinejs/alpine-focus-3.13.0.min.js"></script> <script defer src="https://static.coherentcommons.com/libs/alpinejs/alpine-3.13.1.min.js"></script> <link rel="stylesheet" href="https://static.coherentcommons.com/assets/tailwind-Bn6uKMUu.css" /> <link href="https://static.coherentcommons.com/southasiacommons.net/css/color-palette.css" rel="stylesheet" /> <title class="notranslate">South Asia Commons</title> <script> const serverDomain = "s#o#u#t#h#a#s#i#a#c#o#m#m#o#n#s#.#n#e#t".split("#").join(""); const clientDomain = window.location.host; const isProxy = serverDomain !== clientDomain; </script> </head> <body class="flex min-h-screen flex-auto flex-col font-sans"> <a href="#main" class="nav-link absolute z-30 -translate-y-16 text-sm font-medium text-gray-900 focus:translate-y-0" > Skip to main content </a> <header x-data="{ mobile_menu_open: false }" x-trap.noscroll="mobile_menu_open" x-trap="mobile_menu_open" x-ref="header" > <div class="relative z-20 bg-white"> <div class="container"> <div class="flex items-center justify-between py-4 lg:h-24"> <div class="flex flex-col items-center"> <a href="/" class="outline-offset-4"> <img height="44" class="h-11" src="https://static.coherentcommons.com/southasiacommons.net/img/logos/logo.svg" alt="South Asia Commons" /> </a> </div> <div class="flex items-center lg:hidden"> <button type="button" class="inline-flex items-center justify-center rounded-md p-2" aria-controls="mobile-menu" :aria-expanded="mobile_menu_open" @click="mobile_menu_open = !mobile_menu_open" > <span class="sr-only">Open menu</span> <template x-if="!mobile_menu_open"> <svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24" > <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" /> </svg> </template> <template x-if="mobile_menu_open"> <svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </template> </button> </div> <div class="hidden lg:flex lg:items-center"> <div class="hidden lg:flex lg:items-center lg:gap-3"> <div class="flex items-center"> <a href="/accounts/signup/" class="btn btn-primary btn-sm" >Register</a > </div> <div class="flex items-center py-2 text-sm"> <a href="/accounts/login/?next=/" class="btn btn-secondary btn-sm" >Login</a > </div> </div> </div> </div> </div> </div> <div class="hidden border-b border-t border-gray-100 bg-gray-50 lg:block"> <div class="container"> <nav class="-ml-2 flex justify-between py-1.5"> <ul class="flex gap-4"> <li> <a href="/search/?i=collections" data-hotkey="c" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Series </a> </li> <li> <a href="/artifacts/" data-hotkey="p" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Publications </a> </li> <li> <a href="/orgs/" data-hotkey="o" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Publishers </a> </li> <li> <a href="/topics/" data-hotkey="t" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Topics </a> </li> <li> <a href="/lists/" data-hotkey="l" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Lists </a> </li> <li> <a href="/modules/" data-hotkey="m" class="nav-link inline-flex px-3 py-2 text-sm font-medium text-gray-900" > Modules </a> </li> </ul> </nav> </div> </div> <div class="flex"> <div x-cloak class="absolute z-20 w-full overflow-hidden bg-white duration-300 lg:hidden" :style="{ maxHeight: mobile_menu_open ? '100%' : '0' }" > <hr /> <div x-ref="content" class="overflow-y-scroll" :style="{ maxHeight: `calc(100vh - ${$refs.header.clientHeight}px)` }" > <div class="container pb-6 pt-6"> <nav class="grid grid-cols-2"> <a href="/search/?i=collections" data-hotkey="c" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Series </a> <a href="/artifacts/" data-hotkey="p" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Publications </a> <a href="/orgs/" data-hotkey="o" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Publishers </a> <a href="/topics/" data-hotkey="t" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Topics </a> <a href="/lists/" data-hotkey="l" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Lists </a> <a href="/modules/" data-hotkey="m" class="nav-link inline-flex px-3 py-2 text-lg font-medium text-gray-900 underline decoration-gray-200 underline-offset-4" > Modules </a> </nav> </div> <hr /> <div class="container py-2"> <div class="flex items-center gap-2"> <div class="flex items-center"> <a href="/accounts/signup/" class="btn btn-primary btn-sm">Register</a> </div> <div class="flex items-center py-2 text-sm"> <a href="/accounts/login/?next=/" class="btn btn-secondary btn-sm" >Login</a > </div> </div> </div> </div> </div> </div> <div x-cloak x-show="mobile_menu_open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-10 bg-gray-500/50 transition-opacity lg:hidden" aria-hidden="true" @click="mobile_menu_open = false" ></div> </header> <main id="main" role="main" class="flex flex-auto flex-col"> <input type="hidden" name="csrfmiddlewaretoken" value="yFDns8BoyIStZsLo1fuQRg3ZGtYZzKkXsjRpaQ6k5IgIAQjuc9CoUXjyaRPhdEEA" /> <script type="module" crossorigin="" src="https://static.coherentcommons.com/assets/home-B3DxtWxu.js"></script> <link href="https://static.coherentcommons.com/assets/web-BTIblaZ5.js" type="text/javascript" crossorigin="anonymous" rel="modulepreload" as="script" /> <link href="https://static.coherentcommons.com/assets/carousel-DA9uUQhS.js" type="text/javascript" crossorigin="anonymous" rel="modulepreload" as="script" /> <input type="hidden" name="csrfmiddlewaretoken" value="luauSDcRYdymlHNFppPj1bh6fZPt3hQtf8owAlHNvdWBW5lLAjXR4SxFJnGLHba6" /> <!-- Hero section --> <section class="bg-contour relative flex flex-col justify-center py-32 text-sm xl:px-0"> <div class="absolute inset-0" style="background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);" ></div> <img class="absolute z-0 h-full w-full object-cover object-left sm:object-center" src="https://static.coherentcommons.com/southasiacommons.net/img/logos/bg/hero.jpg" alt="" /> <div class="container z-10"> <div class="mx-auto max-w-3xl"> <form method="get" action="/search/" id="search-from-home"> <div class="relative flex w-full gap-px rounded-full bg-white text-gray-900 shadow-xl" x-data x-id="['search-input']" data-testid="search-input-big" > <label class="sr-only" for="q" :for="$id('search-input')">Search</label> <input :id="$id('search-input')" name="q" type="text" placeholder="Search " class="flex-grow rounded-full border-none py-2 pl-12 pr-20 md:pr-48 lg:py-3" value="" /> <div class="left-4.5 pointer-events-none absolute top-2.5 text-gray-600 lg:top-3.5" aria-hidden="true" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="" width="20" height="20" > <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z" clip-rule="evenodd" /> </svg> </div> <div class="absolute right-4 top-1.5 flex lg:top-2.5"> <a data-testid="advanced-search-link" href="/search/advanced/" class="flex items-center gap-1.5 self-center py-1 pl-1 pr-1 text-gray-600" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24" > <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> <span class="max-xl:sr-only">Advanced</span> </a> <a href="https://coherentdigital.net/support/help-search" target="_blank" class="flex items-center gap-1.5 self-center py-1 pl-1 text-gray-600" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-5" > <circle cx="12" cy="12" r="9"></circle> <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path> <line x1="12" y1="17" x2="12.01" y2="17"></line> </svg> <span class="max-xl:sr-only">Help</span> </a> </div> </div> </form> <div class="mt-3 inline-flex items-start rounded px-3 py-2 text-gray-900"> <div class="flex flex-wrap items-center gap-2"> <a class="badge text-primary-900 bg-white/80 text-xs shadow-md backdrop-blur-sm" aria-label="Search 'Art History' publications" href="/search/?q=Art+History" > Art History </a> <a class="badge text-primary-900 bg-white/80 text-xs shadow-md backdrop-blur-sm" aria-label="Search 'Literature' publications" href="/search/?q=Literature" > Literature </a> <a class="badge text-primary-900 bg-white/80 text-xs shadow-md backdrop-blur-sm" aria-label="Search 'Government' publications" href="/search/?q=Government" > Government </a> <a class="badge text-primary-900 bg-white/80 text-xs shadow-md backdrop-blur-sm" aria-label="Search 'Indology' publications" href="/search/?q=Indology" > Indology </a> <a class="badge text-primary-900 bg-white/80 text-xs shadow-md backdrop-blur-sm" aria-label="Search 'Civilization Studies' publications" href="/search/?q=Civilization+Studies" > Civilization Studies </a> <a href="/topics/" class="badge text-primary-900 bg-white/80 px-1 shadow-md" > <span class="sr-only">topics</span> <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20" > <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" /> </svg> </a> </div> </div> </div> </div> </section> <!-- Counts section --> <section class="py-section container lg:pt-20"> <div class="lg:grid-cols-3 grid gap-x-6 gap-y-4 md:grid-cols-2" > <a href="/orgs/" class="rounded-lg border py-6 text-center shadow-sm lg:py-8"> <div class="bg-primary-200 text-primary-800 inline-block rounded-full p-2.5 lg:p-3"> <svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75z" /> </svg> </div> <div class="doc_counts__orgs mt-3 text-2xl font-semibold lg:mt-5 lg:text-3xl"> 1,997 </div> <div class="text truncate font-medium text-gray-500">Publishers</div> </a> <a href="/artifacts/" class="rounded-lg border py-6 text-center shadow-sm lg:py-8"> <div class="bg-primary-200 text-primary-800 inline-block rounded-full p-2.5 lg:p-3"> <svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /> </svg> </div> <div class="doc_counts__items mt-3 text-2xl font-semibold lg:mt-5 lg:text-3xl"> 840,226 </div> <div class="text truncate font-medium text-gray-500">Publications</div> </a> <a href="/topics/" class="rounded-lg border py-6 text-center shadow-sm lg:py-8"> <div class="bg-primary-200 text-primary-800 inline-block rounded-full p-2.5 lg:p-3"> <svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 8.25h15m-16.5 7.5h15m-1.8-13.5l-3.9 19.5m-2.1-19.5l-3.9 19.5" /> </svg> </div> <div class="doc_counts__topics mt-3 text-2xl font-semibold lg:mt-5 lg:text-3xl"> 35 </div> <div class="text truncate font-medium text-gray-500">Topics</div> </a> </div> </section> <div> <!-- Organizations section --> <section class="py-section odd:bg-gray-100"> <div class="container flex justify-between gap-x-3 pb-2"> <h2 class="text-2xl font-medium"> Featured Organizations </h2> <a href="/search/?i=organizations" class="btn btn-shadow-outlined btn-sm shrink-0 self-start bg-white" > <span class="hidden md:inline" >All organizations</span > <span class="md:hidden">All</span> <svg class="ml-2 size-4 -mr-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="currentColor" > <path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd" /> </svg> </a> </div> <section class="container"> <div class="flex flex-col"> <div class="mt-8 grid grid-cols-2 gap-2 lg:grid-cols-4 lg:gap-4"> <a href="/orgs/center-for-modern-indian-studies/"> <div class=" flex items-center justify-center rounded-lg border bg-white p-4 shadow-sm transition-shadow duration-300 hover:shadow-lg md:p-6" > <img width="300" height="200" class="notranslate" src="https://img.coherentcommons.com/300x200pad/organizations/organization/logo/601e61fd-90d8-4e48-b68a-f628ee10a2d6.jpeg" alt="Center for Modern Indian Studies" /> </div> </a> <a href="/orgs/stanford-university-us/"> <div class=" flex items-center justify-center rounded-lg border bg-white p-4 shadow-sm transition-shadow duration-300 hover:shadow-lg md:p-6" > <img width="300" height="200" class="notranslate" src="https://img.coherentcommons.com/300x200pad/organizations/organization/logo/7e7e0a5c-c7ec-40fc-96ee-34abf9cd1bda.jpeg" alt="Stanford University" /> </div> </a> <a href="/orgs/ministry-of-culture-in/"> <div class=" flex items-center justify-center rounded-lg border bg-white p-4 shadow-sm transition-shadow duration-300 hover:shadow-lg md:p-6" > <img width="300" height="200" class="notranslate" src="https://img.coherentcommons.com/300x200pad/organizations/organization/logo/c88a828c-1610-410f-973f-c778d4a8c970.png" alt="Ministry of Culture" /> </div> </a> <a href="/orgs/university-of-cambridge-gb/"> <div class=" flex items-center justify-center rounded-lg border bg-white p-4 shadow-sm transition-shadow duration-300 hover:shadow-lg md:p-6" > <img width="300" height="200" class="notranslate" src="https://img.coherentcommons.com/300x200pad/organizations/organization/logo/9522dc31-3ce4-462a-9e09-f5b02751b62b.png" alt="University of Cambridge" /> </div> </a> </div> </div> </section> </section> <!-- Premium Collections section --> <!-- Featured Publications section --> <!-- Lists section --> <section class="py-section odd:bg-gray-100"> <div class="container flex justify-between gap-x-3 pb-2"> <h2 class="text-2xl font-medium">Featured Lists</h2> <a href="/search/?i=lists" class="btn btn-shadow-outlined btn-sm shrink-0 self-start bg-white" > <span class="hidden md:inline">All lists</span> <span class="md:hidden">All</span> <svg class="ml-2 size-4 -mr-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="currentColor" > <path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd" /> </svg> </a> </div> <div class="container flex flex-col"> <div class="mt-8 grid grid-cols-2 gap-2 lg:grid-cols-4 lg:gap-5"> <a href="/lists/526/south-asia-archive-module-guide/" class="relative h-44 overflow-hidden rounded-lg bg-cover bg-center shadow-lg shadow-black/20 md:h-52" style="background-image: url('https://img.coherentcommons.com/300x200crop/lists/list/img/e13e622c-f6a9-43b7-87cb-36d2c11eb484.jpg')" > <div class="flex h-full flex-col justify-end px-4 pb-4 lg:pb-5"> <div class="absolute bottom-0 left-0 h-full w-full bg-gradient-to-b from-transparent via-gray-950/30 to-gray-950" ></div> <h3 class="z-10 font-medium leading-tight text-white drop-shadow md:text-xl md:leading-tight"> South Asia Archive - Module Guide </h3> </div> </a> <a href="/lists/322/indology/" class="relative h-44 overflow-hidden rounded-lg bg-cover bg-center shadow-lg shadow-black/20 md:h-52" style="background-image: url('https://img.coherentcommons.com/300x200crop/lists/list/img/c4894447-ce2c-41c8-81ab-c7a0e85ed162.jpg')" > <div class="flex h-full flex-col justify-end px-4 pb-4 lg:pb-5"> <div class="absolute bottom-0 left-0 h-full w-full bg-gradient-to-b from-transparent via-gray-950/30 to-gray-950" ></div> <h3 class="z-10 font-medium leading-tight text-white drop-shadow md:text-xl md:leading-tight"> Indology </h3> </div> </a> </div> </div> </section> </div> <!-- Topics section --> <section class="py-section bg-brand flex flex-col lg:pb-20"> <div class="container flex justify-between gap-x-3 pb-2"> <h2 class="text-onbrand text-2xl font-medium">Featured Topics</h2> <a href="/topics/" class="btn btn-outlined btn-sm ring-onbrand text-onbrand shrink-0 self-start" > <span class="hidden md:inline">All topics</span> <span class="md:hidden">All</span> <svg class="ml-2 size-4 -mr-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="currentColor" > <path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd" /> </svg> </a> </div> <div class="xl:container"> <div class="max-xl:scroll-container no-scrollbar mt-8 flex gap-5 overflow-x-auto pb-4 xl:grid xl:grid-cols-5 xl:px-1" > <div id="5111" class="topic flex h-52 w-56 flex-shrink-0 flex-col rounded-md bg-white px-4 py-5 shadow-md outline-offset-4 xl:w-full" > <div x-data="topicContainer(false, false)"> <a href="/accounts/following/" class="flex items-center outline-offset-4" aria-label="Follow topic Political Systems" x-show="following && authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> <span class="ml-2">Following</span> </a> <a href="/accounts/login/?next=/topics/political-systems/" class="flex items-center outline-offset-4" aria-label="Follow topic Political Systems" x-show="!authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </a> <button class="flex items-center text-gray-500 outline-offset-4" aria-label="Follow topic Political Systems" x-show="!following && authenticated" @click="follow('5111')" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </button> </div> <a href="/topics/political-systems/" class="mt-auto w-full text-base font-medium outline-offset-4 md:text-lg" > Political Systems </a> </div><div id="7619" class="topic flex h-52 w-56 flex-shrink-0 flex-col rounded-md bg-white px-4 py-5 shadow-md outline-offset-4 xl:w-full" > <div x-data="topicContainer(false, false)"> <a href="/accounts/following/" class="flex items-center outline-offset-4" aria-label="Follow topic Partition of India" x-show="following && authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> <span class="ml-2">Following</span> </a> <a href="/accounts/login/?next=/topics/partition-of-india/" class="flex items-center outline-offset-4" aria-label="Follow topic Partition of India" x-show="!authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </a> <button class="flex items-center text-gray-500 outline-offset-4" aria-label="Follow topic Partition of India" x-show="!following && authenticated" @click="follow('7619')" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </button> </div> <a href="/topics/partition-of-india/" class="mt-auto w-full text-base font-medium outline-offset-4 md:text-lg" > Partition of India </a> </div><div id="3252" class="topic flex h-52 w-56 flex-shrink-0 flex-col rounded-md bg-white px-4 py-5 shadow-md outline-offset-4 xl:w-full" > <div x-data="topicContainer(false, false)"> <a href="/accounts/following/" class="flex items-center outline-offset-4" aria-label="Follow topic Industry" x-show="following && authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> <span class="ml-2">Following</span> </a> <a href="/accounts/login/?next=/topics/industry/" class="flex items-center outline-offset-4" aria-label="Follow topic Industry" x-show="!authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </a> <button class="flex items-center text-gray-500 outline-offset-4" aria-label="Follow topic Industry" x-show="!following && authenticated" @click="follow('3252')" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </button> </div> <a href="/topics/industry/" class="mt-auto w-full text-base font-medium outline-offset-4 md:text-lg" > Industry </a> </div><div id="7317" class="topic flex h-52 w-56 flex-shrink-0 flex-col rounded-md bg-white px-4 py-5 shadow-md outline-offset-4 xl:w-full" > <div x-data="topicContainer(false, false)"> <a href="/accounts/following/" class="flex items-center outline-offset-4" aria-label="Follow topic Indology" x-show="following && authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> <span class="ml-2">Following</span> </a> <a href="/accounts/login/?next=/topics/indology/" class="flex items-center outline-offset-4" aria-label="Follow topic Indology" x-show="!authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </a> <button class="flex items-center text-gray-500 outline-offset-4" aria-label="Follow topic Indology" x-show="!following && authenticated" @click="follow('7317')" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </button> </div> <a href="/topics/indology/" class="mt-auto w-full text-base font-medium outline-offset-4 md:text-lg" > Indology </a> </div><div id="2113" class="topic flex h-52 w-56 flex-shrink-0 flex-col rounded-md bg-white px-4 py-5 shadow-md outline-offset-4 xl:w-full" > <div x-data="topicContainer(false, false)"> <a href="/accounts/following/" class="flex items-center outline-offset-4" aria-label="Follow topic Environment" x-show="following && authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> <span class="ml-2">Following</span> </a> <a href="/accounts/login/?next=/topics/environment/" class="flex items-center outline-offset-4" aria-label="Follow topic Environment" x-show="!authenticated" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </a> <button class="flex items-center text-gray-500 outline-offset-4" aria-label="Follow topic Environment" x-show="!following && authenticated" @click="follow('2113')" x-cloak > <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10"></circle> <line x1="12" y1="8" x2="12" y2="16"></line> <line x1="8" y1="12" x2="16" y2="12"></line> </svg> <span class="ml-2">Follow topic</span> </button> </div> <a href="/topics/environment/" class="mt-auto w-full text-base font-medium outline-offset-4 md:text-lg" > Environment </a> </div> </div> </div> </section> </main> <div x-data="{ show: false, init() { const cookieConsent = document.cookie.split('; ').find(row => row.startsWith('cookie_consent='))?.split('=')[1] if (!cookieConsent) { setTimeout(() => { this.show = true; }, 500); } }, cookieConsent(accepted) { this.show = false; fetch('/api/cookie-consent/', { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ accepted: accepted, }), }) } }" > <div x-cloak x-show="show" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-4" class="fixed bottom-4 right-4 z-10 ml-4 max-w-sm rounded-lg border border-gray-300 bg-white p-5 shadow-lg md:bottom-10 md:right-10" > <p class="text-gray-700"> We use cookies to analyze the site traffic and improve the user experience. </p> <div class="mt-5 flex justify-end gap-2"> <button @click="cookieConsent(true)" class="btn btn-sm btn-primary">Accept</button> <button @click="cookieConsent(false)" class="btn btn-sm btn-outlined">Decline</button> </div> </div> </div> <footer class="bg-gray-900 w-full text-gray-100"> <div class="container flex flex-col gap-y-12 py-16 xl:flex-row"> <div class="grid flex-grow grid-cols-2 gap-x-6 md:grid-cols-3"> <a href="https://coherentdigital.net/" class="col-span-2 mb-16 justify-self-center md:col-span-1 md:justify-self-start" > <img src="https://static.coherentcommons.com/img/logos/coherent-digital.svg" alt="Coherent Digital Logo" /> </a> <div> <h2 class="font-medium">About</h2> <ul class="mt-8 flex flex-col gap-4"> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/southasiacommons" target="_blank" aria-label="South Asia Commons - link opens in a new tab"> South Asia Commons </a> </li> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/vision" target="_blank" aria-label="Our Vision - link opens in a new tab"> Our Vision </a> </li> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/teams" target="_blank" aria-label="The Team - link opens in a new tab"> The Team </a> </li> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/vpat" target="_blank" aria-label="Accessibility & VPAT - link opens in a new tab"> Accessibility & VPAT </a> </li> </ul> </div> <div> <h2 class="font-medium">Membership</h2> <ul class="mt-8 flex flex-col gap-4"> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/request-a-trial" target="_blank" aria-label="Request a Demo - link opens in a new tab"> Request a Demo </a> </li> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/talk-to-sales" target="_blank" aria-label="Sales Inquiries - link opens in a new tab"> Sales Inquiries </a> </li> <li class="text-sm text-gray-400"> <a href="https://coherentdigital.net/support/contact-us" target="_blank" aria-label="Help - link opens in a new tab"> Help </a> </li> </ul> </div> </div> <div class="flex flex-col justify-between xl:w-1/3 xl:flex-col"> <div> <h3 class="font-medium">Newsletter</h3> <p class="mt-3 text-gray-400">The latest articles and resources, sent to your inbox.</p> <form class="mt-6 flex flex-col gap-3 md:flex-row" action="https://coherentdigital.us20.list-manage.com/subscribe/post?u=d55edcaa77ac7fe8cec6e9ad6&id=e183ecd55b" method="post" class="validate" target="_blank" novalidate id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" > <label class="sr-only" for="mce-EMAIL">email</label> <input name="EMAIL" id="mce-EMAIL" type="email" class="rounded border border-gray-600 bg-gray-700 py-1.5 text-gray-200 placeholder:text-gray-400 md:w-72 xl:w-full xl:text-sm" placeholder="Enter your email" /> <label class="hidden" for="mce-group[6178]-6178-0">mce group</label> <input type="checkbox" value="1" name="group[6178][1]" id="mce-group[6178]-6178-0" style="display: none" checked /> <div style="position: absolute; left: -5000px" aria-hidden="true"> <input type="text" name="b_d55edcaa77ac7fe8cec6e9ad6_e183ecd55b" tabindex="-1" value="" aria-hidden="true" aria-label="hidden input" /> </div> <button class="btn btn-brand xl:text-sm">Subscribe</button> </form> </div> <div id="google_translate_element" class="mt-5 flex flex-col xl:mt-16 xl:items-end"></div> </div> </div> <div class="container pb-10"> <hr class="h-px border-none bg-gray-600/30" /> <div class="flex flex-col justify-between gap-y-2 pt-6 md:flex-row"> <p class="text-sm text-gray-400">Copyright 漏 Coherent Digital, LLC</p> <p class="mt-1 flex flex-col gap-x-4 gap-y-1 text-sm text-gray-400 sm:mt-0 sm:flex-row"> <a href="https://coherentdigital.net/terms-of-use">Terms of Use</a><a href="https://coherentdigital.net/privacy-policy">Privacy Policy</a><a href="/cookie-policy">Cookie Policy</a><a href="https://coherentdigital.net/file-upload-policy">File Upload Policy</a> </p> </div> </div> </footer> <style> /* chevron block w-56 rounded bg-gray-200 py-1 text-sm text-gray-700 placeholder:text-gray-400 */ .goog-te-gadget div select.goog-te-combo { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); color: rgb(var(--color-gray-700) / var(--tw-text-opacity)); font-size: 0.875rem; line-height: 1.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity)); border-radius: 0.25rem; width: 14rem; } /* flex flex-col overflow-y-hidden overflow-x-visible h-12 items-end; */ .goog-te-gadget { display: inline-flex; flex-flow: row wrap; column-gap: 0.5rem; overflow-x: visible; justify-content: flex-start; color: rgb(var(--color-gray-300) / var(--tw-text-opacity)) !important; } /* relative flex flex-col */ .goog-te-gadget div { width: 100%; } @media (min-width: 1280px) { .goog-te-gadget { justify-content: flex-end; } .goog-te-gadget div { position: relative; display: flex; flex-direction: column; margin-left: 100%; } } .goog-te-gadget .goog-te-combo { margin-top: 0; } .goog-te-gadget span a img { width: 42px !important; height: 16px !important; margin-top: 2px; } div.goog-te-gadget span a { display: flex; column-gap: 0.25rem; color: rgb(var(--color-gray-300) / var(--tw-text-opacity)) !important; font-weight: 400 !important; } </style> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" ></script> <script> function topicContainer(following, authenticated) { return { following, authenticated, follow(id) { fetch("/api/follow/", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json", "X-CSRFToken": document.querySelector("[name=csrfmiddlewaretoken]").value, }, body: JSON.stringify({ content_type: "topic", object_id: id, }), }) .then((response) => { if (!response.ok) { throw new Error("Network response was not ok"); } return response.json(); }) .catch((error) => { console.error("Error:", error); }) .finally(() => { this.following = true; }); }, }; } </script> <!-- Navbar JavaScript --> <script src="https://static.coherentcommons.com/navbar/dropdown.js"></script> <script src="https://static.coherentcommons.com/navbar/mobile_menu.js"></script> <!-- End Navbar JavaScript --> <!-- Additional JavaScript --> <script src="https://static.coherentcommons.com/libs/popper/2.11.8/popper.min.js"></script> <script src="https://static.coherentcommons.com/libs/select2/4.0.13_vpat/select2.min.js"></script> <script src="https://static.coherentcommons.com/libs/clipboard/clipboard.min.js"></script> <script src="https://static.coherentcommons.com/libs/tippy/6.3.7/tippy.min.js"></script> <script src="https://static.coherentcommons.com/libs/axios/1.1.2/axios.min.js"></script> <script type="text/javascript"> feather.replace(); new ClipboardJS(".clipboard-trigger"); </script> <script type="module"> import { install } from "https://static.coherentcommons.com/libs/hotkey/hotkey.js"; for (const el of document.querySelectorAll("[data-hotkey]")) { install(el); } $(function () { $(document).on("shown.bs.tooltip", function (e) { setTimeout(function () { $(e.target).tooltip("hide"); }, 1000); }); }); </script> <!-- Navbar script --> <script src="https://static.coherentcommons.com/navbar/index.js"></script> <!-- End Additional JavaScript --> </body> </html>