<commit_before>﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>YoxView 3.0 Demo</title>
		<link rel="Stylesheet" type="text/css" href="../src/modules/yox.view/yoxview.css" />
		<style>
			body{ padding: 0; margin: 0; font-family: Calibri, Arial, Sans-Serif; overflow: hidden;  }
			h1{ font-size: 14pt; color: #666; margin: 0; padding: 0; display: inline; font-weight: normal }
			header{ height: 35px; line-height: 34px; padding: 0 11px; z-index: 2; box-shadow: 1px 1px 10px rgba(0,0,0,0.2) }
            header a{ color: #aaa; text-decoration: none }
            header a:hover{ color: White }

            #thumbnailsPanel{
                background: White;
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 21;
                -moz-transition: opacity 300ms ease-out;
                -webkit-transition: opacity 300ms ease-out;
            }
            #thumbnailsPanel.thumbnailsOpen{
                opacity: .5;

            }

            #thumbnails{
                z-index: 31;
                bottom: 20px;
                left: 50%;
                position: absolute;
            }
            #thumbnails.thumbnailsOpen {
            }

			#thumbnails a{
                position: absolute;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                overflow: hidden;
                left: 50%;
                top: 50%;
                margin-left: -36px;
                margin-top: -48px;
                z-index: 31;
                -moz-transition: top 1000ms linear, left 500ms ease-out, opacity 500ms ease-out, -moz-transform 200ms ease-out;
                -webkit-transition: top 500ms ease-out, left 500ms ease-out, opacity 500ms ease-out, -webkit-transform 200ms ease-out;
                border: solid 1px Black;
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
                opacity: 0;
                -webkit-transform: translateZ(0);
            }
			#thumbnails img{ height: 100%; width: 100%; -webkit-border-radius: 50% }
            #thumbnails a.selectedThumbnail, #thumbnails a:hover {
                -moz-transform: scaleX(1.1) scaleY(1.1);
                -webkit-transform: scaleX(1.1) scaleY(1.1);
                -o-transform: scaleX(1.1) scaleY(1.1);
                -ms-transform: scaleX(1.1) scaleY(1.1);
            }

            .thumbnailsBtn{
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
                color: #666;
                text-align: center;
                line-height: 40px;
                position: absolute;
                bottom: 20px;
                left: 50%;
                margin-left: -20px;
                z-index: 32;
                text-decoration: none;<commit_msg>Modified enlargement transition to seem more elastic.<commit_after>﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>YoxView 3.0 Demo</title>
		<link rel="Stylesheet" type="text/css" href="../src/modules/yox.view/yoxview.css" />
		<style>
			body{ padding: 0; margin: 0; font-family: Calibri, Arial, Sans-Serif; overflow: hidden;  }
			h1{ font-size: 14pt; color: #666; margin: 0; padding: 0; display: inline; font-weight: normal }
			header{ height: 35px; line-height: 34px; padding: 0 11px; z-index: 2; box-shadow: 1px 1px 10px rgba(0,0,0,0.2) }
            header a{ color: #aaa; text-decoration: none }
            header a:hover{ color: White }

            #thumbnailsPanel{
                background: White;
                height: 100%;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 21;
                -moz-transition: opacity 300ms ease-out;
                -webkit-transition: opacity 300ms ease-out;
            }
            #thumbnailsPanel.thumbnailsOpen{
                opacity: .5;

            }

            #thumbnails{
                z-index: 31;
                bottom: 20px;
                left: 50%;
                position: absolute;
            }
            #thumbnails.thumbnailsOpen {
            }

			#thumbnails a{
                position: absolute;
                width: 72px;
                height: 72px;
                border-radius: 50%;
                overflow: hidden;
                left: 50%;
                top: 50%;
                margin-left: -36px;
                margin-top: -48px;
                z-index: 31;
                -moz-transition: top 500ms cubic-bezier(.4,1.3,.72,1.12), left 500ms cubic-bezier(.4,1.3,.72,1.12), opacity 500ms ease-out, -moz-transform 200ms ease-out;
                -webkit-transition: top 500ms cubic-bezier(.4,1.3,.72,1.12), left 500ms cubic-bezier(.4,1.3,.72,1.12), opacity 500ms ease-out, -webkit-transform 200ms ease-out;
                border: solid 1px Black;
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
                opacity: 0;
                -webkit-transform: translateZ(0);
            }
			#thumbnails img{ height: 100%; width: 100%; -webkit-border-radius: 50% }
            #thumbnails a.selectedThumbnail, #thumbnails a:hover {
                -moz-transform: scaleX(1.1) scaleY(1.1);
                -webkit-transform: scaleX(1.1) scaleY(1.1);
                -o-transform: scaleX(1.1) scaleY(1.1);
                -ms-transform: scaleX(1.1) scaleY(1.1);
            }

            .thumbnailsBtn{
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
                color: #666;
                text-align: center;
                line-height: 40px;
                position: absolute;
                bottom: 20px;
                left: 50%;
                margin-left: -20px;
                z-index: 32;
                text-decoration: none;
{'fraction_non_alphanumeric': 0.12029102667744543, 'fraction_numerical': 0.05739692805173808, 'mean_word_length': 1.3405221339387061, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, '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': '6865528', 'n_tokens_mistral': 2249, 'n_tokens_neox': 1807, 'n_words': 445}