added new bootstrap css and js for login and create account

This commit is contained in:
2026-10-18 18:42:24 -04:00
parent 387612fd14
commit a1643eb1b7
14 changed files with 12852 additions and 199 deletions
+162 -165
View File
@@ -1,12 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" encoding="utf-8" indent="yes"/>
<!-- Parameters -->
<xsl:param name="VERSION">1.0</xsl:param>
<xsl:param name="APPLICATION_NAME"></xsl:param>
<xsl:param name="APPLICATION_NAME"/>
<xsl:param name="NAVIGATION_AREA_WIDTH">xxl</xsl:param>
<xsl:param name="CONTENT_AREA_WIDTH">xxl</xsl:param>
@@ -14,7 +13,7 @@
<xsl:template match="/">
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html></xsl:text>
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
<html lang="en" data-bs-theme="{$THEME}">
@@ -30,12 +29,13 @@
<link rel="icon" type="image/x-icon" href="images/baseproject-logo.png"/>
<link href="css/themes/Sandstone/bootstrap.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/base.css?version={$VERSION}" rel="stylesheet" media="screen" />
<link href="css/bootstrap-datepicker.min.css?version={$VERSION}" rel="stylesheet" media="screen" />
<link href="css/bootstrap-select.min.css?version={$VERSION}" rel="stylesheet" media="screen" />
<link href="css/themes/MyHuntingClubRoster/bootstrap.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/base.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/bootstrap-datepicker.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/bootstrap-select.min.css?version={$VERSION}" rel="stylesheet" media="screen"/>
<link href="css/themes/MyHuntingClubRoster/huntroster-theme.css?version={$VERSION}" rel="stylesheet"/>
<script src="js/jquery-3.2.0.min.js?version={$VERSION}"/>
<script src="js/bootstrap.bundle.min.js?version={$VERSION}"/>
<script src="js/base.js?version={$VERSION}"/>
@@ -48,12 +48,9 @@
</head>
<body>
<body class="hr-app">
<xsl:if test="$THEME = 'Sandstone'">
<xsl:attribute name="class">bg-light bg-opacity-50</xsl:attribute>
</xsl:if>
<a href="#main-content" class="hr-skip btn btn-primary">Skip to content</a>
<script type="text/javascript">
var msie = /msie\s|trident/i.test(window.navigator.userAgent);
if (msie) {
@@ -63,205 +60,205 @@
<input type="hidden" id="APPLICATION_MNEMONIC" value="{$APPLICATION_MNEMONIC}"/>
<nav class="navbar navbar-expand-lg fixed-top bg-primary navbar-dark">
<div class="container-xxl">
<a class="navbar-brand ms-1 me-0" href="./" aria-label="Home" data-bs-toggle="tooltip" data-bs-title="Home" data-bs-custom-class="custom-tooltip" data-bs-placement="right" data-bs-offset="0,5">
<!--<i class="bi bi-cloud me-2"></i>-->
<aside class="hr-sidebar offcanvas-lg offcanvas-start" id="hr-sidebar" tabindex="-1" aria-label="Main navigation">
<a href="./" class="hr-brand">
<i class="bi bi-tree" aria-hidden="true"/>
<span>
<xsl:value-of select="$APPLICATION_NAME"/>
</a>
</span>
</a>
<button type="button" class="btn-close btn-close-white d-lg-none position-absolute top-0 end-0 m-3" data-bs-dismiss="offcanvas" data-bs-target="#hr-sidebar" aria-label="Close navigation"/>
<div class="offcanvas-body">
<div class="hr-sidebar-caption">Club workspace</div>
<ul class="navbar-nav">
<button type="button" class="navbar-toggler p-0" data-bs-toggle="collapse" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle Navigation">
<span class="navbar-toggler-icon"></span>
</button>
<li class="nav-item">
<a class="nav-link user-subscriptions" href="javascript:void(0);">
<i class="bi bi-credit-card me-1" aria-hidden="true"/>
PAYMENTS
</a>
</li>
<!-- MANAGE/REPORTS/SETUP is only available to Administrators -->
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
<!-- <li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>-->
<li class="nav-item dropdown">
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link user-subscriptions" href="javascript:void(0);">
<i class="bi bi-credit-card me-1" aria-hidden="true"/>
PAYMENTS
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-kanban me-1" aria-hidden="true"/>
MANAGE
</a>
</li>
<!-- MANAGE/REPORTS/SETUP is only available to Administrators -->
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
<!-- <li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>-->
<li class="nav-item dropdown">
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-kanban me-1" aria-hidden="true"/>
MANAGE
</a>
<div class="dropdown-menu mt-2 pt-0 pb-0">
<div class="dropdown-menu mt-2 pt-0 pb-0">
<a class="dropdown-item ps-2 manage-business-facts" href="javascript:void(0);">
<i class="bi bi-briefcase me-2"/>Business Facts</a>
<a class="dropdown-item ps-2 manage-business-facts" href="javascript:void(0);">
<i class="bi bi-briefcase me-2"/>Business Facts</a>
<a class="dropdown-item ps-2 manage-permit-facts" href="javascript:void(0);">
<i class="bi bi-hammer me-2"/>Permits Facts</a>
<a class="dropdown-item ps-2 manage-permit-facts" href="javascript:void(0);">
<i class="bi bi-hammer me-2"/>Permits Facts</a>
<a class="dropdown-item ps-2 manage-planningzoning-facts" href="javascript:void(0);">
<i class="bi bi-rulers me-2"/>Planning/Zoning Facts</a>
<a class="dropdown-item ps-2 manage-planningzoning-facts" href="javascript:void(0);">
<i class="bi bi-rulers me-2"/>Planning/Zoning Facts</a>
</div>
</div>
</li>
</li>
<li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>
<li class="nav-item">
<a class="nav-link select-report" href="javascript:void(0);">
<i class="bi bi-printer me-1" aria-hidden="true"/>
REPORTS
</a>
</li>
<!-- <li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>
<li class="nav-item">
<a class="nav-link run-developer-stub" href="javascript:void(0);">
<i class="bi bi-code me-1" aria-hidden="true"/>
DEV STUB
</a>
</li>-->
</xsl:if>
<li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>
<li class="nav-item">
<a class="nav-link start-support-ticket" href="javascript:void(0);">
<i class="bi bi-question-circle me-1" aria-hidden="true"/>
SUPPORT
<a class="nav-link select-report" href="javascript:void(0);">
<i class="bi bi-printer me-1" aria-hidden="true"/>
REPORTS
</a>
</li>
<!-- <li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>
<li class="nav-item">
<a class="nav-link run-developer-stub" href="javascript:void(0);">
<i class="bi bi-code me-1" aria-hidden="true"/>
DEV STUB
</a>
</li>-->
</xsl:if>
</ul>
<li class="nav-link disabled">
<xsl:text> | </xsl:text>
</li>
<ul class="navbar-nav user-dropdown ms-0">
<li class="nav-item">
<a class="nav-link start-support-ticket" href="javascript:void(0);">
<i class="bi bi-question-circle me-1" aria-hidden="true"/>
SUPPORT
</a>
</li>
</ul>
<li class="nav-item dropdown">
<div class="hr-sidebar-foot">MyHuntRoster · Club management</div>
</div>
</aside><!-- Content Area -->
<a href="javascript:void(0);" class="nav-link ps-2 dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">
<span class="username me-1">
<span>
<i class="bi bi-person-circle me-2" aria-hidden="true"></i>
</span>
<xsl:value-of select="$USER_FULL_NAME"/>
<div class="hr-workspace">
<header class="hr-topbar">
<div class="d-flex align-items-center gap-3">
<button type="button" class="btn btn-outline-primary d-lg-none" data-bs-toggle="offcanvas" data-bs-target="#hr-sidebar" aria-controls="hr-sidebar" aria-label="Open navigation">
<i class="bi bi-list" aria-hidden="true"/>
</button>
<span class="fw-semibold">Club management</span>
</div>
<ul class="navbar-nav user-dropdown">
<li class="nav-item dropdown">
<a href="javascript:void(0);" class="nav-link ps-2 dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">
<span class="username me-1">
<span>
<i class="bi bi-person-circle me-2" aria-hidden="true"/>
</span>
</a>
<xsl:value-of select="$USER_FULL_NAME"/>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right mt-2 pt-0 pb-0">
<div class="dropdown-menu dropdown-menu-end mt-2 pt-0 pb-0">
<!-- <a class="dropdown-item ps-2 my-account" href="javascript:void(0);">
<i class="bi bi-person me-2"/>My Account</a>-->
<!-- <a class="dropdown-item ps-2 my-account" href="javascript:void(0);">
<i class="bi bi-person me-2"/>My Account</a>-->
<a class="dropdown-item ps-2 toggle-theme" href="javascript:void(0);">
<i class="bi bi-moon me-2"/>Toggle Dark/Light</a>
<a class="dropdown-item ps-2 toggle-theme" href="javascript:void(0);">
<i class="bi bi-moon me-2"/>Toggle Dark/Light</a>
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
<xsl:if test="$USER_ROLE = 'Administrator' or $USER_ROLE = 'System Administrator'">
<div class="dropdown-divider mt-1 mb-1"/>
<div class="dropdown-divider mt-1 mb-1"/>
<a class="dropdown-item ps-2 setup-alerts" href="javascript:void(0);">
<i class="bi bi-info-circle me-2"/>Alerts</a>
<a class="dropdown-item ps-2 setup-alerts" href="javascript:void(0);">
<i class="bi bi-info-circle me-2"/>Alerts</a>
<a class="dropdown-item ps-2 setup-dropdowntypes" href="javascript:void(0);">
<i class="bi bi-caret-down-square me-2"/>Dropdown Types
</a>
<a class="dropdown-item ps-2 setup-dropdowntypes" href="javascript:void(0);">
<i class="bi bi-caret-down-square me-2"/>Dropdown Types
</a>
<a class="dropdown-item ps-2 setup-dropdowns" href="javascript:void(0);">
<i class="bi bi-caret-down me-2"/>Dropdowns
</a>
<a class="dropdown-item ps-2 setup-dropdowns" href="javascript:void(0);">
<i class="bi bi-caret-down me-2"/>Dropdowns
</a>
<a class="dropdown-item ps-2 setup-popovers" href="javascript:void(0);">
<i class="bi bi-chat-left-dots me-2"/>Popovers
</a>
<a class="dropdown-item ps-2 setup-popovers" href="javascript:void(0);">
<i class="bi bi-chat-left-dots me-2"/>Popovers
</a>
<a class="dropdown-item ps-2 setup-reports" href="javascript:void(0);">
<i class="bi bi-printer me-2"/>Reports
</a>
<a class="dropdown-item ps-2 setup-reports" href="javascript:void(0);">
<i class="bi bi-printer me-2"/>Reports
</a>
<a class="dropdown-item ps-2 setup-statuses" href="javascript:void(0);">
<i class="bi bi-card-checklist me-2"/>Statuses
</a>
<a class="dropdown-item ps-2 setup-statuses" href="javascript:void(0);">
<i class="bi bi-card-checklist me-2"/>Statuses
</a>
<!-- <a class="dropdown-item ps-2 setup-subscriptions" href="javascript:void(0);">
<i class="bi bi-list-check me-2"/>Subscriptions
</a>
-->
<!-- <a class="dropdown-item ps-2 setup-subscriptions" href="javascript:void(0);">
<i class="bi bi-list-check me-2"/>Subscriptions
</a>
-->
<div class="dropdown-divider mt-1 mb-1"></div>
<div class="dropdown-divider mt-1 mb-1"/>
<a class="dropdown-item ps-2 setup-users" href="javascript:void(0);">
<i class="bi bi-person-circle me-2"/>Users
</a>
<a class="dropdown-item ps-2 setup-users" href="javascript:void(0);">
<i class="bi bi-person-circle me-2"/>Users
</a>
<a class="dropdown-item ps-2 view-journal" href="javascript:void(0);">
<i class="bi bi-journal me-2"/>Journal
</a>
<a class="dropdown-item ps-2 view-journal" href="javascript:void(0);">
<i class="bi bi-journal me-2"/>Journal
</a>
<!-- <a class="dropdown-item ps-2 view-support-tickets" href="javascript:void(0);">
<i class="bi bi-question-circle me-2"/>Support Tickets
</a>-->
<!-- <a class="dropdown-item ps-2 view-support-tickets" href="javascript:void(0);">
<i class="bi bi-question-circle me-2"/>Support Tickets
</a>-->
<div class="dropdown-divider mt-1 mb-1"/>
<div class="dropdown-divider mt-1 mb-1"/>
</xsl:if>
</xsl:if>
<a class="dropdown-item ps-2 sign-out" href="javascript:void(0);">
<i class="bi bi-box-arrow-left me-2"/>Sign Out</a>
<a class="dropdown-item ps-2 sign-out" href="javascript:void(0);">
<i class="bi bi-box-arrow-left me-2"/>Sign Out</a>
</div>
</div>
</li>
</li>
</ul>
</ul>
</header>
<main class="container-xxl content" id="main-content" tabindex="-1">
$$$-CONTENT-$$$
</main>
<footer id="footer">
<div class="col text-center mt-3 lh-1">
<div class="m-0 p-0">
<small class="text-muted pb-4">Copyright © <span>
<xsl:value-of select="$COPYRIGHT"/>
|
</span> OneSource IT Solutions | All Rights Reserved</small>
</div>
</div>
</div>
</nav>
<!-- Content Area -->
<div class="container-xxl content">
$$$-CONTENT-$$$
</div>
</footer>
<!-- Footer -->
<footer id="footer">
<div class="col text-center mt-3 lh-1">
<div class="m-0 p-0">
<small class="text-muted pb-4">Copyright © <span>
<xsl:value-of select="$COPYRIGHT"/>
|
</span> OneSource IT Solutions | All Rights Reserved</small>
</div>
</div>
</footer>
</div><!-- Footer -->
<!-- Spinner Modal Dialog -->
+133
View File
@@ -0,0 +1,133 @@
<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:param name="APPLICATION_NAME">MyHuntRoster</xsl:param>
<xsl:param name="PAGE_TITLE">Create your account to get started.</xsl:param>
<xsl:param name="FORM_NAME">signUp</xsl:param>
<xsl:param name="BTN_SUBMIT"></xsl:param>
<xsl:param name="REGISTER_ACTION"></xsl:param>
<xsl:param name="BTN_SIGNIN">?Xaction=signin</xsl:param>
<xsl:param name="SIGNUP_ERROR"></xsl:param>
<xsl:param name="SIGNUP_SUCCESSFUL"></xsl:param>
<xsl:param name="USER_FIRST_NAME"></xsl:param>
<xsl:param name="USER_LAST_NAME"></xsl:param>
<xsl:param name="USER_EMAIL"></xsl:param>
<xsl:param name="USER_NAME"></xsl:param>
<xsl:param name="CSRF_TOKEN"></xsl:param>
<xsl:param name="VERSION"></xsl:param>
<xsl:output method="html" encoding="UTF-8" indent="yes"/>
<xsl:template match="/">
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
<html lang="en" data-bs-theme="light">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="robots" content="noindex"/>
<title>Create account · <xsl:value-of select="$APPLICATION_NAME"/></title>
<link href="css/bootstrap.css?version={$VERSION}" rel="stylesheet"/>
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet"/>
<link href="images/baseproject-logo.png" rel="icon" type="image/png"/>
<link rel="stylesheet" href="css/signIn.css?version={$VERSION}"/>
</head>
<body>
<div class="login-shell">
<aside class="login-story" aria-label="About MyHuntRoster">
<a href="./" class="login-brand">
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
</svg>
<span>
<xsl:value-of select="$APPLICATION_NAME"/>
</span>
</a>
<div class="story-copy">
<div class="eyebrow">Less paperwork. More outdoors.</div>
<h1>Your club.<br/>Your people.<br/>Your season.</h1>
<p>A simpler way to keep your hunting club connected, organized, and ready for what’s next.</p>
</div>
<svg class="landscape" viewBox="0 0 600 400" preserveAspectRatio="xMidYMax slice" aria-hidden="true">
<path fill="#254e3c" d="M0 180Q150 70 320 200T600 140V400H0Z"/>
<path fill="#102e24" d="M0 300Q200 160 380 280T600 210V400H0Z"/>
<g fill="#0d291f">
<path d="m70 145-45 100h27l-39 75h44v80h25v-80h44l-39-75h28Z"/>
<path d="m505 105-50 120h30l-44 90h50v85h28v-85h50l-44-90h30Z"/>
<path d="m400 205-32 75h18l-27 60h31v60h20v-60h31l-27-60h18Z"/>
</g>
</svg>
<div class="story-footer">Built around the way your club works.</div>
</aside>
<main class="login-panel" id="main-content">
<div class="login-form-wrap">
<a href="./" class="login-brand mobile-brand">
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
</svg>
<span>
<xsl:value-of select="$APPLICATION_NAME"/>
</span>
</a>
<div class="panel-label">Create account</div>
<h2>Your next season starts here.</h2>
<p class="login-intro">
<xsl:value-of select="$PAGE_TITLE"/>
</p>
<xsl:if test="string-length(normalize-space($SIGNUP_ERROR)) &gt; 0">
<div class="alert alert-danger" role="alert">
<xsl:value-of select="$SIGNUP_ERROR"/>
</div>
</xsl:if>
<xsl:if test="$SIGNUP_SUCCESSFUL = 'TRUE'">
<div class="alert alert-success" role="alert">Your account request has been received. Follow the instructions provided by your club administrator to complete access.</div>
</xsl:if>
<xsl:if test="$SIGNUP_SUCCESSFUL != 'TRUE'">
<form action="{$BTN_SUBMIT}" name="{$FORM_NAME}" id="{$FORM_NAME}" method="post" data-create-account="true">
<xsl:if test="string-length(normalize-space($REGISTER_ACTION)) &gt; 0">
<input type="hidden" name="action" value="{$REGISTER_ACTION}"/>
</xsl:if>
<xsl:if test="string-length($CSRF_TOKEN) &gt; 0">
<input type="hidden" name="csrf_token" value="{$CSRF_TOKEN}"/>
</xsl:if>
<div class="row g-3">
<div class="col-sm-6">
<label for="user_first_name" class="form-label">First name</label>
<input type="text" id="user_first_name" name="user_first_name" class="form-control" autocomplete="given-name" required="required" value="{$USER_FIRST_NAME}"/>
</div>
<div class="col-sm-6">
<label for="user_last_name" class="form-label">Last name</label>
<input type="text" id="user_last_name" name="user_last_name" class="form-control" autocomplete="family-name" required="required" value="{$USER_LAST_NAME}"/>
</div>
<div class="col-12">
<label for="user_email" class="form-label">Email address</label>
<input type="email" id="user_email" name="user_email" class="form-control" autocomplete="email" required="required" value="{$USER_EMAIL}" autocapitalize="none" spellcheck="false"/>
</div>
<div class="col-12">
<label for="user_name" class="form-label">Username</label>
<input type="text" id="user_name" name="user_name" class="form-control" autocomplete="username" required="required" value="{$USER_NAME}" autocapitalize="none" spellcheck="false"/>
</div>
<div class="col-12">
<label for="user_password" class="form-label">Password</label>
<input type="password" id="user_password" name="user_password" class="form-control" autocomplete="new-password" required="required"/>
</div>
<div class="col-12">
<label for="user_password_confirm" class="form-label">Confirm password</label>
<input type="password" id="user_password_confirm" name="user_password_confirm" class="form-control" autocomplete="new-password" required="required" aria-describedby="confirm-password-help"/>
<div id="confirm-password-help" class="form-text">Enter your password again.</div>
</div>
</div>
<button type="submit" class="btn btn-primary w-100 mt-4 btnSignUp">Create account</button>
<p class="small text-secondary mt-3 mb-0">Your club administrator manages club membership and access.</p>
</form>
</xsl:if>
<p class="login-help">Already have an account? <a href="{$BTN_SIGNIN}">Sign in</a></p>
<div class="login-bottom">
<div class="mb-2">Unauthorized Access is Prohibited</div>
<span>OneSource IT Solutions · </span>
<xsl:value-of select="$APPLICATION_NAME"/>
</div>
</div>
</main>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
+129
View File
@@ -0,0 +1,129 @@
<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" encoding="UTF-8" indent="yes"/>
<!-- Parameters -->
<xsl:param name="APPLICATION_NAME">My Hunting Club Roster</xsl:param>
<xsl:param name="PAGE_TITLE">Sign in to your hunting club workspace.</xsl:param>
<xsl:param name="FORM_NAME">login</xsl:param>
<xsl:param name="BTN_SUBMIT"></xsl:param>
<xsl:param name="BTN_RESET_PASSWORD">./?Xaction=resetpassword</xsl:param>
<xsl:param name="INVALID_SIGNIN"></xsl:param>
<xsl:param name="RESET_PASSWORD_SUCCESSFUL"></xsl:param>
<xsl:param name="VERSION"></xsl:param>
<xsl:template match="/">
<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
<html lang="en" data-bs-theme="light">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="robots" content="noindex"/>
<title>Sign in · <xsl:value-of select="$APPLICATION_NAME"/></title>
<link href="css/themes/MyHuntingClubRoster/bootstrap.css?version={$VERSION}" rel="stylesheet"/>
<link href="css/bootstrap-icons.min.css?version={$VERSION}" rel="stylesheet"/>
<link href="css/signin.css" rel="stylesheet"/>
<link href="images/MyHuntRoster_Logo.png" rel="icon" type="image/png"/>
<script src="js/jquery-3.2.0.min.js?version={$VERSION}"> </script>
<script src="js/bootstrap.bundle.min.js?version={$VERSION}"> </script>
<script src="js/login.js?version={$VERSION}"></script>
</head>
<body>
<div class="login-shell">
<aside class="login-story" aria-label="About MyHuntRoster">
<a href="./" class="login-brand">
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
</svg>
</a>
<div class="story-copy">
<div class="eyebrow">Less paperwork. More outdoors.</div>
<h1>Your club.<br/>Your people.<br/>Your season.</h1>
<p>A simpler way to keep your hunting club connected, organized, and ready for what’s next.</p>
</div>
<svg class="landscape" viewBox="0 0 600 400" preserveAspectRatio="xMidYMax slice" aria-hidden="true">
<path fill="#254e3c" d="M0 180Q150 70 320 200T600 140V400H0Z"/>
<path fill="#102e24" d="M0 300Q200 160 380 280T600 210V400H0Z"/>
<g fill="#0d291f">
<path d="m70 145-45 100h27l-39 75h44v80h25v-80h44l-39-75h28Z"/>
<path d="m505 105-50 120h30l-44 90h50v85h28v-85h50l-44-90h30Z"/>
<path d="m400 205-32 75h18l-27 60h31v60h20v-60h31l-27-60h18Z"/>
</g>
</svg>
<div class="story-footer">Built around the way your club works.</div>
</aside>
<main class="login-panel" id="main-content">
<div class="login-form-wrap">
<a href="./" class="login-brand mobile-brand">
<svg class="brand-mark" viewBox="0 0 36 40" aria-hidden="true">
<path fill="currentColor" d="M18 1 5 18h7L2 31h13v8h6v-8h13L24 18h7Z"/>
</svg>
<span>
<xsl:value-of select="$APPLICATION_NAME"/>
</span>
</a>
<div class="mb-4">
<img src="images/MyHuntRoster_Logo.png"
alt="{$APPLICATION_NAME}"
class="img-fluid"
style="max-width: 340px; max-height: 140px; object-fit: contain;"/>
</div>
<h2>Welcome!</h2>
<p class="login-intro">
<xsl:value-of select="$PAGE_TITLE"/>
</p>
<xsl:if test="$INVALID_SIGNIN = 'TRUE'">
<div class="alert alert-danger" role="alert">Invalid username or password.</div>
</xsl:if>
<xsl:if test="$RESET_PASSWORD_SUCCESSFUL = 'TRUE'">
<div class="alert alert-info" role="alert">If an account exists for the email address provided, you will receive an email containing a temporary password and a link to reset your password.</div>
</xsl:if>
<form action="{$BTN_SUBMIT}" name="{$FORM_NAME}" method="post" id="{$FORM_NAME}">
<input type="hidden" name="action" value="Users.login"/>
<input type="hidden" name="step" value="authenticate"/>
<div class="mb-4">
<label class="form-label" for="user_email">Email Address</label>
<input type="text" class="form-control" id="user_email" name="user_email" autocomplete="email" maxlength="128" placeholder="Enter Email Address" autofocus="autofocus"/>
</div>
<div class="mb-3">
<label class="form-label" for="user_password">Password</label>
<input id="user_password" name="user_password" type="password" class="form-control" autocomplete="current-password" maxlength="128" placeholder="Enter password"/>
</div>
<div class="d-grid gap-2 mt-4">
<button type="submit" class="btn btn-primary btnSignIn" style="min-height:48px">Sign In</button>
<button type="button" class="btn btn-warning btnSignUp" style="min-height:44px">Sign Up for New Account</button>
<button type="button" class="btn btn-outline-secondary btnForgot" style="min-height:44px">Forgot/Reset Password</button>
</div>
</form>
<form action="{$BTN_RESET_PASSWORD}" name="reset-password" method="post" id="reset-password">
<input type="hidden" id="reset_user_email" name="user_email"/>
</form>
<p class="login-help">Need access to your club?<br/>Contact your club administrator to get started.</p>
<div class="login-bottom">
<div class="mb-2">Unauthorized Access is Prohibited</div>
<xsl:value-of select="$APPLICATION_NAME"/>
<span> · A product of OneSource IT Solutions</span>
</div>
</div>
</main>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>