215107782c
- Add production build files to repository for easy access and CDN usage - Remove dist/ from .gitignore to track built files - Includes all 37 HTML pages, CSS/JS assets, and images - Fresh build with latest fixes (smart paths, sidebar navigation, updated CDNs) This allows users to: - Access built files directly from GitHub - Use GitHub as CDN (via jsdelivr.net/gh/...) - Download ready-to-use files without building locally
52 lines
5.9 KiB
HTML
52 lines
5.9 KiB
HTML
<!DOCTYPE html><html lang="en"> <!--begin::Head--> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>AdminLTE 4 | Lockscreen</title><!--begin::Accessibility Meta Tags--><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"><meta name="color-scheme" content="light dark"><meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)"><!--end::Accessibility Meta Tags--><!--begin::Primary Meta Tags--><meta name="title" content="AdminLTE 4 | Lockscreen"><meta name="author" content="ColorlibHQ"><meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."><meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"><!--end::Primary Meta Tags--><!--begin::Accessibility Features--><!-- Skip links will be dynamically added by accessibility.js --><meta name="supported-color-schemes" content="light dark"><link rel="preload" href="../css/adminlte.css" as="style"><!--end::Accessibility Features--><!--begin::Fonts--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous" media="print" onload="this.media='all'"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/styles/overlayscrollbars.min.css" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)--><link rel="stylesheet" href="../css/adminlte.css"><!--end::Required Plugin(AdminLTE)--></head> <!--end::Head--> <!--begin::Body--> <body class="lockscreen bg-body-secondary"> <div class="lockscreen-wrapper"> <div class="lockscreen-logo"> <a href="../index2.html"><b>Admin</b>LTE</a> </div> <div class="lockscreen-name">John Doe</div> <div class="lockscreen-item"> <div class="lockscreen-image"> <img src="/assets/img/user1-128x128.jpg" alt="User Image"> </div> <form class="lockscreen-credentials"> <div class="input-group"> <input type="password" class="form-control shadow-none" placeholder="password"> <div class="input-group-text border-0 bg-transparent px-1"> <button type="button" class="btn shadow-none"> <i class="bi bi-box-arrow-right text-body-secondary"></i> </button> </div> </div> </form> </div> <div class="help-block text-center">
|
|
Enter your password to retrieve your session
|
|
</div> <div class="text-center"> <a href="login.html" class="text-decoration-none">Or sign in as a different user</a> </div> <div class="lockscreen-footer text-center">
|
|
Copyright © 2014-2025
|
|
<b><a href="https://adminlte.io" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">AdminLTE.io</a></b> <br>
|
|
All rights reserved
|
|
</div> </div> <!--begin::Third Party Plugin(OverlayScrollbars)--><script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.11.0/browser/overlayscrollbars.browser.es6.min.js" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)--><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)--><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.min.js" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)--><script src="../js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure--><script>
|
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper"
|
|
const Default = {
|
|
scrollbarTheme: "os-theme-light",
|
|
scrollbarAutoHide: "leave",
|
|
scrollbarClickScroll: true
|
|
}
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER)
|
|
if (
|
|
sidebarWrapper &&
|
|
OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined
|
|
) {
|
|
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
|
scrollbars: {
|
|
theme: Default.scrollbarTheme,
|
|
autoHide: Default.scrollbarAutoHide,
|
|
clickScroll: Default.scrollbarClickScroll
|
|
}
|
|
})
|
|
}
|
|
})
|
|
</script> <!--end::OverlayScrollbars Configure--><!-- Image path runtime fix --><script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
// Find the link tag for the main AdminLTE CSS file.
|
|
const cssLink = document.querySelector('link[href*="css/adminlte.css"]');
|
|
if (!cssLink) {
|
|
return; // Exit if the link isn't found
|
|
}
|
|
|
|
// Extract the base path from the CSS href.
|
|
// e.g., from "../css/adminlte.css", we get "../"
|
|
// e.g., from "./css/adminlte.css", we get "./"
|
|
const cssHref = cssLink.getAttribute('href');
|
|
const deploymentPath = cssHref.slice(0, cssHref.indexOf('css/adminlte.css'));
|
|
|
|
// Find all images with absolute paths and fix them.
|
|
document.querySelectorAll('img[src^="/assets/"]').forEach(img => {
|
|
const originalSrc = img.getAttribute('src');
|
|
if (originalSrc) {
|
|
const relativeSrc = originalSrc.slice(1); // Remove leading '/'
|
|
img.src = deploymentPath + relativeSrc;
|
|
}
|
|
});
|
|
});
|
|
</script> </body><!--end::Body--></html> |