No notes defined.

{{ render '@skip-nav' }}
{{> @header }}
<main id="maincontent">
  {{ render '@call-to-action' }}
  {{ render '@login' }}
  {{ render '@home-stats' }}
  {{ render '@blog' }}
</main>
{{ render '@footer' }}
{
  "template_home": true,
  "logged_in": true
}
<a href="#maincontent" class="c-skipnav">Skip to main content</a>

<header class="c-header">
    <a class="c-logo-dmptool" href="/">
        <picture>
            <source srcset="../../ui-assets/logo-dmptool-large.svg" media="(min-width: 50rem)" width="272" height="73">
            <img src="../../ui-assets/logo-dmptool-small.svg" alt="DMPTool logo" width="208" height="37">
        </picture>
    </a>

    <div class="c-headermenugroup">
        <!-- This menu uses accessibility techniques from: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html -->

        <div id="js-user-profile" class="c-profile c-headermenu">
            <button id="js-user-profile__button" class="c-headermenu__button" aria-label="Jane Doe profile" aria-haspopup="true">Jane Doe</button>
            <ul id="js-user-profile__menu" class="c-headermenu__menu" hidden>
                <li><a role="menuitem" href="https://dmptool.org/users/edit">Edit profile</a></li>
                <li><a role="menuitem" href="https://dmptool.org/users/third_party_apps">3rd party applications</a></li>
                <li><a role="menuitem" href="https://dmptool.org/users/developer_tools">Developer tools</a></li>
                <li><a role="menuitem" href="https://dmptool.org/users/sign_out">Sign out</a></li>
            </ul>
        </div>

        <!-- This menu uses accessibility techniques from: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html -->

        <div id="js-language" class="c-language c-headermenu">
            <button id="js-language__button" class="c-headermenu__button" aria-haspopup="true">Language</button>
            <ul id="js-language__menu" class="c-headermenu__menu" hidden>
                <li><a role="menuitem" href="https://dmptool.org/locale/en-US">English (US)</a></li>
                <li lang="pt"><a role="menuitem" href="https://dmptool.org/locale/pt-BR">Português (Brasil)</a></li>
            </ul>
        </div>

    </div>
    <button id="js-navtoggle" class="c-navtoggle" aria-label="main navigation"></button>

    <nav aria-label="main" id="js-headernav" class="c-headernav">
        <ul>
            <li><a href="">Dashboard</a></li>
            <li><a href="">Funder Requirements</a></li>
            <li><a href="">Public DMPs</a></li>
            <li><a href="">Help</a></li>
        </ul>
    </nav>
    <div class="c-subheader">
        <a class="c-logo-org" href="https://www.ucmerced.edu">
            <img src="../../ui-assets/logo-ucm.svg" alt="UC Merced logo" width="104" height="39">
        </a>

        <div class="c-headermenugroup">
            <!-- This menu uses accessibility techniques from: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html -->

            <div id="js-admin" class="c-admin c-headermenu">
                <button id="js-admin__button" class="c-headermenu__button" aria-haspopup="true" aria-label="administrator menu">
                    Admin
                </button>
                <ul id="js-admin__menu" class="c-headermenu__menu" hidden>
                    <li><a role="menuitem" href="/super_admin/api_clients">Api Clients</a></li>
                    <li><a role="menuitem" href="/org/admin/guidance/15/admin_index">Guidance</a></li>
                    <li><a role="menuitem" href="/super_admin/notifications">Notifications</a></li>
                    <li><a role="menuitem" href="/org/admin/15/admin_edit">Organization details</a></li>
                    <li><a role="menuitem" href="/org_admin/plans">Plans</a></li>
                    <li><a role="menuitem" href="/org_admin/templates">Templates</a></li>
                    <li><a role="menuitem" href="/super_admin/themes">Themes</a></li>
                    <li><a role="menuitem" href="/usage">Usage</a></li>
                    <li><a role="menuitem" href="/org/admin/users/admin_index">Users</a></li>
                </ul>
            </div>

        </div>

        <ul class="c-links-org">
            <li>
                <a class="c-links-org__ucop" target="_blank" href="http://www.ucop.edu/">UCOP website</a>
            </li>
            <li>
                <a class="c-links-org__uc3-helpdesk" href="mailto:uc3@ucop.edu">UC3 Helpdesk</a>
            </li>
        </ul>

    </div>
</header>
<main id="maincontent">
    <div class="c-calltoaction js-heroimage">
        <h1>Create Data Management Plans that meet requirements and promote your research</h1>
    </div>

    <section class="c-login js-login">
        <header class="c-login__header">
            <h2>Sign In / Sign Up</h2>
            <p class="c-login__required-field js-login__required-field" hidden>required field</p>
        </header>
        <p role="alert" class="c-login__invalid-notification js-login__invalid-notification" hidden></p>
        <form action="" class="novalidate">
            <div id="login-email" class="c-textfield js-textfield ">
                <label for="email_1">Email address </label>
                <input id="email_1" type="email" name="" autocomplete="email" value="" list="" minlength="" maxlength="" aria-describedby="description_1" class="require-me">
                <div id="description_1" class="c-textfield__general-description">For SSO, use institutional address.</div>
                <div id="" class="c-textfield__invalid-description js-invalid-description" hidden></div>
            </div>
            <button type="submit">Continue</button>
        </form>
        <footer class="c-login__footer">
            <p>Problems signing in? <a href="">Contact us</a>.</p>
        </footer>
    </section>

    <div class="c-home-stats">
        <ul>
            <li class="c-home-stats__users">12,345,678 Users</li>
            <li class="c-home-stats__participants"><a href="">123 Participating Institutions</a></li>
            <li class="c-home-stats__plans">12,345,678 Plans</li>
        </ul>
    </div>

    <section class="c-blog" role="marquee">
        <header>
            <h2>Latest News from DMPTool</h2>
        </header>
        <!-- This example content is generated by the Rails application: -->
        <input type="hidden" id="j-blog__array" value='[{\"title\":\"FAIR Island Project Receives NSF Funding\",\"link\":\"https://blog.dmptool.org/2021/09/16/fair-island-project-receives-nsf-funding/\"},{\"title\":\"Connecting the DMP ID to an ORCID record\",\"link\":\"https://blog.dmptool.org/2021/07/21/connecting-the-dmp-id-to-an-orcid-record/\"},{\"title\":\"DMP Competition Winners: DMPs so good they go to 11\",\"link\":\"https://blog.dmptool.org/2021/05/19/dmp-competition-winners-dmps-so-good-they-go-to-11/\"},{\"title\":\"DMP IDs and the DMPTool: Announcing DMPTool v. 3.1\",\"link\":\"https://blog.dmptool.org/2021/04/20/dmp-ids-and-the-dmptool-announcing-dmptool-v-3-1/\"},{\"title\":\"A Brave New PID: DMP-IDs\",\"link\":\"https://blog.dmptool.org/2021/04/08/a-brave-new-pid-dmp-ids/\"}]'>
        <div id="j-blog__content" class="c-blog__content">
            <!-- blog-carousel.js parses the content above and adds items one at a time as a link here -->
        </div>
        <footer>
            <a href="">View all news</a>
            <ul class="c-social">
                <li><a class="c-social__icon-twitter" href="https://twitter.com/TheDMPTool" target="_blank"><span class="c-social__sr-only">TheDMPTool on Twitter (opens new window)</span></a></li>
                <li><a class="c-social__icon-rss" href="https://blog.dmptool.org/feed/" target="_blank"><span class="c-social__sr-only">DMPTool RSS feed (opens new window)</span></a></li>
            </ul>

        </footer>
    </section>

</main>
<footer class="c-footer">
    <a class="c-logo-cdl" href="https://cdlib.org">
        <img src="../../ui-assets/logo-cdl.svg" alt="California Digital Library logo" width="104" height="39" loading="lazy">
    </a>

    <nav aria-label="footer" class="c-footernav">
        <ul>
            <li><a href="">About</a></li>
            <li><a href="">Contact Us</a></li>
            <li><a href="">Terms of Use</a></li>
            <li><a href="">Privacy Statement</a></li>
            <li><a href="">GitHub</a></li>
            <li><a href="">Accessibility</a></li>
            <li><a href="">Site Map</a></li>
        </ul>
    </nav>

    <div class="c-copyright">
        <p>DMPTool is a service of the <a href="https://cdlib.org">California Digital Library</a>, a division of the <a href="https://www.universityofcalifornia.edu">University of California Office of the President</a>. Version: v3.1.5</p>

        <p>&copy; 2021 The Regents of the University of California</p>
    </div>

</footer>