testeranto 0.189.0 → 0.198.0

package/example.css

@@ -1,351 +0,0 @@
-  body {
-    cursor: pointer;
-    overflow: hidden;
-    background-color: black;
-  }
-
-  #sun {
-    position: absolute;
-    top: 0px;
-    left: 0%;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, circle, rgba(242, 248, 247, 1) 0%, rgba(249, 249, 28, 1) 3%, rgba(247, 214, 46, 1) 8%, rgba(248, 200, 95, 1) 12%, rgba(201, 165, 132, 1) 30%, rgba(115, 130, 133, 1) 51%, rgba(46, 97, 122, 1) 85%, rgba(24, 75, 106, 1) 100%);
-    background: -moz-radial-gradient(bottom, circle, rgba(242, 248, 247, 1) 0%, rgba(249, 249, 28, 1) 3%, rgba(247, 214, 46, 1) 8%, rgba(248, 200, 95, 1) 12%, rgba(201, 165, 132, 1) 30%, rgba(115, 130, 133, 1) 51%, rgba(46, 97, 122, 1) 85%, rgba(24, 75, 106, 1) 100%);
-    background: -ms-radial-gradient(bottom, circle, rgba(242, 248, 247, 1) 0%, rgba(249, 249, 28, 1) 3%, rgba(247, 214, 46, 1) 8%, rgba(248, 200, 95, 1) 12%, rgba(201, 165, 132, 1) 30%, rgba(115, 130, 133, 1) 51%, rgba(46, 97, 122, 1) 85%, rgba(24, 75, 106, 1) 100%);
-
-    z-index: 10;
-    opacity: 0.5;
-  }
-
-  #sunDay {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, circle, rgba(252, 255, 251, 0.9) 0%, rgba(253, 250, 219, 0.4) 30%, rgba(226, 219, 197, 0.01) 70%, rgba(226, 219, 197, 0.0) 70%, rgba(201, 165, 132, 0) 100%);
-    background: -moz-radial-gradient(bottom, circle, rgba(252, 255, 251, 0.9) 0%, rgba(253, 250, 219, 0.4) 30%, rgba(226, 219, 197, 0.01) 70%, rgba(226, 219, 197, 0.0) 70%, rgba(201, 165, 132, 0) 100%);
-    background: -ms-radial-gradient(bottom, circle, rgba(252, 255, 251, 0.9) 0%, rgba(253, 250, 219, 0.4) 30%, rgba(226, 219, 197, 0.01) 70%, rgba(226, 219, 197, 0.0) 70%, rgba(201, 165, 132, 0) 100%);
-
-    z-index: 999;
-    opacity: 0.5;
-  }
-
-  #moon {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(40% 55%, circle, rgba(249, 249, 250, 1) -1%, rgba(189, 255, 254, 1) 1%, rgba(8, 49, 78, 1) 1%, rgba(8, 26, 56, 1) 10%, rgba(4, 16, 46, 1) 40%, rgba(2, 8, 13, 1) 70%);
-    background: -moz-radial-gradient(40% 55%, circle, rgba(249, 249, 250, 1) -1%, rgba(189, 255, 254, 1) 1%, rgba(8, 49, 78, 1) 1%, rgba(8, 26, 56, 1) 10%, rgba(4, 16, 46, 1) 40%, rgba(2, 8, 13, 1) 70%);
-    background: -ms-radial-gradient(40% 55%, circle, rgba(249, 249, 250, 1) -1%, rgba(189, 255, 254, 1) 1%, rgba(8, 49, 78, 1) 1%, rgba(8, 26, 56, 1) 10%, rgba(4, 16, 46, 1) 40%, rgba(2, 8, 13, 1) 70%);
-
-    z-index: 10001;
-    opacity: 0;
-  }
-
-  #sunSet {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, circle, rgba(254, 255, 255, 0.8) 5%, rgba(236, 255, 0, 1) 10%, rgba(253, 50, 41, 1) 25%, rgba(243, 0, 0, 1) 40%, rgba(93, 0, 0, 1) 100%);
-    background: -moz-radial-gradient(bottom, circle, rgba(254, 255, 255, 0.8) 5%, rgba(236, 255, 0, 1) 10%, rgba(253, 50, 41, 1) 25%, rgba(243, 0, 0, 1) 40%, rgba(93, 0, 0, 1) 100%);
-    background: -ms-radial-gradient(bottom, circle, rgba(254, 255, 255, 0.8) 5%, rgba(236, 255, 0, 1) 10%, rgba(253, 50, 41, 1) 25%, rgba(243, 0, 0, 1) 40%, rgba(93, 0, 0, 1) 100%);
-
-    z-index: 999;
-    opacity: 0.3;
-  }
-
-  #sky {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 5;
-    background: -webkit-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: -moz-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: -ms-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    opacity: 0.52;
-  }
-
-  #starsContainer {
-    -webkit-perspective: 350;
-    -moz-perspective: 350;
-    perspective: 350;
-    -webkit-perspective-origin: 50% 300%;
-    perspective-origin: 50% 300%;
-    -moz-perspective-origin: 50% 300%;
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    left: -50%;
-    width: 200%;
-    height: 50%;
-    z-index: 10000;
-    opacity: 0;
-    display: none;
-  }
-
-  #stars {
-    background-repeat: repeat;
-    background: url(stars.jpg);
-    position: absolute;
-    width: 200%;
-    height: 200%;
-    left: -50%;
-    bottom: 0px;
-    opacity: 0.5;
-    -webkit-transform: rotateX(-90eg);
-    transform: rotateX(-90deg);
-    -moz-transform: rotateX(-90deg);
-    -ms-transform: rotateX(-90deg);
-  }
-
-  #mountainRange {
-    position: absolute;
-    left: 0px;
-    width: 100%;
-    bottom: 50%;
-    display: none;
-    z-index: 999;
-  }
-
-  .star {
-    position: absolute;
-    display: block;
-    color: #fff;
-    width: 0px;
-    height: 0px;
-    border-right: 10px solid transparent;
-    border-bottom: 7px solid #fff;
-    border-left: 10px solid transparent;
-    -moz-transform: rotate(35deg);
-    -webkit-transform: rotate(35deg);
-    -ms-transform: rotate(35deg);
-    -o-transform: rotate(35deg);
-    z-index: 999;
-    opacity: 0.09;
-    display: none;
-  }
-
-  .star:before {
-    border-bottom: 8px solid #fff;
-    border-left: 3px solid transparent;
-    border-right: 3px solid transparent;
-    position: absolute;
-    height: 0;
-    width: 0;
-    top: -5px;
-    left: -6px;
-    display: block;
-    content: '';
-    -webkit-transform: rotate(-35deg);
-    -moz-transform: rotate(-35deg);
-    -ms-transform: rotate(-35deg);
-    -o-transform: rotate(-35deg);
-  }
-
-  .star:after {
-    position: absolute;
-    display: block;
-    color: #fff;
-    top: 0px;
-    left: -10px;
-    width: 0px;
-    height: 0px;
-    border-right: 10px solid transparent;
-    border-bottom: 7px solid #fff;
-    border-left: 10px solid transparent;
-    -webkit-transform: rotate(-70deg);
-    -moz-transform: rotate(-70deg);
-    -ms-transform: rotate(-70deg);
-    -o-transform: rotate(-70deg);
-    content: '';
-  }
-
-  #mountain {
-    border-bottom: 100px solid #000;
-    border-right: 100px solid transparent;
-    border-width-right: 50%;
-    width: 0px;
-    height: 0px;
-    position: absolute;
-    left: 0px;
-    bottom: 50%;
-    z-index: 999;
-  }
-
-  #horizon {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    z-index: 5;
-    background: -webkit-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: -moz-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: -ms-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    opacity: 0.99;
-  }
-
-  #horizonNight {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    z-index: 10000;
-    background: -webkit-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: -moz-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: -ms-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    opacity: 0;
-  }
-
-  #darknessOverlaySky {
-    background-color: #000;
-    opacity: 0;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 9999;
-  }
-
-  #darknessOverlay {
-    cursor: default;
-    background-color: #000;
-    opacity: 0;
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 99;
-  }
-
-  #waterDistance {
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.0) 10%, rgba(0, 0, 0, 0.20) 44%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.62) 100%);
-    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.0) 10%, rgba(0, 0, 0, 0.20) 44%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.62) 100%);
-    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.0) 10%, rgba(0, 0, 0, 0.20) 44%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 0.62) 100%);
-    z-index: 20;
-  }
-
-  #water {
-    overflow: hidden;
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: -moz-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: -ms-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-
-    z-index: 10;
-  }
-
-  #waterReflectionContainer {
-    -webkit-perspective: 30;
-    perspective: 30;
-    -webkit-perspective-origin: 50% -12%;
-    perspective-origin: 50% -12%;
-    overflow: hidden;
-    position: absolute;
-    top: 50%;
-    left: -3%;
-    width: 103%;
-    height: 50%;
-    z-index: 25;
-  }
-
-  #waterReflectionMiddle {
-    position: absolute;
-    top: 0px;
-    left: -50%;
-    width: 200%;
-    height: 55%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(50% 0px, rgba(247, 177, 72, 1) 3%, rgba(248, 175, 65, 1) 6%, rgba(207, 62, 30, 0.4) 35%, rgba(176, 91, 48, 0.1) 45%, rgba(141, 88, 47, 0.0) 60%, rgba(116, 82, 63, 0.0) 70%, rgba(44, 65, 68, 0.0) 80%, rgba(7, 19, 31, 0.0) 100%);
-    background: -moz-radial-gradient(50% 0px, rgba(247, 177, 72, 1) 3%, rgba(248, 175, 65, 1) 6%, rgba(207, 62, 30, 0.4) 35%, rgba(176, 91, 48, 0.1) 45%, rgba(141, 88, 47, 0.0) 60%, rgba(116, 82, 63, 0.0) 70%, rgba(44, 65, 68, 0.0) 80%, rgba(7, 19, 31, 0.0) 100%);
-    background: -ms-radial-gradient(50% 0px, rgba(247, 177, 72, 1) 3%, rgba(248, 175, 65, 1) 6%, rgba(207, 62, 30, 0.4) 35%, rgba(176, 91, 48, 0.1) 45%, rgba(141, 88, 47, 0.0) 60%, rgba(116, 82, 63, 0.0) 70%, rgba(44, 65, 68, 0.0) 80%, rgba(7, 19, 31, 0.0) 100%);
-
-    z-index: 999;
-    opacity: 0.7;
-    -webkit-transform: rotateX(45deg);
-  }
-
-  #waterReflectionMiddleThin {
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat;
-    background: -webkit-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: -moz-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: -ms-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-
-    z-index: 999;
-
-    -webkit-transform: rotateX(45deg);
-    -moz-transform: rotateX(45deg);
-    -ms-transform: rotateX(45deg);
-    transform: rotateX(45deg);
-  }
-
-  #division {
-    height: 5px;
-    width: 100%;
-    position: absolute;
-    top: 50%;
-    bottom: 50%;
-    background-color: rgba(000, 14, 24, 0.0);
-    z-index: 9999;
-    cursor: ns-resize;
-  }
-
-  #coor {
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    z-index: 999;
-    color: #fff;
-  }
-
-  #oceanRipple {
-    background-image: repeating-linear-gradient(175deg, rgba(165, 165, 165, 0.08) 43%, rgba(175, 175, 175, 0.08) 45%, rgba(235, 235, 235, 0.08) 49%, rgba(195, 195, 195, 0.08) 50%, rgba(165, 165, 165, 0.08) 54%);
-    opacity: 0.5;
-    position: absolute;
-    left: 0%;
-    bottom: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 10;
-  }

package/index.html

@@ -1,138 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Testeranto</title>
-    
-    <!-- Prism.js CSS -->
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet" />
-
-    <!-- load style AFTER prism -->
-    <link rel="stylesheet" href="style.css">
-    
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-typescript.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            Prism.highlightAll();
-            
-            const parallaxBg = document.querySelector('.parallax-background');
-            if (parallaxBg) {
-                window.addEventListener('scroll', function() {
-                    const scrollPosition = window.pageYOffset;
-                    parallaxBg.style.transform = 'translateY(' + scrollPosition + 'px)';
-                });
-            }
-        });
-    </script>
-    
-</head>
-
-<body>
-
-    <div class="container" style="padding-bottom: 5rem;">
-        <div class="row">
-            <div class="col-xs-0 col-sm-0 col-md-1">
-            </div>
-
-            <div class="col-xs-12 col-sm-12 col-md-10">
-                <div id="container">
-                    <div class="hero-section">
-  <div class="container">
-    <div class="row align-items-center">
-
-      <!-- <div class="col-md-2">
-
-      </div> -->
-      <div class="col-md-10">
-        <h1>Testeranto</h1>
-        <h2>The AI-powered BDD test framework for typescript projects</h2>
-
-
-      </div>
-      <!-- <div class="col-md-12">
-
-        <ul class="cta-buttons">
-          <a href="https://github.com/adamwong246/testeranto" class="btn btn-primary">Star on GitHub</a>
-          <li><a href="README.html">README</a></li>
-          <li><a href="docs/index.html">docs</a></li>
-        </ul>
-
-        <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY">
-        </iframe>
-        
-        <video width="320" height="240" controls>
-          <source src="output/project.mp4" type="video/mp4">
-
-          Your browser does not support the video tag.
-        </video>
-      </div> -->
-    </div>
-  </div>
-</div>
-
-<div class="features-section">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-4 feature-card">
-        <h3>✨ Vibe Coding grows up</h3>
-        <p>Harness the power of LLM generated code with the control of a BDD framework.</p>
-      </div>
-      <div class="col-md-4 feature-card">
-        <h3>🧠 Precision Context</h3>
-        <p>Testeranto tests conserve the LLM's limited context. This means you can get better results out of cheaper
-          models.</p>
-      </div>
-      <div class="col-md-4 feature-card">
-        <h3>🤖 Tests so nice they fix themselves!</h3>
-        <p>When a test fails, just press the magic robot button. Testeranto will call an LLM service with a precise
-          prompt fix it.</p>
-      </div>
-    </div>
-  </div>
-</div>
-                </div>
-            </div>
-        
-            <div class="col-xs-0 col-sm-0 col-md-1">
-        </div>
-    </div>
-
-    <div class="container-fluid">
-        <nav class="navbar fixed-bottom navbar-light bg-light">
-            <div class="container-fluid justify-content-center">
-                <ul class="nav">
-                    <li class="nav-item">
-                        <a class="nav-link" href="README.html">README</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="docs.html">Docs</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://github.com/adamwong246/testeranto" target="_blank">GitHub</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://www.npmjs.com/package/testeranto" target="_blank">NPM</a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-    </div>
-
-
-
-
-    
-
-    
-
-</div>
-
-
-
-</body>
-</html>

package/scripts/compile-docs.js

@@ -1,150 +0,0 @@
-import fs from "fs";
-import path from "path";
-import { marked } from "marked";
-
-import * as sass from 'sass';
-import * as esbuild from 'esbuild';
-
-marked.use({
-    renderer: {
-        code: function (code, lang) {
-            if (lang == "mermaid") return `<pre class="mermaid">${code}</pre>`;
-            if (lang == "typescript")
-                return `<pre class="language-typescript line-numbers"><code class="language-typescript">${code}</code></pre>`;
-            return `<pre>${code}</pre>`;
-        },
-    },
-});
-
-// Simple HTML template with our CSS
-const template = (title, content) => `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${title}</title>
-    
-    <!-- Prism.js CSS -->
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet" />
-
-    <!-- load style AFTER prism -->
-    <link rel="stylesheet" href="style.css">
-    
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-typescript.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            Prism.highlightAll();
-            
-            const parallaxBg = document.querySelector('.parallax-background');
-            if (parallaxBg) {
-                window.addEventListener('scroll', function() {
-                    const scrollPosition = window.pageYOffset;
-                    parallaxBg.style.transform = 'translateY(' + scrollPosition + 'px)';
-                });
-            }
-        });
-    </script>
-    
-</head>
-
-<body>
-
-    <div class="container" style="padding-bottom: 5rem;">
-        <div class="row">
-            <div class="col-xs-0 col-sm-0 col-md-1">
-            </div>
-
-            <div class="col-xs-12 col-sm-12 col-md-10">
-                <div id="container">
-                    ${content.replace(/<p>⚠️(.*?)<\/p>/g, '<div class="warning">$1</div>')}
-                </div>
-            </div>
-        
-            <div class="col-xs-0 col-sm-0 col-md-1">
-        </div>
-    </div>
-
-    <div class="container-fluid">
-        <nav class="navbar fixed-bottom navbar-light bg-light">
-            <div class="container-fluid justify-content-center">
-                <ul class="nav">
-                    <li class="nav-item">
-                        <a class="nav-link" href="README.html">README</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="docs.html">Docs</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://github.com/adamwong246/testeranto" target="_blank">GitHub</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://www.npmjs.com/package/testeranto" target="_blank">NPM</a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-    </div>
-
-
-
-
-    
-
-    
-
-</div>
-
-
-
-</body>
-</html>
-`;
-
-// Process markdown files
-const processFile = (filePath) => {
-    const markdown = fs.readFileSync(filePath, "utf8");
-    return template(path.basename(filePath), marked.parse(markdown));
-};
-
-// Main function
-const main = async () => {
-    try {
-        // Create docs-output directory if it doesn't exist
-        const outDir = "./";
-        if (!fs.existsSync(outDir)) {
-            fs.mkdirSync(outDir);
-        }
-
-
-        // Process frontpage template -> index.html
-        const frontpageContent = fs.readFileSync("src/templates/frontpage.html", "utf8");
-        fs.writeFileSync(path.join(outDir, "index.html"), template("Testeranto", frontpageContent));
-        console.log("Generated: index.html");
-
-        // Process README.md -> README.html
-        const readmeHtml = processFile("README.md");
-        fs.writeFileSync(path.join(outDir, "README.html"), readmeHtml);
-        console.log("Generated: README.html");
-
-        // Process docs/index.md -> docs.html 
-        const docsHtml = processFile("docs/index.md");
-        fs.writeFileSync(path.join(outDir, "docs.html"), docsHtml);
-        console.log("Generated: docs.html");
-
-
-        const result = sass.compile("src/style.scss");
-        // console.log(result)
-        fs.writeFileSync(path.join(outDir, "style.css"), result.css);
-
-
-    } catch (err) {
-        console.error("Error compiling docs:", err);
-        process.exit(1);
-    }
-};
-
-main();