minor fix

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>

html/output.html

 <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>