<commit_before><!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="../../list.js"></script>
        <script src="../../page.js"></script>
        <link type="text/css" rel="stylesheet" href="../../page.css" />
    </head>
    <body>

        <script src="../../../js/build/ngl.embedded.min.js"></script>

        <script>

            if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

            document.addEventListener("DOMContentLoaded", function() {

                var types = Object.keys( NGL.representationTypes );
                var reprDict = {};
                var buttons = document.getElementById( "buttons" );

                types.forEach( function( name ){

                    if( !name ) return;

                    var button = document.createElement( "button" );
                    button.id = name;
                    button.innerText = name;
                    buttons.appendChild( button );

                } );

                NGL.init( function(){

                    var stage = new NGL.Stage( "viewport" );

                    stage.loadFile( "../../files/1crn.pdb", function( o ){

                        types.forEach( function( name ){

                            if( !name ) return;

                            reprDict[ name ] = o.addRepresentation(
                                name, { visible: false }, true
                            );

                            document.getElementById( name )
                                .addEventListener( "click", function(){
                                    var repr = reprDict[ name ];
                                    repr.setVisibility( !repr.visible );
                                } );

                        } );

                        reprDict[ "cartoon" ].setVisibility( true );
                        o.centerView();

                    } );

                }, "../../" );

            } );

        </script>

        <h1>[name]</h1>

        <div>Each loaded structure can be displayed using a variety of representations that can be combined to create complex molecular views. Multiple representation types are supported, including space-filling spheres for atoms (spacefill), cylinders and spheres for bonds and atoms (ball+stick), simple lines for bonds (line), secondary structure abstraction (cartoon), backbone atom trace (backbone). The appearance of the representations can be fine-tuned by parameters, for example, to change the quality. Most representations have a color and a radius parameter that can use data from the underlying structure. For instance, a representation can be colored uniformly or according to the element, residue or secondary structure type of the atoms from which the representation is derived. The size of representation objects, for example sphere and cylinder radii in a ball+stick representation, can be set similarly.</div>

        <ul>
            <li>*spacefill*: spheres display atoms</li>
            <li>*ball+stick*: spheres and cylinders display atoms and bonds</li>
            <li>*licorice*: a variant of the ball+stick representation where balls and sticks have the same radius</li>
            <li>*line*: a one pixel wide line displays bonds (very fast)</li>
            <li>*hyperball*: a derivate of the ball+stick representation (pioneered by <a href="http://sourceforge.net/projects/hyperballs/">HyperBalls</a>) with a smooth transition from the balls to the sticks</li>
            <li>*backbone*: cylinders connecting the main backbone atoms</li>
            <li>*tube*: a tube along the main backbone trace</li>
            <li>*ribbon*: a one pixel thick ribbon along the main backbone trace (very fast)</li>
            <li>*trace*: a one pixel wide line along the main backbone trace (very fast)</li>
        </ul>

        <div id="viewport" style="width:500px; height:500px;"></div>

        <div id="buttons" style="width:500px;"></div>

    </body>
</html>
<commit_msg>DOC: fixed button text not visible in FF<commit_after><!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script src="../../list.js"></script>
        <script src="../../page.js"></script>
        <link type="text/css" rel="stylesheet" href="../../page.css" />
    </head>
    <body>

        <script src="../../../js/build/ngl.embedded.min.js"></script>

        <script>

            if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

            document.addEventListener("DOMContentLoaded", function() {

                var types = Object.keys( NGL.representationTypes );
                var reprDict = {};
                var buttons = document.getElementById( "buttons" );

                types.forEach( function( name ){

                    if( !name ) return;

                    var button = document.createElement( "button" );
                    button.id = name;
                    button.textContent = name;
                    buttons.appendChild( button );

                } );

                NGL.init( function(){

                    var stage = new NGL.Stage( "viewport" );

                    stage.loadFile( "../../files/1crn.pdb", function( o ){

                        types.forEach( function( name ){

                            if( !name ) return;

                            reprDict[ name ] = o.addRepresentation(
                                name, { visible: false }, true
                            );

                            document.getElementById( name )
                                .addEventListener( "click", function(){
                                    var repr = reprDict[ name ];
                                    repr.setVisibility( !repr.visible );
                                } );

                        } );

                        reprDict[ "cartoon" ].setVisibility( true );
                        o.centerView();

                    } );

                }, "../../" );

            } );

        </script>

        <h1>[name]</h1>

        <div>Each loaded structure can be displayed using a variety of representations that can be combined to create complex molecular views. Multiple representation types are supported, including space-filling spheres for atoms (spacefill), cylinders and spheres for bonds and atoms (ball+stick), simple lines for bonds (line), secondary structure abstraction (cartoon), backbone atom trace (backbone). The appearance of the representations can be fine-tuned by parameters, for example, to change the quality. Most representations have a color and a radius parameter that can use data from the underlying structure. For instance, a representation can be colored uniformly or according to the element, residue or secondary structure type of the atoms from which the representation is derived. The size of representation objects, for example sphere and cylinder radii in a ball+stick representation, can be set similarly.</div>

        <ul>
            <li>*spacefill*: spheres display atoms</li>
            <li>*ball+stick*: spheres and cylinders display atoms and bonds</li>
            <li>*licorice*: a variant of the ball+stick representation where balls and sticks have the same radius</li>
            <li>*line*: a one pixel wide line displays bonds (very fast)</li>
            <li>*hyperball*: a derivate of the ball+stick representation (pioneered by <a href="http://sourceforge.net/projects/hyperballs/">HyperBalls</a>) with a smooth transition from the balls to the sticks</li>
            <li>*backbone*: cylinders connecting the main backbone atoms</li>
            <li>*tube*: a tube along the main backbone trace</li>
            <li>*ribbon*: a one pixel thick ribbon along the main backbone trace (very fast)</li>
            <li>*trace*: a one pixel wide line along the main backbone trace (very fast)</li>
        </ul>

        <div id="viewport" style="width:500px; height:500px;"></div>

        <div id="buttons" style="width:500px;"></div>

    </body>
</html>

{'fraction_non_alphanumeric': 0.11163541537315286, 'fraction_numerical': 0.0032286104557307837, 'mean_word_length': 1.808228730822873, 'pattern_counts': {'":': 0, '<': 97, '<?xml version=': 0, '>': 97, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5317474', 'n_tokens_mistral': 2033, 'n_tokens_neox': 1838, 'n_words': 675}