<commit_before><dom-module id="sprout-footer-logo">
    <template>
        <style>
            :host {
                position: absolute;
                bottom: 40px;
                right: 8%;
                text-align: right;
            }

            ul {
                -webkit-align-self: flex-end;
                    -ms-flex-item-align: end;
                        align-self: flex-end;
                padding: 0;
                margin: 0;
                margin-top: 15px;
                list-style: none;
                color: #999;
            }

            ul > li {
                margin-top: 10px;
            }

            a {
                text-decoration: none;
                color: #999;
                -webkit-transition: color 0.2s ease-out;
                transition: color 0.2s ease-out;
            }
            a:hover {
                text-decoration: none;
                color: #FFF;
            }

            @media screen and (max-width: 767px) {
                :host {
                    position: relative;
                    bottom: auto;
                    right: auto;
                    text-align: center;
                }
            }
        </style>

		<ul>
			<li>
                <img src="logo_oly_gray.png">
				<a href="http://www.olympus.com.tw/zh/" target="_blank">Taiwan</a> |
				<a href="http://www.olympus.co.jp/jp/" target="_blank">Japan</a> |
				<a href="http://www.olympus-global.com/en/" target="_blank">Goobal</a>
			</li>
			<li>© 2015 YUANYU Group CO., LTD. All Rights Reserved.</li>
		</ul>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-logo'
        });
    </script>
</dom-module>


<dom-module id="sprout-footer-split">
    <template>
        <style>
            :host {
                height: 100%;
                width: 1px;
                background-color: #FFF;
                position: absolute;
            }
        </style>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-split'
        });
    </script>
</dom-module>


<dom-module id="sprout-footer-list">
    <template>
        <style>
            :host {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
            }
            ul {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                list-style: none;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                        flex-direction: column;
                padding: 0;
                margin: 0;
                position: relative;
            }

            .title {
                color: #FFF;
                text-decoration: none;
                font-size: 1.1em;
                font-weight: bold;
                margin-bottom: 10px;
            }
            .title:hover {
                text-decoration: none;
            }

            :host ::content ul > a, :host ::content ul > li {
                color: #CCC;
                text-decoration: none;
                -webkit-transition: color 0.2s ease-out;
                transition: color 0.2s ease-out;
            }
            :host ::content ul > a:hover, :host ::content ul > li:hover {
                text-decoration: none;
                color: #FFF;
            }

            @media screen and (max-width: 767px) {
                :host.desktop {
                    display: none;
                }


                :host {
                    -webkit-box-flex: 0;
                    -webkit-flex-grow: 0;
                        -ms-flex-positive: 0;
                            flex-grow: 0;
                }
                ul {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: row;
                        -ms-flex-direction: row;
                            flex-direction: row;
                }
                :host ::content ul > a, :host ::content ul > li {
                    margin: 0 10px;
                }
            }
        </style>

        <ul class$="{{class}}">
            <template is="dom-if" if="{{title}}">
                <a href$="{{href}}" class="title">{{title}}</a>
            </template>
            <content></content>
        </ul>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-list'
        });
    </script>
</dom-module>

<dom-module id="sprout-footer">
    <template>
        <style>
            :host {
                display: block;
                width: 100%;
                padding: 40px 8%;
                box-sizing: border-box;
                background-color: #444;
                position: relative;
            }

            .footer-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                max-width: 900px;
                font-size: 14px;
                letter-spacing: 0.1em;
                line-height: 1.6em;
                -webkit-justify-content: space-around;
                    -ms-flex-pack: distribute;
                        justify-content: space-around;
                -webkit-box-align: stretch;
                -webkit-align-items: stretch;
                    -ms-flex-align: stretch;
                        align-items: stretch;
                position: relative;
            }

            @media screen and (max-width: 767px) {
                :host {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    padding: 40px 20px;
                }
                .footer-content {
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                        -ms-flex-align: center;
                                -ms-grid-row-align: center;
                            align-items: center;
                }
            }
        </style>

        <div class="footer-content">
            <content></content>
        </div>
        <sprout-footer-logo></sprout-footer-logo>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer'
        });
    </script>
</dom-module>
<commit_msg>footer ie bug with inline-elements<commit_after><dom-module id="sprout-footer-logo">
    <template>
        <style>
            :host {
                position: absolute;
                bottom: 40px;
                right: 8%;
                text-align: right;
            }

            ul {
                -webkit-align-self: flex-end;
                    -ms-flex-item-align: end;
                        align-self: flex-end;
                padding: 0;
                margin: 0;
                margin-top: 15px;
                list-style: none;
                color: #999;
            }

            ul > li {
                margin-top: 10px;
            }

            a {
                text-decoration: none;
                color: #999;
                -webkit-transition: color 0.2s ease-out;
                transition: color 0.2s ease-out;
            }
            a:hover {
                text-decoration: none;
                color: #FFF;
            }

            @media screen and (max-width: 767px) {
                :host {
                    position: relative;
                    bottom: auto;
                    right: auto;
                    text-align: center;
                }
            }
        </style>

		<ul>
			<li>
                <img src="logo_oly_gray.png">
				<a href="http://www.olympus.com.tw/zh/" target="_blank">Taiwan</a> |
				<a href="http://www.olympus.co.jp/jp/" target="_blank">Japan</a> |
				<a href="http://www.olympus-global.com/en/" target="_blank">Goobal</a>
			</li>
			<li>© 2015 YUANYU Group CO., LTD. All Rights Reserved.</li>
		</ul>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-logo'
        });
    </script>
</dom-module>


<dom-module id="sprout-footer-split">
    <template>
        <style>
            :host {
                height: 100%;
                width: 1px;
                background-color: #FFF;
                position: absolute;
            }
        </style>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-split'
        });
    </script>
</dom-module>


<dom-module id="sprout-footer-list">
    <template>
        <style>
            :host {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
            }
            ul {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                list-style: none;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                        flex-direction: column;
                padding: 0;
                margin: 0;
                position: relative;
            }

            .title {
                color: #FFF;
                text-decoration: none;
                font-size: 1.1em;
                font-weight: bold;
                margin-bottom: 10px;
            }
            .title:hover {
                text-decoration: none;
            }

            :host ::content ul > a, :host ::content ul > li {
                color: #CCC;
                text-decoration: none;
                -webkit-transition: color 0.2s ease-out;
                transition: color 0.2s ease-out;
                display: inline-block;
            }
            :host ::content ul > a:hover, :host ::content ul > li:hover {
                text-decoration: none;
                color: #FFF;
            }

            @media screen and (max-width: 767px) {
                :host.desktop {
                    display: none;
                }


                :host {
                    -webkit-box-flex: 0;
                    -webkit-flex-grow: 0;
                        -ms-flex-positive: 0;
                            flex-grow: 0;
                }
                ul {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: row;
                        -ms-flex-direction: row;
                            flex-direction: row;
                }
                :host ::content ul > a, :host ::content ul > li {
                    margin: 0 10px;
                }
            }
        </style>

        <ul class$="{{class}}">
            <template is="dom-if" if="{{title}}">
                <a href$="{{href}}" class="title">{{title}}</a>
            </template>
            <content></content>
        </ul>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer-list'
        });
    </script>
</dom-module>

<dom-module id="sprout-footer">
    <template>
        <style>
            :host {
                display: block;
                width: 100%;
                padding: 40px 8%;
                box-sizing: border-box;
                background-color: #444;
                position: relative;
            }

            .footer-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                max-width: 900px;
                font-size: 14px;
                letter-spacing: 0.1em;
                line-height: 1.6em;
                -webkit-justify-content: space-around;
                    -ms-flex-pack: distribute;
                        justify-content: space-around;
                -webkit-box-align: stretch;
                -webkit-align-items: stretch;
                    -ms-flex-align: stretch;
                        align-items: stretch;
                position: relative;
            }

            @media screen and (max-width: 767px) {
                :host {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    padding: 40px 20px;
                }
                .footer-content {
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                        -ms-flex-align: center;
                                -ms-grid-row-align: center;
                            align-items: center;
                }
            }
        </style>

        <div class="footer-content">
            <content></content>
        </div>
        <sprout-footer-logo></sprout-footer-logo>
    </template>

    <script>
        Polymer({
            is: 'sprout-footer'
        });
    </script>
</dom-module>

{'fraction_non_alphanumeric': 0.11464618760285245, 'fraction_numerical': 0.011245200219418541, 'mean_word_length': 0.8998306630194086, 'pattern_counts': {'":': 0, '<': 121, '<?xml version=': 0, '>': 135, 'https://': 0, 'lorem ipsum': 0, 'www.': 6, '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': '4075288', 'n_tokens_mistral': 4248, 'n_tokens_neox': 3690, 'n_words': 772}