CINXE.COM
Digital Collections Contact Form
<!DOCTYPE html> <html xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:dlxs="http://dlxs.org" xmlns:qui="http://dlxs.org/quombat/ui" lang="en" data-root="/digital-collections-style-guide/" data-username="" data-view="feedback" data-initialized="false" style="opacity: 0" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Digital Collections Contact Form</title> <meta name="robots" content="noindex" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link href="https://cdn.jsdelivr.net/npm/@umich-lib/web@1/umich-lib.css" rel="stylesheet" /> <link href="/digital-collections-style-guide/dist/css/text/style.css" rel="stylesheet" /> <link href="/digital-collections-style-guide/dist/css/feedback.css" rel="stylesheet" /> <script> window.mUse = [ 'm-website-header', 'm-logo' ]; </script> <script type="module" src="https://cdn.jsdelivr.net/npm/@umich-lib/web@1/dist/umich-lib/umich-lib.esm.js"></script> <script nomodule="" src="https://cdn.jsdelivr.net/npm/@umich-lib/web@1/dist/umich-lib/umich-lib.js"></script> <script src="/digital-collections-style-guide/dist/js/image/main.js"></script> <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback" async="async" defer="defer"></script> <style></style> </head> <body class="[ font-base-family ]" style="padding-top: 80px"> <div style="width: 770px; max-width: 95%; margin: 0 auto"> <div style="margin-left: -40px"> <m-website-header name="Digital Collections" to="/samples/"></m-website-header> </div> <main class="[ ]" style="margin-top: 0"> <div class="welcome-message"> <p>Do you have <strong>questions about this content?</strong> Need to <strong>report a problem?</strong> Thanks for taking the time to write.</p> </div> <form method="GET" action="/cgi/f/feedback/feedback" id="feedback-form"> <div class="form--container"> <label for="email">Your name</label> <div class="form--control"> <input type="text" name="name" id="name" required="required" /> </div> <p class="[ hint flex ][ mt-0 ]"><span aria-hidden="true" class="material-icons" style="margin-right: 0.25rem">info</span> This field is required. </p> </div> <div class="form--container"> <label for="email">Your email</label> <div class="form--control"> <input type="text" name="email" id="email" required="required" /> </div> <p class="[ hint flex ][ mt-0 ]"><span aria-hidden="true" class="material-icons" style="margin-right: 0.25rem">info</span> This field is required. </p> </div> <fieldset class="form--container"> <legend class="mb-0">What are you contacting us for?</legend> <div class="form--control"> <div class="form--input--radio"> <input type="radio" value="content" name="to" id="to-1" checked="checked" /> <label for="to-1">I'm asking about this content</label> </div> <div class="form--input--radio"> <input type="radio" value="tech" name="to" id="to-2" /> <label for="to-2">I'm reporting a problem using this collection</label> </div> </div> </fieldset> <input type="hidden" name="includeusername" value="yes" /> <div class="form--container"> <label for="url">If you'd like tell us about a specific page, please copy and paste the URL here.</label> <div class="form--control"> <input type="text" name="url" id="url" class="w-100" /> </div> <p class="[ hint ][ mt-0 ]"> We've supplied the URL of the last page you visited. </p> </div> <div class="form--container"> <label for="comments">Ask a question or leave us a comment.</label> <div class="form--control"> <textarea name="comments" id="comments" required="required"></textarea> </div> <p class="[ hint flex ][ mt-0 ]"><span aria-hidden="true" class="material-icons" style="margin-right: 0.25rem">info</span> This field is required. </p> </div> <fieldset class="form--container"> <legend>Status</legend> <p class="[ hint flex ][ mt-0 mb-0 ]"><span aria-hidden="true" class="material-icons" style="margin-right: 0.25rem; color: var(--color-green-300)">check_circle</span> This field is optional. </p> <div class="form--control"> <div class="form--input--radio"> <input type="radio" value="student" name="status" id="status-1" /> <label for="status-1">U-M Student</label> </div> <div class="form--input--radio"> <input type="radio" value="faculty" name="status" id="status-2" /> <label for="status-2">U-M Faculty</label> </div> <div class="form--input--radio"> <input type="radio" value="alumni" name="status" id="status-3" /> <label for="status-3">U-M Alumni</label> </div> <div class="form--input--radio"> <input type="radio" value="library-staff" name="status" id="status-4" /> <label for="status-4">U-M Library Staff</label> </div> <div class="form--input--radio"> <input type="radio" value="staff" name="status" id="status-5" /> <label for="status-5">U-M Staff</label> </div> <div class="form--input--radio"> <input type="radio" value="retired" name="status" id="status-6" /> <label for="status-6">Retired U-M Faculty or Staff</label> </div> <div class="form--input--radio"> <input type="radio" value="other" name="status" id="status-7" /> <label for="status-7">Other U-M Affiliated</label> </div> <div class="form--input--radio"> <input type="radio" value="guest" name="status" id="status-8" /> <label for="status-8">Not affiliated with U-M</label> </div> </div> </fieldset> <div class="form--container" style="align-items: center"> <div class="g-recaptcha" data-sitekey="6Ldah1EUAAAAAH7Cvi-8QDaDgRtGtW7oqA_GZ4ha"></div> </div> <div class="" style="text-align: right"> <button class="button button--cta" type="submit">Submit</button> </div> <input type="hidden" name="id" value="cme" /> <input type="hidden" name="return" value="https://quod.lib.umich.edu/c/cme/" /> <input type="hidden" name="m" value="cme" /> <input type="hidden" name="" value="1" id="session-id" /> </form> </main> </div> <footer class="[ footer ][ mt-2 ]"> <div class="viewport-container"> <div class="[ footer__content ]"> <section> <h2>University of Michigan Library</h2> <ul> <li> <a href="https://lib.umich.edu/"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path> </svg> <span> U-M Library</span> </a> </li> <li> <a href="https://www.lib.umich.edu/about-us/about-library/diversity-equity-inclusion-and-accessibility/accessibility"> <svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 24 24" width="16" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M0 0h24v24H0z" fill="none"></path> <circle cx="17" cy="4.54" r="2"></circle> <path d="M14 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm3-3.5h-1.86l1.67-3.67C17.42 8.5 16.44 7 14.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L7.22 10l1.92.53L9.79 9H12l-1.83 4.1c-.6 1.33.39 2.9 1.85 2.9H17v5h2v-5.5c0-1.1-.9-2-2-2z"></path> </svg> <span>Accessibility</span> </a> </li> <li> <a href="https://www.lib.umich.edu/about-us/policies/library-privacy-statement"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path> </svg> <span>Library Privacy Statement</span> </a> </li> </ul> </section> <section> <h2>Digital Collections</h2> <ul> <li> <a href="https://quod.lib.umich.edu/"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"></path> </svg> <span>Browse all digital collections</span> </a> </li> <li> <a href="https://www.lib.umich.edu/collections/digital-collections"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path> </svg> <span>About these digital collections</span> </a> </li> <li> <a href="https://www.lib.umich.edu/about-us/our-divisions-and-departments/library-information-technology/digital-content-and"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M20 0H4v2h16V0zM4 24h16v-2H4v2zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 2.75c1.24 0 2.25 1.01 2.25 2.25s-1.01 2.25-2.25 2.25S9.75 10.24 9.75 9 10.76 6.75 12 6.75zM17 17H7v-1.5c0-1.67 3.33-2.5 5-2.5s5 .83 5 2.5V17z"></path> </svg> <span>About Digital Content and Collections</span> </a> </li> <li> <a href=""> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M0 0h24v24H0z" fill="none"></path> <path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"></path> </svg> <span>How to use this site</span> </a> </li> </ul> </section> <section class="[ footer__policies ]"> <h2>Policies and Copyright</h2> <p> Copyright permissions may be different for each digital collection. Please check the <a href="#rights-statement">Rights and Permissions</a> section on a specific collection for information. </p> <p> <a href="https://www.lib.umich.edu/about-us/policies/takedown-policy-sensitive-information-u-m-digital-collections">Takedown Policy for Sensitive Information in U-M Digital Collections</a> </p> </section> <section style="display: none"> <h2>Contact Us</h2> <ul> <li> <a href="/cgi/f/feedback?collid=cme&to=tech"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"></path> </svg> <span>Report problems using this collection</span> </a> </li> <li> <a href="/cgi/f/feedback?collid=cme&to=content"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"></path> </svg> <span>Ask about this content</span> </a> </li> <li> <a href="/cgi/f/feedback?collid=cme&to=dcc"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="img"> <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path> </svg> <span>Ask about our digital collections</span> </a> </li> </ul> </section> </div> </div> <div class="[ footer__disclaimer ]"> <div class="viewport-container"> <p> 漏 2024 , Regents of the University of Michigan </p> <p> Built with the <a href="https://design-system.lib.umich.edu/">U-M Library Design System</a></p> </div> </div> </footer> <script> var onloadCallback = function() { }; function getCookie (name) { let value = `; ${document.cookie}`; let parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } document.querySelector('#url').value = document.querySelector('input[name="return"]').value; let $form = document.querySelector('#feedback-form'); $form.addEventListener('submit', function(event) { if ( ! $form.checkValidity() ) { return ; } event.preventDefault(); let params = new URLSearchParams(); params.append('g-recaptcha-response', document.querySelector('#g-recaptcha-response').value); fetch('/cgi/f/feedback/validatecaptcha', { method: 'POST', mode: 'same-origin', cache: 'no-cache', credentials: 'same-origin', body: params }) .then(function(resp) { return resp.text(); }) .then(function(text) { if ( text.indexOf('SUCCESS') == -1 ) { alert("NOPE"); } else { document.querySelector('#session-id').setAttribute('name', getCookie('DLXSsid')); $form.submit(); } }) .catch(function(error) { console.log(error); }); }); </script> </body> </html>