<commit_before>﻿<!DOCTYPE html>
<html ng-app="folderPlugin">
<head lang="en">
    <title>widget</title>
    <meta charset="UTF-8">

    <!-- CSS -->
    <link href="../../../scripts/owlCarousel/owlCarousel.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../../styles/helper.css">
    <link rel="stylesheet" href="../../../styles/siteIcons.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- JS -->
    <script src="../../../scripts/jquery/jquery-1.11.2.min.js"></script>
    <script src="../../../scripts/smartcrop.js"></script>
    <script src="../../../scripts/angular/angular.min.js"></script>

    <script src="js/angular-owl-carousel.js"></script>
    <script type="text/javascript" src="../../../scripts/buildfire.js"></script>
    <script type="text/javascript" src="../../../scripts/owlCarousel/owlCarousel.js"></script>
    <script src="../../../scripts/buildfire/components/carousel/carousel.js"></script>
    <script src="../../../scripts/buildfire/components/pluginInstance/sortableList.js"></script>
    <script src="../../../scripts/angular/ng-infinite-scroll.custom.js "  type="application/javascript"></script>
    <script type="text/javascript" src="widget.controller.js"></script>

</head>
<body ng-controller="folderPluginCtrl" ng-cloak data-back-img="{{ data.design.backgroundImage}}" class="infinite-scroll-parent">
<style>
    .layout-6 .list-item-media {
        background-color: transparent !important;
    }
    .folder-plugin-text:empty + div .layout3 .list-layout {
        border-top: 0;
    }
    #mainContainer {
        position: relative;
    }
	.icon3, .icon4 {
		font-size: 140px;
	}	
	.icon5 {
		font-size: 130px;
		position:relative;
		top:22px;
	}	
	.icon6 {
		font-size: 120px;
		position:relative;
		top:15px;
	}
	.fullHeight{
		height:100%;
	}
	.marginTop{
		margin-top:1px;
	}
    .owl-dots {
        visibility : hidden;
    }
</style>
<script type="text/javascript" charset="utf-8">
    window.onload = function () {
        var slides = $('.plugin-slider .plugin-slide').length;

        // Slider needs at least 2 slides or you'll get an error.
        if(slides > 1){
            $('.plugin-slider').owlCarousel({
                loop:false,
                nav:false,
                items:1
            });
        }
    }

</script>
<div data-ng-init="setWidth()" class="holder padding-zero hasBackground fullHeight" id="mainContainer">
    <div class="folder-plugin list-layout fullHeight">
        <div ng-class="{ 'hidden': data.content.carouselImages.length == 0 }" class="plugin-banner clearfix" ng-hide="data.design.selectedLayout == 12">
            <div id="carousel" class="plugin-slider text-center" ng-style="data.content.carouselImages.length > 0 ? {'min-height': (9 * deviceWidth / 16) + 'px' } : {}"></div>
        </div>
        <div class="text-left padded padding-bottom-zero clearfix folder-plugin-text hide-empty " ng-bind-html="safeHtml(data.content.text)" ng-hide="data.design.selectedLayout == 12"></div>
        <div ng-if="data.design.selectedLayout && data.plugins.length > 0" ng-class="{'marginTop': data.design.selectedLayout == 11, 'fullHeight': data.design.selectedLayout == 12}" infinite-scroll="paging()"
             data-infinite-container=".infinite-scroll-parent">
            <!-- Layout 1 -->
            <div class="media-center-plugin layout3" ng-if="data.design.selectedLayout == 1" >
                <div class=" list-layout" >
                    <div class="list-item" ng-repeat="plugin in data.plugins" ng-click="navigateToPlugin(plugin)" >
                        <div class="list-item-media text-left overflow-hidden">
                            <div class="list-media-holder square-icon pull-left">
                                <img load-image="4x1" data-final-src="{{ plugin.iconUrl }}"  crop-width="180" crop-height="180" crop-type="crop" ng-if="plugin.iconUrl">
                                <span class="main-icon {{ plugin.iconClassName }}" ng-if="plugin.iconClassName"></span>
                            </div>
                            <div class="list-item-copy text-left padding-left-ten padding-right-ten">
                                <p class="ellipsis margin-zero margin-top-twenty">{{ plugin.title }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End layout 1 -->
            <!-- Layout 2 -->
            <div class="holder padding-zero" ng-if="data.design.selectedLayout == 2">
                <div class="media-center-plugin layout3">
                    <div class="list-layout" >
                        <div class="list-item" ng-repeat="plugin in data.plugins" ng-click="navigateToPlugin(plugin)">
                            <div class="list-item-media text-left overflow-hidden">
                                <div class="list-media-holder pull-left">
                                    <img load-image="16x9" data-final-src="{{ plugin.iconUrl }}"  crop-width="220" crop-height="120" crop-type="crop" ng-if="plugin.iconUrl">
                                    <span class="main-icon {{ plugin.iconClassName }}" ng-if="plugin.iconClassName"></span>
                                </div>
                                <div class="list-item-copy text-left padding-left-ten padding-right-ten">
                                    <p class="ellipsis margin-zero bodyTextTheme margin-top-twenty">{{ plugin.title }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End layout 2 -->
            <!-- Layout 3 --><commit_msg>Fixed : GIFs not being cropped as they should<commit_after>﻿<!DOCTYPE html>
<html ng-app="folderPlugin">
<head lang="en">
    <title>widget</title>
    <meta charset="UTF-8">

    <!-- CSS -->
    <link href="../../../scripts/owlCarousel/owlCarousel.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../../styles/helper.css">
    <link rel="stylesheet" href="../../../styles/siteIcons.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- JS -->
    <script src="../../../scripts/jquery/jquery-1.11.2.min.js"></script>
    <script src="../../../scripts/smartcrop.js"></script>
    <script src="../../../scripts/angular/angular.min.js"></script>

    <script src="js/angular-owl-carousel.js"></script>
    <script type="text/javascript" src="../../../scripts/buildfire.js"></script>
    <script type="text/javascript" src="../../../scripts/owlCarousel/owlCarousel.js"></script>
    <script src="../../../scripts/buildfire/components/carousel/carousel.js"></script>
    <script src="../../../scripts/buildfire/components/pluginInstance/sortableList.js"></script>
    <script src="../../../scripts/angular/ng-infinite-scroll.custom.js "  type="application/javascript"></script>
    <script type="text/javascript" src="widget.controller.js"></script>

</head>
<body ng-controller="folderPluginCtrl" ng-cloak data-back-img="{{ data.design.backgroundImage}}" class="infinite-scroll-parent">
<style>
    .layout-6 .list-item-media {
        background-color: transparent !important;
    }
    .folder-plugin-text:empty + div .layout3 .list-layout {
        border-top: 0;
    }
    #mainContainer {
        position: relative;
    }
	.icon3, .icon4 {
		font-size: 140px;
	}	
	.icon5 {
		font-size: 130px;
		position:relative;
		top:22px;
	}	
	.icon6 {
		font-size: 120px;
		position:relative;
		top:15px;
	}
	.fullHeight{
		height:100%;
	}
	.marginTop{
		margin-top:1px;
	}
    .owl-dots {
        visibility : hidden;
    }
</style>
<script type="text/javascript" charset="utf-8">
    window.onload = function () {
        var slides = $('.plugin-slider .plugin-slide').length;

        // Slider needs at least 2 slides or you'll get an error.
        if(slides > 1){
            $('.plugin-slider').owlCarousel({
                loop:false,
                nav:false,
                items:1
            });
        }
    }

</script>
<div data-ng-init="setWidth()" class="holder padding-zero hasBackground fullHeight" id="mainContainer">
    <div class="folder-plugin list-layout fullHeight">
        <div ng-class="{ 'hidden': data.content.carouselImages.length == 0 }" class="plugin-banner clearfix" ng-hide="data.design.selectedLayout == 12">
            <div id="carousel" class="plugin-slider text-center" ng-style="data.content.carouselImages.length > 0 ? {'min-height': (9 * deviceWidth / 16) + 'px' } : {}"></div>
        </div>
        <div class="text-left padded padding-bottom-zero clearfix folder-plugin-text hide-empty " ng-bind-html="safeHtml(data.content.text)" ng-hide="data.design.selectedLayout == 12"></div>
        <div ng-if="data.design.selectedLayout && data.plugins.length > 0" ng-class="{'marginTop': data.design.selectedLayout == 11, 'fullHeight': data.design.selectedLayout == 12}" infinite-scroll="paging()"
             data-infinite-container=".infinite-scroll-parent">
            <!-- Layout 1 -->
            <div class="media-center-plugin layout3" ng-if="data.design.selectedLayout == 1" >
                <div class=" list-layout" >
                    <div class="list-item" ng-repeat="plugin in data.plugins" ng-click="navigateToPlugin(plugin)" >
                        <div class="list-item-media text-left overflow-hidden">
                            <div class="list-media-holder square-icon pull-left">
                                <img load-image="1x1" data-final-src="{{ plugin.iconUrl }}"  crop-width="180" crop-height="180" crop-type="crop" ng-if="plugin.iconUrl">
                                <span class="main-icon {{ plugin.iconClassName }}" ng-if="plugin.iconClassName"></span>
                            </div>
                            <div class="list-item-copy text-left padding-left-ten padding-right-ten">
                                <p class="ellipsis margin-zero margin-top-twenty">{{ plugin.title }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End layout 1 -->
            <!-- Layout 2 -->
            <div class="holder padding-zero" ng-if="data.design.selectedLayout == 2">
                <div class="media-center-plugin layout3">
                    <div class="list-layout" >
                        <div class="list-item" ng-repeat="plugin in data.plugins" ng-click="navigateToPlugin(plugin)">
                            <div class="list-item-media text-left overflow-hidden">
                                <div class="list-media-holder pull-left">
                                    <img load-image="16x9" data-final-src="{{ plugin.iconUrl }}"  crop-width="220" crop-height="120" crop-type="crop" ng-if="plugin.iconUrl">
                                    <span class="main-icon {{ plugin.iconClassName }}" ng-if="plugin.iconClassName"></span>
                                </div>
                                <div class="list-item-copy text-left padding-left-ten padding-right-ten">
                                    <p class="ellipsis margin-zero bodyTextTheme margin-top-twenty">{{ plugin.title }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End layout 2 -->
            <!-- Layout 3 -->
{'fraction_non_alphanumeric': 0.17501304121022432, 'fraction_numerical': 0.012693444618327247, 'mean_word_length': 1.9381864623243934, 'pattern_counts': {'":': 0, '<': 179, '<?xml version=': 0, '>': 185, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2924917', 'n_tokens_mistral': 3450, 'n_tokens_neox': 3223, 'n_words': 587}