diff --git a/base.php b/base.php index 5897afa5c9a2a662c862ba22d448a82c8a3c00ec..b15f212d13bfe4b7d9c3571a57149a79f79e8a56 100644 --- a/base.php +++ b/base.php @@ -5,6 +5,10 @@ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <!-- LOAD Highlight CSS --> + <link rel="stylesheet" + href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github.min.css"> + <!-- LOAD Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" @@ -49,6 +53,12 @@ crossorigin="anonymous"> </script> + <!-- LOAD Hightlight JS --> + <!-- Include the Highlight.js library --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script> + <!-- Initialize Highlight.js --> + <script>hljs.highlightAll();</script> + <?php if ($active == 'form'): ?> <script src="js/form.js"></script> <?php endif; ?> @@ -78,9 +88,11 @@ <!-- BEGIN Navigation Bar --> <nav class="navbar navbar-light navbar-expand-sm navbar-light bg-light"> <div class="container justify-content-center w-980p"> - <a href="index.php" class="navbar-brand h-color"> + <!-- + <a href="about.php" class="navbar-brand h-color"> LAMEC </a> + --> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" @@ -92,6 +104,13 @@ </button> <div class="collapse navbar-collapse flex-grow-0" id="navbarNav"> <ul class="navbar-nav"> + <li class="nav-item"> + <a href="about.php" + class="nav-link <?php echo ($active == 'about' ? 'active' : ''); ?>"> + <!-- Home --> + Home + </a> + </li> <li class="nav-item"> <a href="index.php" class="nav-link <?php echo ($active == 'form' ? 'active' : ''); ?>"> @@ -104,12 +123,6 @@ Status </a> </li> - <li class="nav-item"> - <a href="about.php" - class="nav-link <?php echo ($active == 'about' ? 'active' : ''); ?>"> - About - </a> - </li> </ul> </div> </div> diff --git a/html/output.html b/html/output.html index 01014a42f109d80c95e68f3c442b162999b8b25a..2d3d9530df5b6d657d55dddfa96f4af0b78cad1b 100644 --- a/html/output.html +++ b/html/output.html @@ -1,4 +1,24 @@ <div class="mb-3"> + <!-- <label for="output" class="form-label"><b>Your start script:</b></label> <textarea id="jobscript-output" rows="20" class="form-control"><?php echo $output ?></textarea> + --> + <ol class="breadcrumb"> + <li class="breadcrumb-item">Systems</li> + <li class="breadcrumb-item">Software</li> + <li class="breadcrumb-item">Configure</li> + <li class="breadcrumb-item active">Jobscript</li> + </ol> + + <pre><code id="code" class="language-bash border"><?php echo $output ?></code></pre> + <button onclick="copyCode()"> + Copy + </button> </div> +<script> + function copyCode() { + var element = document.getElementById("code"); + console.log(element.textContent); + navigator.clipboard.writeText(element.textContent); + } +</script>