<commit_before><!--remove when project complete - this is here for WebStorm-->
<link rel="stylesheet" href="ignore/bootstrap.min.css">
<!--remove stop-->
<style>
    .bckGndImg {
        background: url({{backGround}});
        background-size: cover;
        height: 100%;
    }
</style>

<div class="viewContainer bckGndImg">
    <div class="row top-row">
        <div class="col-xs-2 top-col-1">top1</div>
        <div class="col-xs-8 top-col-10 text-center">top10</div>
        <div class="col-xs-2 top-col-1 text-right">top1</div>
    </div>
    <div class="row middle-row">
        <div class="col-xs-2 middle-col-1"><a href="#/view1"><i class="fa fa-chevron-circle-left fa-4x"></i></a></div>
        <div class="col-xs-8 middle-col-10 text-center"><p>weather data: {{weatherData.city.name}}</p></div>
        <div class="col-xs-2 middle-col-1 text-right"><a href="#/view2"><i class="fa fa-chevron-circle-right fa-4x"></i></a></div>
    </div>
    <div class="row bottom-row">
        <div class="col-xs-2 bottom-col-1">bottom1</div>
        <div class="col-xs-8 bottom-col-10 text-center">bottom10</div>
        <div class="col-xs-2 bottom-col-10 text-right">bottom1</div>
    </div>

</div><commit_msg>Basic view done<commit_after><!--remove when project complete - this is here for WebStorm-->
<link rel="stylesheet" href="ignore/bootstrap.min.css">
<!--remove stop-->
<style>
    .bckGndImg {
        background: url({{backGround}});
        background-size: cover;
        height: 100%;
    }
</style>

<div class="viewContainer bckGndImg text-center">
    <div class="row top-row">
        <div class="col-xs-3 text-left">
            <div class="row">{{weatherData.city.name}}, {{weatherData.city.country}}</div>
            <div class="row">lat: {{weatherData.city.coord.lat}}</div>
            <div class="row">lon: {{weatherData.city.coord.lon}}</div>
        </div>
        <div class="col-xs-6"><h2>Free Code Camp Zipline</h2>

            <h3>Local Weather App</h3></div>
        <div class="col-xs-3 text-left">
            <div class="row"><div class="col-xs-12">{{weatherData.list[0].dt * 1000 | date}}</div></div>
            <div class="row"><div class="col-xs-12">{{weatherData.list[0].weather[0].description}}</div></div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="row"><div class="col-xs-12">Temperature: <span>Kelvin</span></div></div>
                    <div class="row "><div class="col-xs-11 col-xs-offset-1">min: {{weatherData.list[0].temp.min}}</div></div>
                    <div class="row "><div class="col-xs-11 col-xs-offset-1">max: {{weatherData.list[0].temp.max}}</div></div>
                </div>
            </div>
            <div class="row"><div class="col-xs-12">Humidity: {{weatherData.list[0].humidity}}</div></div>
            <div class="row"><div class="col-xs-12">Pressure: {{weatherData.list[0].pressure}}</div></div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="row"><div class="col-xs-12">Wind:</div></div>
                    <div class="row "><div class="col-xs-11 col-xs-offset-1">Speed: {{weatherData.list[0].speed}}m/s</div></div>
                    <div class="row "><div class="col-xs-11 col-xs-offset-1">Direction: {{weatherData.list[0].deg}}deg</div></div>
                </div>
            </div>

        </div>
    </div>
    <div class="row middle-row">
        <div class="col-xs-2 text-left"><a href="#/view1"><i class="fa fa-chevron-left fa-4x"></i></a></div>
        <div class="col-xs-8"></div>
        <div class="col-xs-2 text-right"><a href="#/view2"><i class="fa fa-chevron-right fa-4x"></i></a></div>
    </div>
    <div class="row bottom-row">
        <div class="col-xs-2"></div>
        <div class="col-xs-8"></div>
        <div class="col-xs-2"></div>
    </div>

</div>
{'fraction_non_alphanumeric': 0.22075910147172734, 'fraction_numerical': 0.025303382390911438, 'mean_word_length': 2.5378995433789955, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 143, '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': '192838', 'n_tokens_mistral': 1392, 'n_tokens_neox': 1316, 'n_words': 229}