1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=1"> 6 <title>Milky â Login</title> 7 8 9 10 <style> 11 :root{ 12 --brand: #921b00; 13 --brand-deep: #5a1000; 14 --card:#fff; --ink:#0f172a; --muted:#6b7280; --line:#e5e7eb; 15 } 16 html, body { height:100%; } 17 body{ 18 margin:0; min-height:100dvh; 19 background:linear-gradient(160deg,var(--brand),var(--brand-deep)); 20 display:flex; align-items:center; justify-content:center; 21 padding:max(16px, env(safe-area-inset-top)) 22 max(16px, env(safe-area-inset-right)) 23 max(16px, env(safe-area-inset-bottom)) 24 max(16px, env(safe-area-inset-left)); 25 font:500 15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; 26 color:var(--ink); 27 } 28 .auth-card{ 29 width:100%; max-width:520px; background:#fff; border-radius:18px; 30 box-shadow:0 16px 40px rgba(0,0,0,.2); overflow:hidden; 31 } 32 /* Ensure no inner element causes side gaps */ 33 .auth-card, .auth-card * { box-sizing: border-box; } 34 35 /* Simple, full-width header (no subheading) */ 36 .auth-header{ 37 width:100%; 38 padding:16px 20px; 39 background:linear-gradient(135deg,var(--brand),var(--brand-deep)); 40 color:#fff; 41 } 42 .auth-title{ margin:0; font-weight:900; font-size:18px; } 43 44 .auth-body{ padding:18px; display:grid; gap:14px; } 45 .auth-footer{ 46 padding:12px 18px 18px; color:var(--muted); font-weight:700; font-size:12px; 47 display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; 48 } 49 50 .stack{ display:grid; gap:10px; } 51 .label{ font:800 12px/1.2 system-ui; color:var(--muted); } 52 .input{ 53 width:100%; min-height:44px; border:1px solid var(--line); border-radius:12px; 54 padding:10px 12px; font-weight:700; background:#fff; 55 } 56 .btn{ 57 display:inline-flex; align-items:center; justify-content:center; gap:8px; 58 width:100%; min-height:44px; border-radius:12px; border:1px solid var(--line); 59 background:#fff; font:800 14px/1 system-ui; cursor:pointer; transition:transform .1s ease; 60 } 61 .btn:active{ transform:translateY(1px); } 62 .btn-brand{ border-color:transparent; background:linear-gradient(135deg,var(--brand),var(--brand-deep)); color:#fff; } 63 .alert{ 64 padding:10px 12px; border-radius:12px; font-weight:700; 65 background:#fee2e2; border:1px solid #fecaca; color:#7f1d1d; 66 } 67 .link{ color:var(--brand); font-weight:700; text-decoration:none; } 68 .link:hover{ text-decoration:underline; } 69 @media (prefers-reduced-motion: reduce){ .btn{ transition:none } } 70 </style> 71 72 </head> 73<body> 74 <div class="auth-card"> 75 <div class="auth-header"> 76 <h1 class="auth-title">Teacher Login</h1> 77 </div> 78 79 <div class="auth-body"> 80 81 82 <form method="POST" action="https://lektormilky.cz/milky/login" class="auth-form stack" novalidate> 83 <input type="hidden" name="_token" value="lLqNLByVNU1IRdq8Fv3Xn67wCONkxaNCe7YnUbJo" autocomplete="off"> 84 <label class="stack"> 85 <span class="label">Username</span> 86 <input type="text" name="username" value="" required autocomplete="username" autofocus class="input"> 87 </label> 88 89 <label class="stack"> 90 <span class="label">Password</span> 91 <input type="password" name="password" required autocomplete="current-password" class="input"> 92 </label> 93 94 <label style="display:flex;align-items:center;gap:8px;margin-top:2px;"> 95 <input type="checkbox" name="remember" value="1" > 96 <span style="font-size:0.95rem;">Keep me signed in</span> 97 </label> 98 99 <button type="submit" class="btn btn-brand">Sign in</button> 100 </form> 101 </div> 102 103 <div class="auth-footer"> 104 <div></div> 105 <div></div> 106 </div> 107 </div> 108 109 </body> 110</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.