image previews

10 months ago · a02a662b6f
3 changed files with 40 additions and 1 deletions
--- a/.gitignore
+++ b/.gitignore
@ -5,3 +5,4 @@ out/
 .sw[opqr]
 *.tar.gz
 .pat
 out*
--- a/index.html
+++ b/index.html
@ -0,0 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discover the Rainbow</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        h1 {
            margin-top: 50px;
        }
        .links {
            margin-top: 20px;
        }
        .links a {
            display: block;
            margin: 10px 0;
            font-size: 18px;
            color: blue;
            text-decoration: none;
        }
        .links a:hover {
            text-decoration: underline;
        }
    </style>
 </head>
 <body>
    <h1>Discover the Rainbow</h1>
    <div class="links">
        <a href="./out1">Iteration 1</a>
        <a href="./out2">Iteration 2</a>
        <a href="./out3">Iteration 3</a>
    </div>
 </body>
 </html>
--- a/out/index.html
+++ b/out/index.html
@ -77,7 +77,7 @@
                if (i == -21) {
                    imageName = 'hsv.png';
                } else {
-                    imageName = 'v' + i + '.jpg';
+                    imageName = 'v' + i + '.png';
                }
                let img = document.createElement('img');
                img.src = imageName;