<commit_before><html>
<head>
    <title>Example 30</title>

    <!-- Origin Trial Token, feature = WebVR (For Chrome M59+), origin = https://hazardu5.github.io, expires = 2017-06-28 -->
    <meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M59+)" data-expires="2017-06-28" content="<KEY>">

    <!-- Bootstrap Bootswatch theme CSS - other themes available here: https://bootswatch.com -->
    <link rel="stylesheet" href="https://cdn.rawgit.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.min.css" />

    <!-- Bootstrap JS Dependencies -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- A-Frame JS Dependencies -->
    <script src="https://aframe.io/releases/0.6.1/aframe.js"></script>
    <!--<script src="https://cdn.rawgit.com/aframevr/aframe/6473242eda647705f7aac0da9ca134569d29c156/dist/aframe-master.min.js"></script>-->
    <script src="https://unpkg.com/@gladeye/aframe-preloader-component@1.0.2/dist/aframe-preloader-component.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.11.4/dist/aframe-extras.min.js"></script>
    <script src="https://unpkg.com/super-hands@2.0.0/dist/super-hands.min.js"></script>
    <script src="https://unpkg.com/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script>

    <!-- Custom A-Frame JS Components -->
    <script src="assets/js/components/auto-fall-respawn.js"></script>
    <script src="assets/js/main.js"></script>

</head>
<body>

<!--<a-scene main physics>-->
<a-scene main preloader="autoClose:false; clickToClose: true; closeLabelText: Start; autoInject: false; target: #preloader-modal; labelText: Loading {0}% Complete" physics>
    <a-assets>
        <a-mixin id="cube" geometry="primitive: box; width: 0.5; height: 0.5; depth: 0.5"
                 hoverable grabbable material="color: blue"></a-mixin>
        <a-mixin id="cube-hovered" material="color: green">
        </a-mixin>
        <a-mixin id="cube-dragover" material="wireframe: true;"></a-mixin>

        <a-asset-item id="table-model" src="assets/gltf/beer_table/scene.gltf"></a-asset-item>
    </a-assets>

    <a-entity id="table" class="ignore-ray" gltf-model-next="#table-model" position="1.391 1.01 -2.663" rotation="0 46.753 0">
        <a-box id="table-collider" static-body="sphereRadius:NaN" position="0.017 0.144 -0.012" rotation="-0.34377467707849396 6.18794418741289 0.6875493541569879" material="opacity: 0" geometry="height:0.09000000000000005;width:2.3899999999999997;depth:0.78"></a-box>
    </a-entity>


    <a-light id="spotlight1" type="spot" position="0 3.821 -1.234" rotation="-90.01166961505233 180.02333923010465 180.02333923010465" light="penumbra:0.07;intensity:0.31;angle:41.89;shadowCameraVisible:false"></a-light>

    <a-box height="0.1" width="0.4" depth="0.4" id="other-box" auto-fall-respawn="fallHeight: -10; respawnPosition: 0 0 0; respawnRotation: 0 0 0" dynamic-body grabbable material="opacity:0">
        <a-plane rotation="-90 -90 0" width="0.4" height="0.4" color="#cccccc"  material="shader: html; target: #book-content; width: 1024; height: 1024;" position="0 0.13 0"></a-plane>
        <a-box height="0.1" width="0.4" depth="0.4" color="white" position="0 0.07 0"></a-box>
        <a-box height="0.05" width="0.4" depth="0.4" color="green"></a-box>
    </a-box>
    <a-box height="0.1" width="0.4" depth="0.4" position="0.6 0 0" auto-fall-respawn="fallHeight: -10; respawnPosition: 0.6 0 0; respawnRotation: 0 0 0" constraint="target: #other-box; collideConnected: false; pivot: 0 0 0.2; axis: 1 0 0; targetPivot: 0 0 -0.2; targetAxis: 1 0 0;  type: hinge; " dynamic-body grabbable material="opacity:0">
        <a-box height="0.1" width="0.4" depth="0.4" color="white" position="0 0.07 0"></a-box>
        <a-box height="0.05" width="0.4" depth="0.4" color="green"></a-box>
    </a-box>


    <a-entity id="cube" mixin="cube" position="1.316 1 0" dynamic-body auto-fall-respawn="fallHeight: -10; respawnPosition: 1.316 1 0; respawnRotation: 0 0 0"></a-entity>

    <a-light id="ambient-light" type="ambient" intensity="0.3"></a-light>

    <a-plane id="floor" static-body position="0 0 -4" rotation="-90 0 0" width="10" height="10" color="#FF0000"></a-plane>
    <a-sky color="#000000"></a-sky>


    <a-entity progressive-controls="objects:#table-collider,[grabbable],#floor">
        <a-entity id="camera" camera="userHeight: 1.6" raycaster universal-controls></a-entity>
    </a-entity>

</a-scene>

<div id="book-content" style="width:1024px; height:1024px; background: #fff; color: #000;  position: fixed; left: 0; top: 0; z-index: -1; overflow: hidden; padding: 2em">
    <h1 style="font-size:56px;">Title</h1>
    <p style="font-size:24px;">
        Sed nec massa a diam venenatis eleifend. Quisque vitae ornare nulla, vel porta risus. Aliquam lectus justo,<commit_msg>Add slightly lifted page<commit_after><html>
<head>
    <title>Example 30</title>

    <!-- Origin Trial Token, feature = WebVR (For Chrome M59+), origin = https://hazardu5.github.io, expires = 2017-06-28 -->
    <meta http-equiv="origin-trial" data-feature="WebVR (For Chrome M59+)" data-expires="2017-06-28" content="<KEY>">

    <!-- Bootstrap Bootswatch theme CSS - other themes available here: https://bootswatch.com -->
    <link rel="stylesheet" href="https://cdn.rawgit.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.min.css" />

    <!-- Bootstrap JS Dependencies -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- A-Frame JS Dependencies -->
    <script src="https://aframe.io/releases/0.6.1/aframe.js"></script>
    <!--<script src="https://cdn.rawgit.com/aframevr/aframe/6473242eda647705f7aac0da9ca134569d29c156/dist/aframe-master.min.js"></script>-->
    <script src="https://unpkg.com/@gladeye/aframe-preloader-component@1.0.2/dist/aframe-preloader-component.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.11.4/dist/aframe-extras.min.js"></script>
    <script src="https://unpkg.com/super-hands@2.0.0/dist/super-hands.min.js"></script>
    <script src="https://unpkg.com/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script>

    <!-- Custom A-Frame JS Components -->
    <script src="assets/js/components/auto-fall-respawn.js"></script>
    <script src="assets/js/main.js"></script>

</head>
<body>

<!--<a-scene main physics>-->
<a-scene main preloader="autoClose:false; clickToClose: true; closeLabelText: Start; autoInject: false; target: #preloader-modal; labelText: Loading {0}% Complete" physics>
    <a-assets>
        <a-mixin id="cube" geometry="primitive: box; width: 0.5; height: 0.5; depth: 0.5"
                 hoverable grabbable material="color: blue"></a-mixin>
        <a-mixin id="cube-hovered" material="color: green">
        </a-mixin>
        <a-mixin id="cube-dragover" material="wireframe: true;"></a-mixin>

        <a-asset-item id="table-model" src="assets/gltf/beer_table/scene.gltf"></a-asset-item>
    </a-assets>

    <a-entity id="table" class="ignore-ray" gltf-model-next="#table-model" position="1.391 1.01 -2.663" rotation="0 46.753 0">
        <a-box id="table-collider" static-body="sphereRadius:NaN" position="0.017 0.144 -0.012" rotation="-0.34377467707849396 6.18794418741289 0.6875493541569879" material="opacity: 0" geometry="height:0.09000000000000005;width:2.3899999999999997;depth:0.78"></a-box>
    </a-entity>


    <a-light id="spotlight1" type="spot" position="0 3.821 -1.234" rotation="-90.01166961505233 180.02333923010465 180.02333923010465" light="penumbra:0.07;intensity:0.31;angle:41.89;shadowCameraVisible:false"></a-light>

    <a-box height="0.1" width="0.4" depth="0.4" id="other-box" auto-fall-respawn="fallHeight: -10; respawnPosition: 0 0 0; respawnRotation: 0 0 0" dynamic-body grabbable material="opacity:0">
        <a-entity id="page-container" rotation="0 -90 2.790">
            <a-plane id="page" rotation="-90 0 0" width="0.4" height="0.4" color="#cccccc"  material="shader: html; target: #book-content; width: 1024; height: 1024;" position="0 0.13 0"></a-plane>
        </a-entity>
        <a-box height="0.1" width="0.4" depth="0.4" color="white" position="0 0.07 0"></a-box>
        <a-box height="0.05" width="0.4" depth="0.4" color="green"></a-box>
    </a-box>
    <a-box height="0.1" width="0.4" depth="0.4" position="0.6 0 0" auto-fall-respawn="fallHeight: -10; respawnPosition: 0.6 0 0; respawnRotation: 0 0 0" constraint="target: #other-box; collideConnected: false; pivot: 0 0 0.2; axis: 1 0 0; targetPivot: 0 0 -0.2; targetAxis: 1 0 0;  type: hinge; " dynamic-body grabbable material="opacity:0">
        <a-box height="0.1" width="0.4" depth="0.4" color="white" position="0 0.07 0"></a-box>
        <a-box height="0.05" width="0.4" depth="0.4" color="green"></a-box>
    </a-box>


    <a-entity id="cube" mixin="cube" position="1.316 1 0" dynamic-body auto-fall-respawn="fallHeight: -10; respawnPosition: 1.316 1 0; respawnRotation: 0 0 0"></a-entity>

    <a-light id="ambient-light" type="ambient" intensity="0.3"></a-light>

    <a-plane id="floor" static-body position="0 0 -4" rotation="-90 0 0" width="10" height="10" color="#FF0000"></a-plane>
    <a-sky color="#000000"></a-sky>


    <a-entity progressive-controls="objects:#table-collider,[grabbable],#floor">
        <a-entity id="camera" camera="userHeight: 1.6" raycaster universal-controls></a-entity>
    </a-entity>

</a-scene>

<div id="book-content" style="width:1024px; height:1024px; background: #fff; color: #000;  position: fixed; left: 0; top: 0; z-index: -1; overflow: hidden; padding: 2em">
    <h1 style="font-size:56px;">Title</h1>
    <p style="font-size:24px;">
        Sed nec massa a diam venenatis eleifend. Quisque vitae ornare nulla, vel porta risus. Aliquam lectus justo,
{'fraction_non_alphanumeric': 0.19840880070719968, 'fraction_numerical': 0.08682840585404185, 'mean_word_length': 3.9960745829244355, 'pattern_counts': {'":': 0, '<': 179, '<?xml version=': 0, '>': 179, 'https://': 20, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 4, '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': '6619547', 'n_tokens_mistral': 4269, 'n_tokens_neox': 3712, 'n_words': 697}