Added electron browser to allow snapshots of doctests that are stored in lib thumbnail subfolders.

2023-05-09 15:40:18 +02:00
parent 9501264f08
commit c8f7e39235
95 changed files with 29101 additions and 509 deletions
@@ -30,11 +30,8 @@
        </template>
    </head>
    <body>
-        <div id="container" class="container">
-            <a style="position: absolute; left: 22px; top: 12px" target="_blank" href="http://www.iwm-tuebingen.de"
-                >IWMLib Doctest</a
-            >
-        </div>
+        <h2><a href="index.html">lib.</a>Doctests</h2>
+        <div id="container" class="container"></div>
        <script>
            let index = new Index(itemTemplate, [
                ['Doctest', 'doctest.html'],
@@ -25,11 +25,11 @@
        </template>
    </head>
    <body>
-        <div id="container" class="container">
-            <a style="position: absolute; left: 22px; top: 12px" target="_blank" href="http://www.iwm-tuebingen.de"
-                >IWMLib PIXI DeepZoom</a
-            >
-        </div>
+        <h2>
+            <a href="../../index.html">lib.</a><a href="../index.html">pixi.</a
+            ><a href="../index.html">deepzoom.</a>Doctests
+        </h2>
+        <div id="container" class="container"></div>
        <script>
            const index = new Index(
                itemTemplate,
@@ -25,11 +25,8 @@
        </template>
    </head>
    <body>
-        <div id="container" class="container">
-            <a style="position: absolute; left: 22px; top: 12px" target="_blank" href="http://www.iwm-tuebingen.de"
-                >IWMLib PIXI Doctests</a
-            >
-        </div>
+        <h2><a href="../index.html">lib.</a><a href="index.html">pixi.</a>Doctests</h2>
+        <div id="container" class="container"></div>
        <script>
            const index = new Index(
                itemTemplate,
@@ -1,112 +1,113 @@
 <html>
+    <head>
+        <title>PIXI Maps Doctests</title>
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <meta
+            name="viewport"
+            content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
+        />
+        <link rel="stylesheet" href="../../../css/index.css" />

-<head>
-    <title>PIXI Maps Doctests</title>
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="viewport"
-        content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" href="../../../css/index.css">
+        <script src="../../../dist/iwmlib.js"></script>

-    <script src="../../../dist/iwmlib.js"></script>
-
-    <template id="itemTemplate">
-        <a class="wrapper" href="">
-            <div class="preview">
-                <div class="thumbnail-container">
-                    <div class="thumbnail">
-                        <img class="icon" src="thumbnails/notfound.png">
-                        <!-- <iframe src="" frameborder="0"></iframe> -->
+        <template id="itemTemplate">
+            <a class="wrapper" href="">
+                <div class="preview">
+                    <div class="thumbnail-container">
+                        <div class="thumbnail">
+                            <img class="icon" src="thumbnails/notfound.png" />
+                            <!-- <iframe src="" frameborder="0"></iframe> -->
+                        </div>
                    </div>
+                    <div class="title"></div>
                </div>
-                <div class="title"></div>
-            </div>
-        </a>
-    </template>
+            </a>
+        </template>

-    <style>
-        body {
-            font-size: 20px;
-            display: flex;
-            flex-direction: column;
-        }
+        <style>
+            body {
+                font-size: 20px;
+                display: flex;
+                flex-direction: column;
+            }

-        #logo {
-            left: 0;
-            position: absolute;
-            top: 30px;
-        }
+            #logo {
+                left: 0;
+                position: absolute;
+                top: 30px;
+            }

-        #logo>img {
-            width: 80px;
-        }
+            #logo > img {
+                width: 80px;
+            }

-        header>h1 {
-            text-transform: uppercase;
-            letter-spacing: 0.05em;
-            word-spacing: 0.25em;
-            margin-top: 0;
-        }
+            header > h1 {
+                text-transform: uppercase;
+                letter-spacing: 0.05em;
+                word-spacing: 0.25em;
+                margin-top: 0;
+            }

-        header>p {
-            max-width: 720px;
-            line-height: 1.5em;
-            color: rgb(207, 207, 207);
-        }
+            header > p {
+                max-width: 720px;
+                line-height: 1.5em;
+                color: rgb(207, 207, 207);
+            }

-        header {
-            font-family: "Open Sans", sans-serif;
-            background-color: #4c4f4f;
-            color: whitesmoke;
+            header {
+                font-family: 'Open Sans', sans-serif;
+                background-color: #4c4f4f;
+                color: whitesmoke;

-            padding: 68px 50px 10px 150px;
+                padding: 68px 50px 10px 150px;

-            box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-        }
+                box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+            }

-        .container {
+            .container {
+                justify-content: center;

-            justify-content: center;
+                flex: 1;
+                height: auto;
+                min-height: auto;
+                width: auto;
+                min-width: auto;

-            flex: 1;
-            height: auto;
-            min-height: auto;
-            width: auto;
-            min-width: auto;
+                margin: 0 60px;
+            }
+        </style>
+    </head>

-            margin: 0 60px;
-        }
-    </style>
-</head>
-
-<body>
-    <header>
-        <a id="logo" target="_blank" href="http://www.iwm-tuebingen.de">
-            <img src="../../../assets/logos/iwm_logo_2015_twitter.png">
-        </a>
-        <h1>Maps Module</h1>
-        <p>The maps module provides a handy toolkit to easily integrate maps in an application. Create a full screen map
-            application by using the mapapp. Utilize the GeoLayer-system to integrate maps in an existing application.
-            Draw graphics onto the map using geographical positions instead of pixel positions with the GeoGraphics.
-            Or just use an Overlay to quickly draw icons for each point on a map.
-        </p>
-    </header>
-    <div id="container" class="container">
-
-    </div>
-    <script>
-        const index = new Index(itemTemplate, [
-            ["GeoGraphics", "geographics.html"],
-            ["GeoJson", "geojson.html"],
-            ["GeoMap", "map.html"],
-            ["MapApp", "mapapp.html"],
-            ["MapProjection", "mapprojection.html"],
-            ["MapViewport", "mapviewport.html"],
-            ["Overlay", "overlay.html"],
-            ["Scatter", "scatter.html"]
-        ],
-            null)
-        index.load()
-    </script>
-</body>
-
-</html>
+    <body>
+        <header>
+            <h1>
+                <a href="../../index.html">lib.</a><a href="../index.html">pixi.</a
+                ><a href="../index.html">map.</a>Doctests
+            </h1>
+            <p>
+                The maps module provides a handy toolkit to easily integrate maps in an application. Create a full
+                screen map application by using the mapapp. Utilize the GeoLayer-system to integrate maps in an existing
+                application. Draw graphics onto the map using geographical positions instead of pixel positions with the
+                GeoGraphics. Or just use an Overlay to quickly draw icons for each point on a map.
+            </p>
+        </header>
+        <div id="container" class="container"></div>
+        <script>
+            const index = new Index(
+                itemTemplate,
+                [
+                    ['GeoGraphics', 'geographics.html'],
+                    ['GeoJson', 'geojson.html'],
+                    ['GeoMap', 'map.html'],
+                    ['MapApp', 'mapapp.html'],
+                    ['MapProjection', 'mapprojection.html'],
+                    ['MapViewport', 'mapviewport.html'],
+                    ['Overlay', 'overlay.html'],
+                    ['Scatter', 'scatter.html']
+                ],
+                null
+            )
+            index.load()
+        </script>
+    </body>
+</html>