<commit_before>{% extends 'base.html' %}
{% block title %}{{ name }}{% endblock %}
{% block style %}
<style>

</style> {% endblock %} {% block content %}
 <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1>Economic Trends Visualized</h1>
                <hr>
                <a href="#about" class="btn btn-primary btn-xl page-scroll">What is FTLOTM?</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Unemployment, inflation and interest. All in one place.</h2>
                    <hr class="light">
                    <p class="text-faded">For the Love of the Money is a web application built by <NAME> and <NAME> for JOUR491, a special topics class focused on news applications. Increasing attention on the stagnation of interest rates provided an ideal platform for an interactive economic website. We found interest, unemployment and inflation rates for the past 65 years and made the information easier to comprehend. It's all here, in graphics and visuals, so you can love it too.</p>
                    <a href="#services" class="btn btn-default btn-xl">Get Started!</a>
                </div>
            </div>
        </div>
    </section>

    <section id="services">
    
        <div class="container">
            <div class="row">
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Unemployment</h3>
                        <p class="text-muted">Explore unemployment over time</p>
                    </div>
                </div>
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                     <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Inflation</h3>
                        <p class="text-muted">Explore inflation rates over time</p>
                    </div>
                </div>
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Interest</h3>
                        <p class="text-muted">Explore interest rates over time</p>
                    </div>
                </div>
            
            </div>
        </div>
    </section>

    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-xs-3">
                    <a href="{% url 'unemploymentOver' %}" class="portfolio-box">
{% load staticfiles %}
                        <img src = '{% static "admin/img/portfolio/money1.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                
                                <div class="project-name">
                                    Unemployment
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="{% url 'index' %}" class="portfolio-box">
                        <img src='{% static "admin/img/portfolio/money2.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">

                                <div class="project-name">
                                    Inflation
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="{% url 'inflationOver' %}" class="portfolio-box">
                        <img src='{% static "admin/img/portfolio/money3.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
<commit_msg>A few changes to HTML so the hover over the pictures actually takes you to the appropriate graphs<commit_after>{% extends 'base.html' %}
{% block title %}{{ name }}{% endblock %}
{% block style %}
<style>

</style> {% endblock %} {% block content %}
 <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1>Economic Trends Visualized</h1>
                <hr>
                <a href="#about" class="btn btn-primary btn-xl page-scroll">What is FTLOTM?</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Unemployment, inflation and interest. All in one place.</h2>
                    <hr class="light">
                    <p class="text-faded">For the Love of the Money is a web application built by <NAME> and <NAME> for JOUR491, a special topics class focused on news applications. Increasing attention on the stagnation of interest rates provided an ideal platform for an interactive economic website. We found interest, unemployment and inflation rates for the past 65 years and made the information easier to comprehend. It's all here, in graphics and visuals, so you can love it too.</p>
                    <a href="#services" class="btn btn-default btn-xl">Get Started!</a>
                </div>
            </div>
        </div>
    </section>

    <section id="services">
    
        <div class="container">
            <div class="row">
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Unemployment</h3>
                        <p class="text-muted">Explore unemployment over time</p>
                    </div>
                </div>
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                     <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Inflation</h3>
                        <p class="text-muted">Explore inflation rates over time</p>
                    </div>
                </div>
                <div class="col-xs-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Interest</h3>
                        <p class="text-muted">Explore interest rates over time</p>
                    </div>
                </div>
            
            </div>
        </div>
    </section>

    <section class="no-padding" id="portfolio">
        <div class="container-fluid">
            <div class="row no-gutter">
                <div class="col-xs-3">
                    <a href="{% url 'unemploymentOver' %}" class="portfolio-box">
{% load staticfiles %}
                        <img src = '{% static "admin/img/portfolio/money1.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                
                                <div class="project-name">
                                    Unemployment
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="{% url 'inflationOver' %}" class="portfolio-box">
                        <img src='{% static "admin/img/portfolio/money2.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">

                                <div class="project-name">
                                    Inflation
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a href="{% url 'interestOver' %}" class="portfolio-box">
                        <img src='{% static "admin/img/portfolio/money3.jpg" %}' class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">

{'fraction_non_alphanumeric': 0.13201176342446358, 'fraction_numerical': 0.006970918200631739, 'mean_word_length': 1.3081950729009553, 'pattern_counts': {'":': 0, '<': 195, '<?xml version=': 0, '>': 195, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2748691', 'n_tokens_mistral': 2537, 'n_tokens_neox': 2312, 'n_words': 601}