<commit_before><!doctype html>
<html ng-app="ExampleApp">
<head>
    <title>Angular ElasticSlider</title>
    <link rel="stylesheet" href="css/elasticslider.css">

    <style>
        .slider {
            height: 200px;
            width: 100%;
        }
    </style>
</head>
<body>
    <div ng-click="addRemoveSlide();">
        Add slide
    </div>
    <elastic-slider class="slider"
     animation="fade"
     auto-play-duration="8000"
     enable-arrows="true"
     enable-pagination="true"
     trigger-update="trigger">
        <div ng-repeat="item in arr"
         ng-attr-style="background-color: {{item.color}}">
            {{item.text}}
        </div>
    </elastic-slider>

    <elastic-slider class="slider"
     animation="slide"
     active-slide="1"
     auto-play-duration="8000"
     enable-arrows="true"
     enable-pagination="true">
        <div class="something">
            A slide
        </div>

        <div style="background-color: papayawhip">
            Another slide
        </div>

        <div style="background-color: lightblue">
            This can't be another one?
        </div>

        <div style="background-color: purple">
            I hope this is the last of them!
        </div>
    </elastic-slider>

    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/elasticslider-core/dist/elasticslider-core.min.js"></script>
    <script src="angular-elasticslider.js"></script>
    <script>
    (function(){
        'use strict';

        angular.module('ExampleApp', [
            'ngElasticSlider'
        ]).run(function($rootScope) {

            // Not necessary for plugin. Used to display ng-repeat and dynamic
            // carousel functionality.
            $rootScope.arr = [
                {
                    'text': 'A slide',
                    'color': 'green'
                },

                {
                    'text': 'Another slide',
                    'color': 'papayawhip'
                },

                {
                    'text': 'This can\'t be another one?',
                    'color': 'lightblue'
                },

                {
                    'text': 'I hope this is the last of them!',
                    'color': 'purple'
                },
            ];

            $rootScope.addRemoveSlide = function(){
                if ($rootScope.arr.length === 4) {
                    $rootScope.arr.push({
                        'text': 'new',
                        'color': 'blue'
                    });
                } else {
                    $rootScope.arr.pop();
                }

                $rootScope.trigger = true;
            }
        });
    })();
    </script>
</body>
</html>
<commit_msg>Add basic page styling<commit_after><!doctype html>
<html ng-app="ExampleApp">
<head>
    <title>Angular ElasticSlider</title>
    <link rel="stylesheet" href="css/elasticslider.css">

    <style>
        .slider {
            height: 200px;
            width: 100%;
        }

        .btn {
            background: #f1f1f1;
            border: 1px solid #ccc;
            border-radius: 5px;
            display: inline-block;
            cursor: pointer;
            padding: 5px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="btn"
     ng-click="addRemoveSlide();">
        Click to add slide
    </div>

    <elastic-slider class="slider"
     animation="fade"
     auto-play-duration="8000"
     enable-arrows="true"
     enable-pagination="true"
     trigger-update="trigger">
        <div ng-repeat="item in arr"
         ng-attr-style="background-color: {{item.color}}">
            {{item.text}}
        </div>
    </elastic-slider>

    <br>

    <elastic-slider class="slider"
     animation="slide"
     active-slide="1"
     auto-play-duration="8000"
     enable-arrows="true"
     enable-pagination="true">
        <div class="something">
            A slide
        </div>

        <div style="background-color: papayawhip">
            Another slide
        </div>

        <div style="background-color: lightblue">
            This can't be another one?
        </div>

        <div style="background-color: purple">
            I hope this is the last of them!
        </div>
    </elastic-slider>

    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/elasticslider-core/dist/elasticslider-core.min.js"></script>
    <script src="angular-elasticslider.js"></script>
    <script>
    (function(){
        'use strict';

        angular.module('ExampleApp', [
            'ngElasticSlider'
        ]).run(function($rootScope) {

            // Not necessary for plugin. Used to display ng-repeat and dynamic
            // carousel functionality.
            $rootScope.arr = [
                {
                    'text': 'A slide',
                    'color': 'green'
                },

                {
                    'text': 'Another slide',
                    'color': 'papayawhip'
                },

                {
                    'text': 'This can\'t be another one?',
                    'color': 'lightblue'
                },

                {
                    'text': 'I hope this is the last of them!',
                    'color': 'purple'
                },
            ];

            $rootScope.addRemoveSlide = function(){
                if ($rootScope.arr.length === 4) {
                    $rootScope.arr.push({
                        'text': 'new',
                        'color': 'blue'
                    });
                } else {
                    $rootScope.arr.pop();
                }

                $rootScope.trigger = true;
            }
        });
    })();
    </script>
</body>
</html>

{'fraction_non_alphanumeric': 0.13719093406593408, 'fraction_numerical': 0.006868131868131868, 'mean_word_length': 1.3630831643002028, 'pattern_counts': {'":': 0, '<': 76, '<?xml version=': 0, '>': 76, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '4282061', 'n_tokens_mistral': 1718, 'n_tokens_neox': 1579, 'n_words': 328}