1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Home | The Sootr</title> 8 9 <meta name="description" content="हम सिरà¥à¤« à¤à¤à¤µà¤¾à¤¨ सॠडरतॠहà¥à¤ - Latest stories and updates from The Sootr."> 10 <meta name="keywords" content="news, media, thesootr, portal"> 11 <link rel="canonical" href=""> 12 <link rel="alternate" type="application/rss+xml" title="TheSootr RSS Feed" href="/rss"> 13 14 15 16 <meta property="og:site_name" content="TheSootr"> 17 18 19 <meta name="twitter:card" content="summary_large_image"> 20 21 22 23 24 25 <link rel="preconnect" href="https://fonts.googleapis.com"> 26 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 28 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 29 30 31 <link rel="stylesheet" href="/static/css/tailwind.css?v=3"> 32 33 <style> 34 body { 35 font-family: 'Plus Jakarta Sans', sans-serif; 36 background-color: #f8fafc; 37 color: #0f172a; 38 transition: background-color 0.2s ease, color 0.2s ease; 39 } 40 .dark body { 41 background-color: #090d16; 42 color: #f1f5f9; 43 } 44 .header-title { 45 font-family: 'Outfit', sans-serif; 46 } 47 </style> 48 49 50
50<script> 51 (function() { 52 const theme = localStorage.getItem('gocms_theme') || 'system'; 53 if (theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) { 54 document.documentElement.classList.add('dark'); 55 } else { 56 document.documentElement.classList.remove('dark'); 57 } 58 })(); 59 </script>
59 60 61 62 63</head> 64<body class="flex flex-col min-h-screen"> 65 66 <div class="bg-gradient-to-r from-blue-600 to-indigo-700 text-white text-xs font-medium px-4 py-2 text-center relative z-50"> 67 <span>ð¡ <strong>GoCMS Explorer Guide:</strong> This homepage uses dynamic server-side rendering for optimal speed. Open any article to view inline newsletter inserts, floating WhatsApp/Telegram floats, and click the â¡ AMP version at the top! Your page load speed and reading duration are currently tracked under dashboard analytics.</span> 68 </div> 69 70 71 <header class="sticky top-0 z-40 w-full backdrop-blur-md bg-white/80 dark:bg-slate-900/80 border-b border-slate-200 dark:border-slate-800 transition-colors"> 72 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between"> 73 <div class="flex items-center gap-3"> 74 <a href="/" class="flex items-center"> 75 <img src="https://img-cdn.publive.online/fit-in/580x326/filters:format%28webp%29/sootr/media/agency_attachments/dJb27ZM6lvzNPboAXq48.png" alt="TheSootr" class="h-10 w-auto max-w-[220px] object-contain" /> 76 </a> 77 </div> 78 79 <nav class="hidden md:flex space-x-6 text-sm font-medium text-slate-600 dark:text-slate-300 items-center"> 80 <a href="/" class="hover:text-red-600 dark:hover:text-red-400 transition-colors">Home</a> 81 82 83 <a href="/category/News" class="hover:text-red-600 dark:hover:text-red-400 transition-colors">News</a> 84 85 86 87 <a href="/category/society" class="hover:text-red-600 dark:hover:text-red-400 transition-colors">Society</a> 88 89 90 91 <a href="/category/thesootr-prime" class="hover:text-red-600 dark:hover:text-red-400 transition-colors">Thesootr Prime</a> 92 93 94 </nav> 95 96 <div class="flex items-center gap-4"> 97 98 <form action="/search" method="GET" class="hidden sm:block relative"> 99 <input type="text" name="q" placeholder="Search..." class="w-36 lg:w-52 bg-slate-100 dark:bg-slate-800 border-none rounded-xl pl-9 pr-3 py-2 text-xs text-slate-700 dark:text-slate-200 focus:outline-none focus:ring-2 focus:ring-red-500 transition-all"> 100 <i class="bi bi-search absolute left-3 top-1/2 -translate-y-1/2 text-slate-400 text-xs"></i> 101 </form> 102 <a href="/search" class="sm:hidden text-slate-600 dark:text-slate-300" title="Search"><i class="bi bi-search text-lg"></i></a> 103 104 105 <div class="flex items-center gap-1 bg-slate-100 dark:bg-slate-800 p-1 rounded-xl text-slate-500 dark:text-slate-400"> 106 <button onclick="setTheme('light')" class="p-1 rounded-lg transition-all text-xs" id="theme-btn-light" title="Light Mode"><i class="bi bi-sun"></i></button> 107 <button onclick="setTheme('dark')" class="p-1 rounded-lg transition-all text-xs" id="theme-btn-dark" title="Dark Mode"><i class="bi bi-moon"></i></button> 108 <button onclick="setTheme('system')" class="p-1 rounded-lg transition-all text-xs" id="theme-btn-system" title="System Theme"><i class="bi bi-display"></i></button> 109 </div> 110 111 <a href="/admin" class="text-sm font-semibold text-slate-600 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Admin Panel</a> 112 </div> 113 </div> 114 </header> 115 116 117 <main class="flex-grow max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8"> 118 119 120<div class="mb-12"> 121 <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-500/10 text-red-600 dark:text-red-400 text-xs font-semibold uppercase tracking-wider mb-3"> 122 <i class="bi bi-search"></i> Search 123 </div> 124 <h1 class="text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-900 dark:text-white font-display mb-4"> 125 Search Stories 126 </h1> 127 <form action="/search" method="GET" class="max-w-xl"> 128 <div class="relative"> 129 <input type="text" name="q" value="" placeholder="Search stories..." autofocus 130 class="w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-2xl pl-4 pr-12 py-3 text-slate-800 dark:text-white focus:outline-none focus:border-red-500 transition-colors text-sm"> 131 <button type="submit" class="absolute right-2 top-1/2 -translate-y-1/2 w-9 h-9 flex items-center justify-center bg-red-600 hover:bg-red-700 text-white rounded-xl transition-colors"> 132 <i class="bi bi-search"></i> 133 </button> 134 </div> 135 </form> 136</div> 137 138 139 140 141 </main> 142 143 144 <div class="fixed bottom-6 right-6 z-50 flex flex-col gap-3"> 145 146 <a href="https://gulfhindi.com" target="_blank" class="flex items-center justify-center w-12 h-12 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg hover:scale-110 transition-all duration-300" title="Join WhatsApp Channel"> 147 <i class="bi bi-whatsapp text-2xl"></i> 148 </a> 149 150 151 <a href="https://gulfhindi.com" target="_blank" class="flex items-center justify-center w-12 h-12 bg-sky-500 hover:bg-sky-600 text-white rounded-full shadow-lg hover:scale-110 transition-all duration-300" title="Join Telegram Channel"> 152 <i class="bi bi-telegram text-2xl"></i> 153 </a> 154 155 </div> 156 157 158 <footer class="bg-slate-900 text-slate-400 border-t border-slate-800 py-12 mt-12"> 159 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-6"> 160 <div class="flex items-center gap-2">
161 <span class="text-white font-extrabold text-lg header-title">TheSootr</span> 162 <span class="text-sm">© 2026. All rights reserved.</span> 163 </div> 164 <div class="flex gap-6 text-sm"> 165 <a href="/" class="hover:text-white transition-colors">Privacy Policy</a> 166 <a href="/" class="hover:text-white transition-colors">Terms of Service</a> 167 <a href="/admin" class="hover:text-white transition-colors">Control Panel</a> 168 </div> 169 </div> 170 </footer> 171 172 173 174 175 176
176<script> 177 function setTheme(theme) { 178 localStorage.setItem('gocms_theme', theme); 179 applyTheme(); 180 } 181 182 function applyTheme() { 183 const theme = localStorage.getItem('gocms_theme') || 'system'; 184 const isDark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches); 185 186 if (isDark) { 187 document.documentElement.classList.add('dark'); 188 } else { 189 document.documentElement.classList.remove('dark'); 190 } 191 192 193 document.querySelectorAll('[id^="theme-btn-"]').forEach(btn => { 194 btn.classList.remove('bg-white', 'dark:bg-slate-700', 'text-blue-600', 'shadow-sm'); 195 btn.classList.add('text-slate-500', 'dark:text-slate-400'); 196 }); 197 const activeBtn = document.getElementById('theme-btn-' + theme); 198 if (activeBtn) { 199 activeBtn.classList.add('bg-white', 'dark:bg-slate-700', 'text-blue-600', 'shadow-sm'); 200 activeBtn.classList.remove('text-slate-500', 'dark:text-slate-400'); 201 } 202 } 203 204 205 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { 206 if (localStorage.getItem('gocms_theme') === 'system' || !localStorage.getItem('gocms_theme')) { 207 applyTheme(); 208 } 209 }); 210 211 212 applyTheme(); 213 </script>
213 214 215 216
216<script src="/static/js/analytics.js" defer></script>
216 217</body> 218</html> 219
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.