CINXE.COM
ICONCLASS
<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>ICONCLASS</title> <link rel="icon" type="image/vnd.microsoft.icon" href="/static/favicon.ico" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" /> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script> <style> body {background-color: #e2ddd8;} </style> <style> .form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; } .form-signin .form-floating:focus-within { z-index: 2; } </style> </head> <body> <header class="p-3" style="border-bottom: 2px solid #ccc; background-color: #eee;"> <div class="container-fluid"> <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"> <li> <a href="/" title="The Homepage" class="nav-link px-2 text-secondary">ICONCLASS</a> </li> <li> <a href="/en/_" title="Browse and Search in the the ICONCLASS system " class="nav-link px-2 link-success">Browse & Search</a> </li> <li> <a href="/help/about" class="nav-link px-2" title="More documentation on using the system">Documentation</a> </li> <li> <a href="/help/plus" class="nav-link px-2" title="Help on searching">Help</a> </li> <li> <a href="/help/upgrade" class="nav-link px-2" title="How to become a consortium member" style="color: red">Upgrade</a> </li> </ul> <div class="text-end"> <a href="/login" type="button" class="btn btn-warning btn-sm">Login</a> <a class="btn btn-info btn-sm" href="https://forms.gle/twPq7swQZXmSX46G8" target="_feedback">Feedback</a> <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"> <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.936a.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"/> </svg>Forum</a> </div> </div> </div> </header> <div class="container mb-5"> <div class="row"> <div class="form-signin col-8"> <form> <h1 class="h3 mb-3 fw-normal">Register a new account</h1> <div class="form-floating mt-4 mb-1"> <strong>E-Mail</strong> Please enter your email, this will be used as your username. </div> <div class="form-floating"> <input type="email" class="form-control" id="emailInput" placeholder="name@example.com" style="margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;"> <label for="floatingInput">Email address, name@example.com</label> </div> <div class="form-floating mt-4 mb-1"> <strong>Name</strong> Please enter your name, or a pseudonym, to be used on the site. </div> <div class="form-floating"> <input type="username" class="form-control" id="usernameInput" placeholder="Your name, eg. Jane Smith" style="margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0;"> <label for="floatingInput">Your name, eg. Jane Smith</label> </div> <button class="w-100 btn btn-lg btn-primary" type="submit" id="signupButton">Sign up</button> </form> <div id="reminderMsg" style="margin-top: 1rem"></div> </div> <div class="col-4 p-3"> <p>After registering, you will be sent an email to confirm your address and choose a new password.</p> <p><em>Please keep an eye on your SPAM box in case the registration mail gets lost there.</em></p> <h4>Why should you bother registering?</h4> <p>Good question! It allows you to see the sample images, to illustrate the system. You can also upload and describe your own images, or catalog image URLs you find elsewhere on the web</p> <p>It is also possible to save settings to make using the site easier, like the default language used for ICONCLASS texts.</p> </div> </div> </div> <script type="text/javascript"> document.getElementById("emailInput").focus() async function doRegister(username, email) { var response = await fetch("/newuser", { method: 'POST', mode: 'cors', body: "username=" + encodeURIComponent(username) + "&email="+email, credentials: 'same-origin', headers: {'Content-Type': 'application/x-www-form-urlencoded'} }) if(response.status === 200) { document.location="/help/thanks_for_registering" } else { document.getElementById("reminderMsg").innerHTML = "<b>Sorry, something went wrong registering this email and username<b>" document.getElementById("emailInput").focus() } } document.getElementById("signupButton").addEventListener("click", function(event) { event.preventDefault() var emailAddress = document.getElementById("emailInput").value var username = document.getElementById("usernameInput").value if(emailAddress && username) { doRegister(username, emailAddress) } else { document.getElementById("reminderMsg").innerHTML = "<b>Make sure you fill in both an email address and a name<b>" if(emailAddress) { document.getElementById("usernameInput").focus() } else { document.getElementById("emailInput").focus() } } }) </script> <footer class="p-2 bg-light" style="border-top: 4px solid #cfcccc;"> <div class="container-fluid"> <div class="row"> <div class="col-sm-3"> <h5>ICONCLASS</h5> <div>Wijngaardenlaan 42</div> <div>2252 XP Voorschoten</div> <div>The Netherlands</div> </div> <div class="col-sm-3"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"> <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"/> </svg> <a class="btn" href="mailto:info@iconclass.org">info@iconclass.org</a> </div> <a href="https://twitter.com/IconclassOrg"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16"> <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/> </svg></a> <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"> <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"/> </svg></a> <ul> <li style="list-style-type: none"><a class="btn" href="/help/api">API</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/team">About the team</a></li> <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/terms">Terms of Use</a></li> <li style="list-style-type: none"><a style="margin: 0" class="btn" href="/help/privacy">Privacy Policy</a></li> <li style="list-style-type: none"><a style="margin: 0" class="btn" href="https://forms.gle/twPq7swQZXmSX46G8" target="_feedback">Feedback</a></li> </ul> </div> </div> </div> </footer> </body> <script> document.IC_LANG = ""; </script> </html>