<commit_before>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js CUSTOM TEST</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<script src="../jslib/weblabjs.js"></script>
		<style>
			body {
				font-family: Monospace;
				background-color: #f0f0f0;
				margin: 0px;
				overflow: hidden;
			}
		</style>
	</head>
	<body>

		<script src="../jslib/three.min.js"></script>
		<script src="../jslib/stats.min.js"></script>
		<script src="../jslib/THREEx.FullScreen.js"></script>
        <script src="../jslib/jquery-1.9.1.js"></script>
        <script src="../jslib/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js"></script>

        <img id="video" style="display:none" src="https://www.weblab.deusto.es/webcam/proxied.py/fpga1?1194580072" />

		<script>

            /// The following references are for VisualStudio, so that Intellisense recognizes every library.
		    /// <reference path="../jslib/weblabjs.js" />
		    /// <reference path="../jslib/three.min.js" />
		    /// <reference path="../jslib/stats.min.js" />
		    /// <reference path="../jslib/THREEx.FullScreen.js" />
		    /// <reference path=""../jslib/jquery-1.9.1.js" />
		    /// <reference path="../jslib/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js" />
            
          

		    //! The following code is used to refresh the webcam 
		    //! It is refreshed frame-by-frame every second.
		    RefreshingCameraWidget = function (targetid, imgsrc) {

		        var mTick = 0;
		        var mImage = new Image();<commit_msg>[jsxilinx]: Added screen dimming support, and progress bar support<commit_after>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js CUSTOM TEST</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<script src="../jslib/weblabjs.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <!-- Just for the progress bar. TODO: Localize -->
		<style>
			body {
				font-family: Monospace;
				background-color: #f0f0f0;
				margin: 0px;
				overflow: hidden;
			}

            .progress-label {
            float: left;
            margin-left: 48%;
            margin-top: 5px;
            font-weight: bold;
            text-shadow: 1px 1px 0 #fff;
            }

            .dim
            {
			height:100%;
			width:100%;
			position:fixed;
			left:0;
			top:0;
			z-index:1 !important;
			background-color:black;
            opacity:0.5;
            }

		    .progress-bar {
                position: absolute;
                left: 30%;
                right: 30%;
                top: 50%;
                border-width: 5px;
                border-color: darkgoldenrod;
                z-index:2;
		    }
		</style>
	</head>
	<body>

		<script src="../jslib/three.min.js"></script>
		<script src="../jslib/stats.min.js"></script>
		<script src="../jslib/THREEx.FullScreen.js"></script>
        <script src="../jslib/jquery-1.9.1.js"></script>
        <script src="../jslib/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js"></script>

        <img id="video" style="display:none" src="https://www.weblab.deusto.es/webcam/proxied.py/fpga1?1194580072" />

        <div id="progressbar" class="progress-bar"><div class="progress-label">Loading...</div></div>

        <!--<div id="dim" class="dim"></div>-->

		<script>

            /// The following references are for VisualStudio, so that Intellisense recognizes every library.
		    /// <reference path="../jslib/weblabjs.js" />
		    /// <reference path="../jslib/three.min.js" />
		    /// <reference path="../jslib/stats.min.js" />
		    /// <reference path="../jslib/THREEx.FullScreen.js" />
		    /// <reference path=""../jslib/jquery-1.9.1.js" />
		    /// <reference path="../jslib/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js" />
		    

		    function dim_page() {
		        var dimmingElement = document.createElement('div');
		        dimmingElement.id = "dim";
		        dimmingElement.className = "dim";
		        document.body.appendChild(dimmingElement);
		    }

		    function light_page() {
		        var dimmingElement = document.getElementById('dim');
		        document.body.removeChild(dimmingElement);
		    }

		    dim_page();
		    light_page();


		    $(function () {
		        var progressbar = $("#progressbar"),
                  progressLabel = $(".progress-label");

		        progressbar.progressbar({
		            value: false,
		            change: function () {
		                progressLabel.text(progressbar.progressbar("value") + "%");
		            },
		            complete: function () {
		                progressLabel.text("Complete!");
		            }
		        });

		        function progress() {
		            var val = progressbar.progressbar("value") || 0;

		            progressbar.progressbar("value", val + 1);

		            if (val < 99) {
		                setTimeout(progress, 100);
		            }
		        }

		        setTimeout(progress, 3000);
		    });
            
          

		    //! The following code is used to refresh the webcam 
		    //! It is refreshed frame-by-frame every second.
		    RefreshingCameraWidget = function (targetid, imgsrc) {

		        var mTick = 0;
		        var mImage = new Image();
{'fraction_non_alphanumeric': 0.1713602061476164, 'fraction_numerical': 0.02319160684704583, 'mean_word_length': 1.9677771709448388, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 74, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, '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': '4226998', 'n_tokens_mistral': 1997, 'n_tokens_neox': 1711, 'n_words': 305}