Updated for bootstrap 5.3.x

This commit is contained in:
billz 2024-10-24 00:13:44 -07:00
parent 363bcba144
commit 3f8dea4053

View File

@ -8,7 +8,7 @@
* Recommended distribution is Raspberry Pi OS (64-bit) Lite. Specific instructions to install the supported software are * Recommended distribution is Raspberry Pi OS (64-bit) Lite. Specific instructions to install the supported software are
* in the README and original post by @SirLagz. For a quick run through, the packages required for the WebGUI are: * in the README and original post by @SirLagz. For a quick run through, the packages required for the WebGUI are:
* lighttpd (version 1.4.69 installed via apt) * lighttpd (version 1.4.69 installed via apt)
* php-cgi (version 8.2.20 installed via apt) * php-cgi (version 8.2.24 installed via apt)
* along with their supporting packages, php8.2 will also need to be enabled. * along with their supporting packages, php8.2 will also need to be enabled.
* *
* @author Lawrence Yau <sirlagz@gmail.com> * @author Lawrence Yau <sirlagz@gmail.com>
@ -57,21 +57,18 @@ initializeApp();
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<?php echo CSRFMetaTag() ?> <?php echo CSRFMetaTag() ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<title><?php echo _("RaspAP WiFi Configuration Portal"); ?></title> <title><?php echo _("RaspAP WiFi Configuration Portal"); ?></title>
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
<link href="dist/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="dist/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- SB-Admin-2 CSS --> <!-- SB-Admin CSS -->
<link href="dist/sb-admin-2/css/sb-admin-2.min.css" rel="stylesheet"> <link href="dist/sb-admin/css/styles.css" rel="stylesheet">
<!-- DataTables CSS -->
<link href="dist/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
<!-- Huebee CSS --> <!-- Huebee CSS -->
<link href="dist/huebee/huebee.min.css" rel="stylesheet"> <link href="dist/huebee/huebee.min.css" rel="stylesheet">
@ -94,47 +91,44 @@ initializeApp();
<meta name="msapplication-config" content="app/icons/browserconfig.xml"> <meta name="msapplication-config" content="app/icons/browserconfig.xml">
<meta name="msapplication-TileColor" content="#b91d47"> <meta name="msapplication-TileColor" content="#b91d47">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head> </head>
<body id="page-top">
<!-- Page Wrapper --> <body class="sb-nav-fixed">
<div id="wrapper"> <!-- Navbar -->
<!-- Sidebar --> <?php require_once 'includes/navbar.php'; ?>
<?php require_once 'includes/sidebar.php'; ?> <!-- End of Navbar -->
<!-- End of Sidebar --> <div id="layoutSidenav">
<!-- Content Wrapper --> <div id="layoutSidenav_nav">
<div id="content-wrapper" class="d-flex flex-column"> <nav class="sb-sidenav accordion sb-sidenav-light id="sidenavAccordion">
<!-- Main Content --> <div class="sb-sidenav-menu">
<div id="content"> <div class="nav">
<!-- Topbar --> <!-- Sidebar -->
<?php require_once 'includes/navbar.php'; ?> <?php require_once 'includes/sidebar.php'; ?>
<!-- End of Topbar --> <!-- End of Sidebar -->
<!-- Begin Page Content --> </div>
<div class="container-fluid"> </div>
<?php require_once 'includes/page_actions.php'; ?> </nav>
</div><!-- /.container-fluid --> </div>
</div><!-- End of Main Content --> <div id="layoutSidenav_content">
<!-- Footer --> <main>
<footer class="sticky-footer bg-grey-100"> <div class="container-fluid mt-2">
<div class="container my-auto"> <?php require_once 'includes/page_actions.php'; ?>
<div class="copyright text-center my-auto"> </div>
<span></span> </main>
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">Copyright &copy; Your Website 2023</div>
<div>
<a href="#">Privacy Policy</a>
&middot;
<a href="#">Terms &amp; Conditions</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>
<!-- End Footer --> </div>
</div><!-- End of Content Wrapper --> </div>
</div><!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top" style="display: inline;">
<i class="fas fa-angle-up"></i>
</a>
<!-- jQuery --> <!-- jQuery -->
<script src="dist/jquery/jquery.min.js"></script> <script src="dist/jquery/jquery.min.js"></script>
@ -147,8 +141,8 @@ initializeApp();
<!-- Chart.js JavaScript --> <!-- Chart.js JavaScript -->
<script src="dist/chart.js/Chart.min.js"></script> <script src="dist/chart.js/Chart.min.js"></script>
<!-- SB-Admin-2 JavaScript --> <!-- SB-Admin JavaScript -->
<script src="dist/sb-admin-2/js/sb-admin-2.js"></script> <script src="dist/sb-admin/js/scripts.js"></script>
<!-- jQuery Mask plugin --> <!-- jQuery Mask plugin -->
<script src="dist/jquery-mask/jquery.mask.min.js"></script> <script src="dist/jquery-mask/jquery.mask.min.js"></script>
@ -159,3 +153,4 @@ initializeApp();
<?php loadFooterScripts($extraFooterScripts); ?> <?php loadFooterScripts($extraFooterScripts); ?>
</body> </body>
</html> </html>