<commit_before><div class="block graybg" style="margin-top:10px;border-top:1px solid #dedede;">
    <h3>CUSTOMIZE YOUR EMBEDDED DISPLAYS</h3>
</div>
<br />
<div class="block noborder">
    <div id="wizard">
        <div id="wizard-step-1" class="wizard-steps current">
            <span><strong>Step 1 </strong><span class="blue">Feedback Display Option</span></span>
            <br /><br />
            <span>Name and save as : </span>
            <div class="grids">
                <div class="g3of4">
                    <input type="text" id="form-name" class="wizard-text-field" title="%co-name% Display form" />
                    
                    <div class="grids">
                        <div class="g1of3" style="height:200px">
                            <img src="/img/embed-feedback-3.png" />
                        </div>
                        <div class="g2of3">
                            <br />
                            <span class="blue"><strong>Selected</strong> : Embedded Display </span>
                            <br />
                            <span class="underline"><small><a href="#">Change</a></small></span>
                        </div>
                    </div>
                </div>
                <div class="g1of4">
                    &nbsp;
                </div>
            </div>
        </div>
        <div id="wizard-step-2" class="wizard-steps">
            <span><strong>Step 2 </strong><span class="blue">Feedback Display Option</span></span>
            <br /><br />
            <span>Your header text : </span>
            <div class="grids">
                <div class="g3of4">
                    <input type="text" id="header-text" class="wizard-text-field" title="What our customer say" />
                </div>
                <div class="g1of4">
                    &nbsp;
                </div>
            </div>
            <div class="grids" style="height:185px">
                <img src="/img/embedded-display-preview.jpg" />
            </div>
        </div>
        <div id="wizard-step-3" class="wizard-steps">
            <span><strong>Step 3 </strong><span class="blue">Customize your feedback display effects and layout</span></span>
            <br /><br />
            <span>Transition Effect : </span>
            <div class="grids">
                <div class="g1of4">
                    <select class="wizard-select">
                        <option>Fade</option>
                        <option>Scroll Vertical</option>
                        <option>Scroll Horizontal</option>
                        <option>Uncover</option>
                    </select>
                </div>
                <div class="g3of4">
                    &nbsp;
                </div>
            </div>
            <div class="grids">
                <div class="g1of4" style="height:250px">
                    <input type="radio" name="type" checked /> Horizontal
                    <br />
                    <img src="/img/preview-horizontal-embed.png" />
                </div>
                <div class="g1of4" style="height:250px">
                    <input type="radio" name="type" /> Vertical
                    <br />
                    <img src="/img/preview-horizontal-embed.png" />
                </div>
            </div>
            <br />
            <span>Choose your theme : </span>
            <br />
            <input type="hidden" val="" id="selected-form" name="form-design" />
            <div class="form-design-slide" style="margin-left:-10px;">
                    <div class="form-design-prev">
                    </div>
                    <div class="form-designs grids" >
                        <div class="form-design-group grids">
                            <div class="form-design selected-form" id="form-blue">
                                <img src="/img/tab-designs/blue-form.png" height="60">
                                <br>
                                <span>Ocean Blue</span>
                            </div>
                            <div class="form-design" id="form-green">
                                <img src="/img/tab-designs/green-form.png" height="60">
                                <br>
                                <span>Forest Green</span>
                            </div>
                            <div class="form-design" id="form-yellow">
                                <img src="/img/tab-designs/yellow-form.png" height="60">
                                <br>
                                <span>Mandarin</span>
                            </div>
                            <div class="form-design" id="form-orange">
                                <img src="/img/tab-designs/orange-form.png" height="60">
                                <br>
                                <span>Sleek Orange</span>
                            </div>
                            <div class="form-design" id="form-red">
                                <img src="/img/tab-designs/red-form.png" height="60">
                                <br>
                                <span>Thin Red</span>
                            </div>
                        </div>
                        <div class="form-design-group grids">
                            <div class="form-design" id="form-blue">
                                <img src="/img/tab-designs/blue-form.png" height="60">
                                <br>
                                <span>Ocean Blue</span>
                            </div>
                            <div class="form-design" id="form-green">
                                <img src="/img/tab-designs/green-form.png" height="60">
                                <br>
                                <span>Forest Green</span>
                            </div>
                            <div class="form-design" id="form-yellow">
                                <img src="/img/tab-designs/yellow-form.png" height="60">
                                <br>
                                <span>Mandarin</span>
                            </div>
                            <div class="form-design" id="form-orange">
                                <img src="/img/tab-designs/orange-form.png" height="60">
                                <br>
                                <span>Sleek Orange</span>
                            </div>
                            <div class="form-design" id="form-red">
                                <img src="/img/tab-designs/red-form.png" height="60">
                                <br>
                                <span>Thin Red</span>
                            </div>
                        </div>                                                                    
                    </div>
                    <div class="form-design-next">
                    </div>
                </div>
        </div>                    
        <div id="wizard-step-4" class="wizard-steps">
            <span><strong>Step 4 </strong><span class="blue">Feedback detail display options </span></span>
            <br /><br />
            <span>Customize the fields you want to show up in your template. <br />
                  Uncheck items you want to hide (example - Country). </span>
            <div class="grids">
                <div class="g1of2">
                <br />
                    <div class="grids wizard-display-options">
                        <p><label>Display Image :</label> <input type="checkbox" id="preview-avatar" class="display-option" checked /></p>
                        <p><label>Company Name :</label> <input type="checkbox" id="preview-company" class="display-option" checked /></p>
                        <p><label>Designation / Position :</label> <input type="checkbox" id="preview-position" class="display-option" checked /></p>
                        <p><label>Website Url :</label> <input type="checkbox" id="preview-website" class="display-option" checked /></p>
                        <p><label>Country & Flag : </label> <input type="checkbox" id="preview-author-location" class="display-option" checked /></p>
                        <p><label>Submitted Date :</label> <input type="checkbox" id="preview-feedback-date" class="display-option" checked /></p>
                    </div>
                </div>
                <div class="g1of2">
                    <div class="align-center widget-preview-text">PREVIEW DISPLAY</div>
                    <div class="wizard-feedback-preview">
                        <div id="wizard-preview-box">
                            <div id="wizard-preview-author-info"> 
                                <div id="wizard-preview-avatar"><img id="avatar-display" src="/img/avatar-dan.png" /><img id="avatar-blank" src="/img/blank.jpg" style="display:none;"/></div>
                                <div id="wizard-preview-author-details">
                                    <div id="wizard-preview-author-name"><NAME></div>
                                    <div id="wizard-preview-author-position"><span id="wizard-preview-position">Marketing Manager,</span> <span id="wizard-preview-company"><a href="javascript:;" id="wizard-preview-website">Davis LLP</a></span></div>
                                    <div id="wizard-preview-author-location">Manitoba City, Canada <span class="flag flag-cn"></span></div>
                                </div>
                            </div>
                            <div id="wizard-preview-feedback-text">
                                I had great time using your product. It was even better than I expected. Will definitely come back again to try your next few dishes out... seriously fantastic.. (<a href="#" class="read-full">read full feedback</a>)
                            </div>
                            <div id="wizard-preview-feedback-date">
                                13th Sept. 2011
                            </div>
                        </div>
                    </div><commit_msg>the night is very clear<commit_after><div class="block graybg" style="margin-top:10px;border-top:1px solid #dedede;">
    <h3>CUSTOMIZE YOUR EMBEDDED DISPLAYS</h3>
</div>
<br />
<div class="block noborder">
    <div id="wizard">
        <div id="wizard-step-1" class="wizard-steps current">
            <span><strong>Step 1 </strong><span class="blue">Feedback Display Option</span></span>
            <br /><br />
            <span>Name and save as : </span>
            <div class="grids">
                <div class="g3of4">
                    <input type="text" id="form-name" class="wizard-text-field" title="%co-name% Display form" />
                    
                    <div class="grids">
                        <div class="g1of3" style="height:200px">
                            <img src="/img/embed-feedback-3.png" />
                        </div>
                        <div class="g2of3">
                            <br />
                            <span class="blue"><strong>Selected</strong> : Embedded Display </span>
                            <br />
                            <span class="underline"><small><a href="#">Change</a></small></span>
                        </div>
                    </div>
                </div>
                <div class="g1of4">
                    &nbsp;
                </div>
            </div>
        </div>
        <div id="wizard-step-2" class="wizard-steps">
            <span><strong>Step 2 </strong><span class="blue">Feedback Display Option</span></span>
            <br /><br />
            <span>Your header text : </span>
            <div class="grids">
                <div class="g3of4">
                    <input type="text" id="header-text" class="wizard-text-field" title="What our customer say" />
                </div>
                <div class="g1of4">
                    &nbsp;
                </div>
            </div>
            <div class="grids" style="height:185px">
                <img src="/img/embedded-display-preview.jpg" />
            </div>
        </div>
        <div id="wizard-step-3" class="wizard-steps">
            <span><strong>Step 3 </strong><span class="blue">Customize your feedback display effects and layout</span></span>
            <br /><br />
            <span>Transition Effect : </span>
            <div class="grids">
                <div class="g1of4">
                    <select class="wizard-select">
                        <option>Fade</option>
                        <option>Scroll Vertical</option>
                        <option>Scroll Horizontal</option>
                        <option>Uncover</option>
                    </select>
                </div>
                <div class="g3of4">
                    &nbsp;
                </div>
            </div>
            <div class="grids">
                <div class="g1of4" style="height:250px">
                    <input type="radio" name="type" checked /> Horizontal
                    <br />
                    <img src="/img/preview-horizontal-embed.png" />
                </div>
                <div class="g1of4" style="height:250px">
                    <input type="radio" name="type" /> Vertical
                    <br />
                    <img src="/img/preview-horizontal-embed.png" />
                </div>
            </div>
            <br />
            <span>Choose your theme : </span>
            <br />
            <input type="hidden" val="" id="selected-form" name="form-design" />
            <div class="form-design-slide" style="margin-left:-10px;">
                    <div class="form-design-prev">
                    </div>
                    <div class="form-designs grids" >
                        <div class="form-design-group grids">
                            <div class="form-design selected-form" id="form-blue">
                                <img src="/img/tab-designs/blue-form.png" height="60">
                                <br>
                                <span>Ocean Blue</span>
                            </div>
                            <div class="form-design" id="form-green">
                                <img src="/img/tab-designs/green-form.png" height="60">
                                <br>
                                <span>Forest Green</span>
                            </div>
                            <div class="form-design" id="form-yellow">
                                <img src="/img/tab-designs/yellow-form.png" height="60">
                                <br>
                                <span>Mandarin</span>
                            </div>
                            <div class="form-design" id="form-orange">
                                <img src="/img/tab-designs/orange-form.png" height="60">
                                <br>
                                <span>Sleek Orange</span>
                            </div>
                            <div class="form-design" id="form-red">
                                <img src="/img/tab-designs/red-form.png" height="60">
                                <br>
                                <span>Thin Red</span>
                            </div>
                        </div>
                        <div class="form-design-group grids">
                            <div class="form-design" id="form-blue">
                                <img src="/img/tab-designs/blue-form.png" height="60">
                                <br>
                                <span>Ocean Blue</span>
                            </div>
                            <div class="form-design" id="form-green">
                                <img src="/img/tab-designs/green-form.png" height="60">
                                <br>
                                <span>Forest Green</span>
                            </div>
                            <div class="form-design" id="form-yellow">
                                <img src="/img/tab-designs/yellow-form.png" height="60">
                                <br>
                                <span>Mandarin</span>
                            </div>
                            <div class="form-design" id="form-orange">
                                <img src="/img/tab-designs/orange-form.png" height="60">
                                <br>
                                <span>Sleek Orange</span>
                            </div>
                            <div class="form-design" id="form-red">
                                <img src="/img/tab-designs/red-form.png" height="60">
                                <br>
                                <span>Thin Red</span>
                            </div>
                        </div>                                                                    
                    </div>
                    <div class="form-design-next">
                    </div>
                </div>
        </div>                    
        <div id="wizard-step-4" class="wizard-steps">
            <span><strong>Step 4 </strong><span class="blue">Feedback detail display options </span></span>
            <br /><br />
            <span>Customize the fields you want to show up in your template. <br />
                  Uncheck items you want to hide (example - Country). </span>
            <div class="grids">
                <div class="g1of2">
                <br />
                    <div class="grids wizard-display-options">
                        <p><label>Display Image :</label> <input type="checkbox" id="preview-avatar" class="display-option" checked /></p>
                        <p><label>Company Name :</label> <input type="checkbox" id="preview-company" class="display-option" checked /></p>
                        <p><label>Designation / Position :</label> <input type="checkbox" id="preview-position" class="display-option" checked /></p>
                        <p><label>Website Url :</label> <input type="checkbox" id="preview-website" class="display-option" checked /></p>
                        <p><label>Country & Flag : </label> <input type="checkbox" id="preview-author-location" class="display-option" checked /></p>
                        <p><label>Submitted Date :</label> <input type="checkbox" id="preview-feedback-date" class="display-option" checked /></p>
                    </div>
                </div>
                <div class="g1of2">
                    <div class="align-center widget-preview-text">PREVIEW DISPLAY</div>
                    <div class="wizard-feedback-preview">
                        <div id="wizard-preview-box">
                            <div id="wizard-preview-author-info"> 
                                <div id="wizard-preview-avatar"><img id="avatar-display" src="/img/avatar-dan.png" /><img id="avatar-blank" src="/img/48x48-blank-avatar.jpg" style="display:none;"/></div>
                                <div id="wizard-preview-author-details">
                                    <div id="wizard-preview-author-name"><NAME></div>
                                    <div id="wizard-preview-author-position"><span id="wizard-preview-position">Marketing Manager,</span> <span id="wizard-preview-company"><a href="javascript:;" id="wizard-preview-website">Davis LLP</a></span></div>
                                    <div id="wizard-preview-author-location">Manitoba City, Canada <span class="flag flag-cn"></span></div>
                                </div>
                            </div>
                            <div id="wizard-preview-feedback-text">
                                I had great time using your product. It was even better than I expected. Will definitely come back again to try your next few dishes out... seriously fantastic.. (<a href="#" class="read-full">read full feedback</a>)
                            </div>
                            <div id="wizard-preview-feedback-date">
                                13th Sept. 2011
                            </div>
                        </div>
                    </div>
{'fraction_non_alphanumeric': 0.13773968191051875, 'fraction_numerical': 0.007927463707080216, 'mean_word_length': 1.078467717021934, 'pattern_counts': {'":': 0, '<': 539, '<?xml version=': 0, '>': 539, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3134305', 'n_tokens_mistral': 5279, 'n_tokens_neox': 4910, 'n_words': 991}