<commit_before><!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

	<head>

		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

	    <!-- <link href="project.css" rel="stylesheet" type="text/css" /> -->
		<style type="text/css">

			* {

				margin:				0;
				padding:			0;
			}

			html,
			body {
				height: 100%;
			}

			#page {

				width: 100%;
				height: 100%;
				box-sizing: border-box;
				/*padding: 48px 24px;*/
			}

			#viewport {

				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;

				cursor: crosshair;
				border: 1px solid #ccc;
			}

			#viewpane {

				position: absolute;

                /* iOS9.0.x Bug for nested 3d layers */
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;

                width: 2048px;
                height: 1364px;
                background: url('city.jpg') no-repeat;
                background-size: 100%;
			}

            #city-front {
                z-index: 100;
                position: absolute;
                display: inline-block;
                /*-webkit-transform: translate3d(900px, 550px, 100px) RotateX(2deg);*/
                /*transform: translate3d(900px, 550px, 100px) RotateX(2deg);*/

                width: 302px;
                height: 832px;
                background: url("city_front.png") no-repeat;
                background-size: 100%;
            }

		</style>

        <script type="text/javascript" src="../dist/viewpane.js"></script>
		<script type="text/javascript">
            window.addEventListener("load", function () {
                "use strict";

                var viewportEl = document.getElementById("viewport");
                var viewpaneEl = document.getElementById("viewpane");
                var viewpane = new Viewpane(viewportEl, viewpaneEl, {

                    origin: {x: 0.5, y: 0.5}
                });

                var cityFront = document.getElementById("city-front");
                cityFront.addEventListener("click", function () {
                    alert("pressed");
                });

                var entity = viewpane.createEntity(cityFront);
                entity.setPosition(window.Viewpane.Vector.create(900, 550, 100));

                viewpane.repaint();
            });
        </script>

	</head>

	<body>

		<div id="page">

			<div id="viewport">
                <a href="#" id="city-front"></a>
                <div id="viewpane"></div>
			</div>

		</div>

	</body>

</html>
<commit_msg>Update testpage to track positional changes<commit_after><!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

	<head>

		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

	    <!-- <link href="project.css" rel="stylesheet" type="text/css" /> -->
		<style type="text/css">

			* {

				margin:				0;
				padding:			0;
			}

			html,
			body {
				height: 100%;
			}

			#page {

				width: 50%;
				height: 50%;
				box-sizing: border-box;
				/*padding: 48px 24px;*/
			}

			#viewport {

                margin-top: 500px;
                margin-left: 250px;

				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;

				cursor: crosshair;
				border: 1px solid #ccc;
			}

			#viewpane {

				position: absolute;

                /* iOS9.0.x Bug for nested 3d layers */
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;

                width: 2048px;
                height: 1364px;
                background: url('city.jpg') no-repeat;
                background-size: 100%;
			}

            #city-front {
                z-index: 100;
                position: absolute;
                display: inline-block;
                /*-webkit-transform: translate3d(900px, 550px, 100px) RotateX(2deg);*/
                /*transform: translate3d(900px, 550px, 100px) RotateX(2deg);*/

                width: 302px;
                height: 832px;
                background: url("city_front.png") no-repeat;
                background-size: 100%;
            }

		</style>

        <script type="text/javascript" src="../dist/viewpane.js"></script>
		<script type="text/javascript">
            window.addEventListener("load", function () {
                "use strict";

                var viewportEl = document.getElementById("viewport");
                var viewpaneEl = document.getElementById("viewpane");
                var viewpane = new Viewpane(viewportEl, viewpaneEl, {

                    origin: {x: 0.5, y: 0.5}
                });

                var cityFront = document.getElementById("city-front");
                cityFront.addEventListener("click", function () {
                    alert("pressed");
                });

                var entity = viewpane.createEntity(cityFront);
                entity.setPosition(window.Viewpane.Vector.create(900, 550, 100));

                viewpane.repaint();
            });
        </script>

	</head>

	<body>

		<div id="page">

			<div id="viewport">
                <a href="#" id="city-front"></a>
                <div id="viewpane"></div>
			</div>

		</div>

	</body>

</html>

{'fraction_non_alphanumeric': 0.14565217391304347, 'fraction_numerical': 0.034420289855072464, 'mean_word_length': 1.6787967006307618, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4897820', 'n_tokens_mistral': 2055, 'n_tokens_neox': 1606, 'n_words': 329}