1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 <meta charset="UTF-8"> 6 <title>Login â CiteFactor</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta name="description" content="Access your CiteFactor account to manage journals, articles, and indexing."> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 11 12 <!-- Tailwind CDN --> 13
13<script src="https://cdn.tailwindcss.com"></script>
13 14 15 <!-- Fonts --> 16 <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> 17 18
18<script> 19 tailwind.config = { 20 darkMode: 'class', 21 theme: { 22 extend: { 23 fontFamily: { 24 serif: ['Libre Baskerville', 'serif'], 25 sans: ['Inter', 'sans-serif'] 26 }, 27 colors: { 28 primary: '#0F2A44' 29 } 30 } 31 } 32 } 33 </script>
33 34 35 <style> 36 .input-field { 37 width: 100%; 38 border: 1px solid #d1d5db; /* gray-300 */ 39 border-radius: 0.375rem; 40 padding: 0.5rem 1rem; 41 font-size: 0.875rem; 42 background-color: #ffffff; 43 color: #1f2937; 44 } 45 46 .dark .input-field { 47 background-color: #0b1220; 48 border-color: #374151; 49 color: #e5e7eb; 50 } 51 52 .input-field:focus { 53 outline: none; 54 border-color: #0F2A44; 55 box-shadow: 0 0 0 2px rgba(15, 42, 68, 0.3); 56 } 57</style> 58 59 60 61 62 63 64 65 66 67 68 69</head> 70 71<body class="bg-[#F8F9FB] dark:bg-[#0b1220] text-gray-800 dark:text-gray-200 font-sans transition-colors duration-300"> 72 73 74 <div class=" 75 w-full text-sm text-center px-4 py-2 76 bg-blue-50 text-blue-800 border-b border-blue-200 77 dark:bg-[#0b1220] dark:text-gray-300 dark:border-gray-700 78 "> 79 ð¢ All services on CiteFactor.org are offered free of charge to support transparent and responsible scholarly publishing. </div> 80 81<!-- ================= HEADER ================= --> 82<header class="bg-white dark:bg-[#0e1626] border-b dark:border-gray-700"> 83 84 85 <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between"> 86 87 <!-- Logo --> 88 <a href="https://citefactor.org/" class="flex items-center gap-3"> 89 <!-- <img src="https://citefactor.org/assets/citefactor-mark.svg" alt="CiteFactor" class="h-8 w-8"> --> 90 <span class="text-2xl font-serif font-bold text-primary"> 91 CiteFactor 92 </span> 93 </a> 94 95 <!-- Navigation --> 96 <nav class="hidden md:flex gap-8 text-sm font-medium"> 97 <a href="https://citefactor.org/journals.php" class="hover:text-primary">Journals</a> 98 <a href="https://citefactor.org/articles.php" class="hover:text-primary">Articles</a></li> 99 <a href="https://citefactor.org/metrics.php" class="hover:text-primary">Metrics</a> 100 <a href="https://citefactor.org/publishers.php" class="hover:text-primary">Publishers</a> 101 <!--<a href="https://citefactor.org/about.php" class="hover:text-primary">About</a> --> 102 </nav> 103 104 <!-- Actions --> 105 <div class="flex items-center gap-3"> 106 107 <a href="https://citefactor.org/login.php" 108 class="text-sm px-4 py-2 rounded-md border hover:bg-gray-100 dark:hover:bg-gray-800"> 109 Login 110 </a> 111 112 <a href="https://citefactor.org/submit-journal.php" 113 class="text-sm px-4 py-2 rounded-md bg-primary text-white hover:bg-[#0c2136]"> 114 Submit Journal 115 </a> 116 117 <!-- Dark Mode Toggle --> 118 <button id="themeToggle" 119 class="ml-2 px-3 py-2 rounded-md border text-sm hover:bg-gray-100 dark:hover:bg-gray-800" 120 title="Toggle dark mode"> 121 ð 122 </button> 123 124 </div> 125 126 </div> 127 128
128<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1532899052506773" 129 crossorigin="anonymous"></script>
129 130</header> 131 132<section class="min-h-[calc(100vh-160px)] flex items-center justify-center px-6 py-16"> 133 <div class="w-full max-w-md"> 134 135 <div class="bg-white dark:bg-[#0e1626] border dark:border-gray-700 rounded-xl shadow-sm p-8"> 136 137 <div class="text-center mb-8"> 138 <img src="assets/citefactor-mark.svg" class="h-10 w-10 mx-auto mb-3"> 139 <h1 class="text-2xl font-serif font-bold text-primary">Sign in to CiteFactor</h1> 140 <p class="mt-2 text-sm text-gray-600 dark:text-gray-300"> 141 Access your account to manage journals, articles, and indexing. 142 </p> 143 </div> 144 145 <!-- Errors --> 146 147 <!-- Login Form --> 148 <form method="post" action="/login.php" class="space-y-5"> 149 150 <div> 151 <label class="block text-sm font-medium mb-1">Email address</label> 152 <input type="email" name="email" required 153 class="w-full border dark:border-gray-700 rounded-md px-4 py-3 text-sm 154 bg-white dark:bg-[#0b1220]"> 155 </div> 156 157 <div> 158 <label class="block text-sm font-medium mb-1">Password</label> 159 <input type="password" name="password" required 160 class="w-full border dark:border-gray-700 rounded-md px-4 py-3 text-sm 161 bg-white dark:bg-[#0b1220]"> 162 </div> 163 164 <div class="flex items-center justify-between text-sm"> 165 <label class="flex items-center gap-2"> 166 <input type="checkbox" name="remember" class="rounded border-gray-300"> 167 Remember me 168 </label> 169 170 <a href="https://citefactor.org/forgot-password.php" 171 class="text-primary hover:underline"> 172 Forgot password? 173 </a> 174 </div> 175 176 <button type="submit" 177 class="w-full px-6 py-3 bg-primary text-white rounded-md 178 text-sm font-medium hover:bg-[#0c2136] transition"> 179 Sign In 180 </button> 181 </form> 182 183 <div class="my-8 flex items-center gap-3"> 184 <div class="flex-1 h-px bg-gray-200 dark:bg-gray-700"></div> 185 <span class="text-xs text-gray-500">or</span> 186 <div class="flex-1 h-px bg-gray-200 dark:bg-gray-700"></div> 187 </div> 188 189 <div class="text-center text-sm"> 190 <span class="text-gray-600 dark:text-gray-300">Donât have an account?</span> 191 <a href="https://citefactor.org/signup.php" 192 class="text-primary font-medium hover:underline ml-1"> 193 Create an account 194 </a> 195 </div> 196 197 </div> 198 199 <p class="mt-6 text-xs text-center text-gray-500 dark:text-gray-400"> 200 Access is restricted to registered users. 201 CiteFactor accounts are intended for researchers, publishers, 202 and institutional users. 203 </p> 204 205 </div> 206</section> 207 208<!-- FOOTER --> 209<!-- FOOTER --> 210<footer class="bg-white dark:bg-[#0e1626] border-t dark:border-gray-700"> 211 <div class="max-w-7xl mx-auto px-6 py-12 212 grid grid-cols-1 md:grid-cols-4 213 gap-8 text-sm text-gray-600 dark:text-gray-400"> 214 215 <!-- LOGO (Row 1, Col 1) --> 216 <div> 217 <div class="flex items-center gap-2 mb-3"> 218 <img 219 src="https://citefactor.org/assets/citefactor-mark.svg" 220 alt="CiteFactor" 221 class="h-8 w-8" 222 > 223 <div class="font-serif font-bold text-primary text-lg"> 224 CiteFactor 225 </div> 226 </div> 227 228 <p class="text-sm text-gray-600 dark:text-gray-400"> 229 Academic journal metrics and indexing platform. 230 </p> 231 </div> 232 233 <!-- PLATFORM (Row 1, Col 2) --> 234 <div> 235 <div class="font-medium mb-3">Platform</div> 236 <ul class="space-y-2"> 237 <li><a href="https://citefactor.org/journals.php">Journals</a></li> 238 <li><a href="https://citefactor.org/articles.php">Articles</a></li> 239 <li><a href="https://citefactor.org/metrics.php">Metrics</a></li> 240 <li><a href="https://citefactor.org/publishers.php">Publishers</a></li> 241 </ul> 242 </div> 243 244 <!-- RESOURCES (Row 1, Col 3) --> 245 <div> 246 <div class="font-medium mb-3">Resources</div> 247 <ul class="space-y-2"> 248 <li><a href="https://citefactor.org/about.php">About</a></li> 249 <li><a href="https://citefactor.org/contact.php">Contact</a></li> 250 </ul> 251 </div> 252 253 <!-- LEGAL (Row 1, Col 4) --> 254 <div> 255 <div class="font-medium mb-3">Legal</div> 256 <ul class="space-y-2"> 257 <li><a href="https://citefactor.org/privacy.php">Privacy</a></li> 258 <li><a href="https://citefactor.org/terms.php">Terms</a></li> 259 </ul> 260 </div> 261 262 <!-- CTA (Row 2, Col 24) --> 263 <div class="md:col-start-2 md:col-span-3 264 mt-4 md:mt-0 265 bg-primary/5 dark:bg-primary/10 266 border border-primary/20 267 rounded-xl p-6 268 flex flex-col md:flex-row 269 items-start md:items-center 270 justify-between gap-4"> 271 272 <div> 273 <h3 class="text-lg font-serif font-bold text-primary"> 274 Submit Your Article for Indexing & EOI 275 </h3> 276 <p class="text-sm text-gray-600 dark:text-gray-400 mt-1 max-w-xl"> 277 Authors can submit individual research articles for indexing review, 278 evaluation, and Entity Object Identifier (EOI) from relevant journals. 279 </p> 280 </div> 281 282 <a href="https://citefactor.org/submit-article.php" 283 class="inline-flex items-center justify-center 284 px-6 py-3 285 bg-primary text-white 286 rounded-md 287 text-sm font-medium 288 whitespace-nowrap 289 hover:bg-[#0c2136] 290 transition"> 291 Submit Article 292 </a> 293 </div> 294 295 </div> 296</footer> 297 298 299<!-- ================= JS ================= --> 300
301<script> 302/* DARK MODE */ 303const toggle = document.getElementById("themeToggle"); 304const root = document.documentElement; 305if (localStorage.theme === "dark") root.classList.add("dark"); 306toggle?.addEventListener("click", () => { 307 root.classList.toggle("dark"); 308 localStorage.theme = root.classList.contains("dark") ? "dark" : "light"; 309}); 310 311/* COUNT-UP ANIMATION */ 312document.addEventListener("DOMContentLoaded", () => { 313 const counters = document.querySelectorAll(".metric-value"); 314 315 const animate = el => { 316 const target = +el.dataset.value; 317 let count = 0; 318 const step = Math.max(1, target / 80); 319 320 const tick = () => { 321 count += step; 322 if (count < target) { 323 el.textContent = Math.floor(count).toLocaleString(); 324 requestAnimationFrame(tick); 325 } else { 326 el.textContent = target.toLocaleString() + "+"; 327 } 328 }; 329 tick(); 330 }; 331 332 const observer = new IntersectionObserver(entries => { 333 entries.forEach(e => { 334 if (e.isIntersecting) { 335 animate(e.target); 336 observer.unobserve(e.target); 337 } 338 }); 339 }, { threshold: 0.6 }); 340 341 counters.forEach(c => observer.observe(c)); 342}); 343 344/* RANDOM CHART BARS ONLY */ 345const charts = [ 346 ` 347 <rect x="60" y="220" width="40" height="140" fill="#0F2A44" opacity="0.35"/> 348 <rect x="140" y="200" width="40" height="160" fill="#0F2A44" opacity="0.30"/> 349 <rect x="220" y="240" width="40" height="120" fill="#0F2A44" opacity="0.32"/> 350 <rect x="300" y="180" width="40" height="180" fill="#0F2A44" opacity="0.28"/> 351 <rect x="380" y="210" width="40" height="150" fill="#0F2A44" opacity="0.30"/> 352 `, 353 ` 354 <rect x="70" y="240" width="42" height="120" fill="#1f6f8b" opacity="0.35"/> 355 <rect x="150" y="210" width="42" height="150" fill="#1f6f8b" opacity="0.30"/> 356 <rect x="230" y="260" width="42" height="100" fill="#1f6f8b" opacity="0.32"/> 357 <rect x="310" y="190" width="42" height="170" fill="#1f6f8b" opacity="0.28"/> 358 <rect x="390" y="220" width="42" height="140" fill="#1f6f8b" opacity="0.30"/> 359 `, 360 ` 361 <rect x="80" y="200" width="45" height="160" fill="#0F2A44" opacity="0.30"/> 362 <rect x="170" y="230" width="45" height="130" fill="#0F2A44" opacity="0.28"/> 363 <rect x="260" y="180" width="45" height="180" fill="#0F2A44" opacity="0.26"/> 364 <rect x="350" y="210" width="45" height="150" fill="#0F2A44" opacity="0.24"/> 365 <rect x="440" y="240" width="45" height="120" fill="#0F2A44" opacity="0.22"/> 366 ` 367]; 368 369 370document.addEventListener("DOMContentLoaded", () => { 371 const svg = document.getElementById("chart-bg"); 372 if (svg) svg.innerHTML = charts[Math.floor(Math.random() * charts.length)]; 373}); 374</script>
374 375 376</body> 377</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.