<commit_before>{% extends template('theme/base.html.twig') %}

{% block main %}
    <div class="container">
        <section class="page-product">
            <div class="row">
                <div class="col-5">
                    <div class="product-gallery" data-shop-gallery>
                        <div class="stage" data-stage>
                            <img src="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" alt="" data-image-zoom="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2734&q=80">
                        </div>
                        <ul class="thumbs">
                            <li><img data-image src="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" data-full-image="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2734&q=80"></li>
                            <li><img data-image src="https://images.unsplash.com/photo-1496044601873-3f373ec781b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1652&q=80" data-full-image="https://images.unsplash.com/photo-1496044601873-3f373ec781b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2704&q=80"></li>
                            <li><img data-image src="https://images.unsplash.com/photo-1537743708445-618780d77fbf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" data-full-image="https://images.unsplash.com/photo-1537743708445-618780d77fbf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80"></li>
                        </ul>
                    </div>
                    <div class="product-fullscreen" data-product-zoom>
                        <div class="image">
                            <img src="" alt="" data-image-zoomed>
                        </div>
                    </div>
                    <div class="product-table">
                        <div class="label">Product details</div>
                        <div class="table-body">
                            {% for i in 0..5 %}
                            <div class="table-row">
                                <div class="key">Name der sehr lang ist, vorasicht achtung </div>
                                <div class="value">Wert der sehr lang ist, vorasicht achtung</div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="col-6 offset-1">
                    <h1 class="product-title">Produkt mit einem sehr langen namen der über mehrere Zeilen läuft, auch sowas gibt's</h1>
                    <div class="product-status">
                        <p class="in-stock">Deliverable within 2 Days</p>
                    </div>
                    <p class="product-description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

                    <div class="product-meta">
                        <div class="product-price">
                            <div class="price">
                                <span class="default-price">950,27 €</span>
                                <span class="reduced-price">600,50 €</span>
                            </div><commit_msg>base styles for product detail page; responsive styles for product detail page;<commit_after>{% extends template('theme/base.html.twig') %}

{% block main %}
    <div class="container">
        <section class="page-product">
            {#if state loading#}
            {#<div class="state-loading" data-loading-screen>#}
                {#<div class="loading" data-loading-spinner>#}
                    {#<div></div>#}
                    {#<div></div>#}
                    {#<div></div>#}
                {#</div>#}
            {#</div>#}
            <div class="row">
                <div class="col-sm-5 column-1">
                    <div class="product-gallery" data-shop-gallery>
                        <div class="stage" data-stage>
                            <img src="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" alt="" data-image-zoom="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2734&q=80">
                        </div>
                        <ul class="thumbs">
                            <li><img data-image src="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" data-full-image="https://images.unsplash.com/photo-1539614835982-ca889abfc027?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2734&q=80"></li>
                            <li><img data-image src="https://images.unsplash.com/photo-1496044601873-3f373ec781b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1652&q=80" data-full-image="https://images.unsplash.com/photo-1496044601873-3f373ec781b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2704&q=80"></li>
                            <li><img data-image src="https://images.unsplash.com/photo-1537743708445-618780d77fbf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80" data-full-image="https://images.unsplash.com/photo-1537743708445-618780d77fbf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=934&q=80"></li>
                        </ul>
                    </div>
                    <div class="product-fullscreen" data-product-zoom>
                        <div class="image">
                            <img src="" alt="" data-image-zoomed>
                        </div>
                    </div>
                    <div class="product-table">
                        <div class="label">Product details</div>
                        <div class="table-body">
                            {% for i in 0..5 %}
                            <div class="table-row">
                                <div class="key">Name der sehr lang ist, vorasicht achtung </div>
                                <div class="value">Wert der sehr lang ist, vorasicht achtung</div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 offset-1 column-2">
                    <h1 class="product-title">Produkt mit einem sehr langen namen der über mehrere Zeilen läuft, auch sowas gibt's</h1>
                    <div class="product-status">
                        <p class="in-stock">Deliverable within 2 Days</p>
                    </div>
                    <p class="product-description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

                    <div class="product-meta">
                        <div class="product-price">
                            <div class="price">
                                <span class="default-price">950,27 €</span>
                                <span class="reduced-price">600,50 €</span>
                            </div>
{'fraction_non_alphanumeric': 0.12920018930430668, 'fraction_numerical': 0.060340747752011356, 'mean_word_length': 1.8968471555860178, 'pattern_counts': {'":': 0, '<': 123, '<?xml version=': 0, '>': 123, 'https://': 16, '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': '5009405', 'n_tokens_mistral': 3148, 'n_tokens_neox': 2780, 'n_words': 478}