1<!DOCTYPE html> 2<html lang=""> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 7 <title>ICONCLASS</title> 8 <link rel="icon" type="image/vnd.microsoft.icon" href="/static/favicon.ico" /> 9 <link 10 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 11 rel="stylesheet" 12 integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" 13 crossorigin="anonymous" 14 /> 15 <link 16 rel="stylesheet" 17 href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" 18 /> 19 20 21
21<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
21 22
22<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
22 23 <style> 24 body {background-color: #e2ddd8;} 25 </style> 26 27 <style> 28.form-signin { 29 width: 100%; 30 max-width: 330px; 31 padding: 15px; 32 margin: auto; 33} 34 35.form-signin .form-floating:focus-within { 36 z-index: 2; 37} 38 39</style> 40 </head> 41 42 <body> 43 <header class="p-3" style="border-bottom: 2px solid #ccc; background-color: #eee;"> 44 <div class="container-fluid"> 45 <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> 46 <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"> 47 <li> 48 <a href="/" title="The Homepage" class="nav-link px-2 text-secondary">ICONCLASS</a> 49 </li> 50 <li> 51 <a href="/en/_" title="Browse and Search in the the ICONCLASS system " class="nav-link px-2 link-success">Browse & Search</a> 52 </li> 53 <li> 54 <a href="/help/about" class="nav-link px-2" title="More documentation on using the system">Documentation</a> 55 </li> 56 <li> 57 <a href="/help/plus" class="nav-link px-2" title="Help on searching">Help</a> 58 </li> 59 <li> 60 <a href="/help/upgrade" class="nav-link px-2" title="How to become a consortium member" style="color: red">Upgrade</a> 61 </li> 62 </ul> 63 64 <div class="text-end"> 65 <a href="/register" type="button" class="btn btn-warning btn-sm">Register New Account</a> 66 <a class="btn btn-info btn-sm" href="https://forms.gle/twPq7swQZXmSX46G8" target="_feedback">Feedback</a> 67 <a class="btn btn-success btn-sm" href="https://forum.iconclass.org/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stars" viewBox="0 0 16 16"> 68 <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936
68a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/> 69</svg>Forum</a> 70 71 </div> 72 </div> 73 </div> 74 </header> 75 76 77<div class="container mb-5"> 78 <div class="row"> 79 80 <div class="form-signin col-6"> 81 <form> 82 <h1 class="h3 mb-3 fw-normal">Please login</h1> 83 84 <div class="form-floating"> 85 <input type="email" class="form-control" id="emailInput" placeholder="[email protected]" 86 style="margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;"> 87 <label for="emailInput">Email address</label> 88 </div> 89 90 <div class="form-floating"> 91 <input type="password" class="form-control" id="passwordInput" placeholder="Password" 92 style="margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0;"> 93 <label for="passwordInput">Password</label> 94 </div> 95 <button class="w-100 btn btn-lg btn-primary" type="submit" id="signinButton">Sign in</button> 96 97 </form> 98 </div> 99 100 <div class="col-6 p-5"> 101 <h4>New user?</h4> 102 <p>If you haven't yet, you can also <a id="registerNew" href="/register">register a new account</a></p> 103 </div> 104 </div> 105 <div class="row"> 106 <div class="col m-5"> 107 <h4>Help!</h4> 108 <span id="helptext">I forgot my password, <a href="/passwordreset">can you send me a reset link?</a></span> 109 <div id="reminderMsg" style="margin-top: 1rem"></div> 110 </div> 111 </div> 112</div> 113
114<script type="text/javascript"> 115document.getElementById("emailInput").focus() 116 117 118async function doLogin(username, password) { 119 var response = await fetch("/token", { 120 method: 'POST', mode: 'cors', body: "username="+ username+"&password="+password, credentials: 'same-origin', 121 headers: {'Content-Type': 'application/x-www-form-urlencoded'} 122 }) 123 if(response.status === 200) { 124 var data = await response.json() 125 var age = 60*60*24*30 // 30 days age 126 document.cookie = "access_token="+data.access_token+"; samesite=strict max-age="+age 127 if(data.return_url) { 128 document.location = data.return_url 129 } else { 130 document.location = "/" 131 } 132 133 } else { 134 document.getElementById("reminderMsg").innerHTML = "<b>Alas, that email and password combination did not work<b>" 135 document.getElementById("emailInput").focus() 136 } 137} 138 139document.getElementById("signinButton").addEventListener("click", function(event) { 140 event.preventDefault() 141 var emailAddress = document.getElementById("emailInput").value 142 var aPassword = document.getElementById("passwordInput").value 143 if(emailAddress && aPassword) { 144 doLogin(emailAddress, aPassword) 145 } else { 146 document.getElementById("reminderMsg").innerHTML = "<b>Make sure you fill in both an email address and a password<b>" 147 document.getElementById("emailInput").focus() 148 } 149}) 150</script>
150 151 152 153 <footer class="p-2 bg-light" style="border-top: 4px solid #cfcccc;"> 154 <div class="container-fluid"> 155 <div class="row"> 156 <div class="col-sm-3"> 157 <h5>ICONCLASS</h5> 158 <div>Wijngaardenlaan 42</div> 159 <div>2252 XP Voorschoten</div> 160 <div>The Netherlands</div> 161 </div> 162 <div class="col-sm-3"> 163 <div> 164 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"> 165 <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/> 166 </svg> <a class="btn" href="mailto:[email protected]">[email protected]</a> 167 </div> 168 <a href="https://github.com/iconclass/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16"> 169 <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/> 170 </svg></a> 171 172 <ul> 173 <li style="list-style-type: none"><a class="btn" href="/help/api">API</a></li> 174 </ul> 175 176 177 </div> 178 179 180 <div class="col-sm-6"> 181 <ul> 182 <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/team">About the team</a></li> 183 <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/terms">Terms of Use</a></li> 184 <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/privacy">Privacy Policy</a></li> 185 <li style="list-style-type: none"><a style="margin: 0" class="btn" href="https://forms.gle/twPq7swQZXmSX46G8" target="_feedback">Feedback</a></li> 186 </ul> 187 </div> 188 </div> 189 </div> 190 </footer> 191 </body> 192
192<script> 193 document.IC_LANG = ""; 194 195 </script>
195 196</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.