global/global/templates/base/index.html

{% extends 'base.html' %}
{% load static %}
{% load settings %}

{% block head %}
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/home.css' %}" />
{% endblock %}

{% block body %}

<div id="hero">
    <h1>global studies<br><span>TJHSST {% settings_value "CURRENT_YEAR" %} - 2023</span></h1>
</div>

{% include "nav.html" %}

<div class="content">
    <div class="row">
        <div class="col-lg-8 col-md-6 col-sm-12">
            <p class="mission-text center-text">
                Global Studies is a combined AP Government and AP Language section that combines policy and rhetoric to create an environment that generates real changemakers. Every year the students complete a group research project into the world around them and work to solve real-world issues. 
            </p>
            <hr>
            <h1 class="primary"><strong>Recently Updated Projects</strong></h1>
            {% for project in projects %}
                <a href="{% url 'projects:project_detail' project.id %}" class="box card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-5 col-md-12 text-center title-box">
                                <p><strong>{{ project.title }}</strong></p>
                                <p>{{ project.author_string }}</p>
                            </div>
                            <div class="col-lg-7 col-md-12">
                                <p>{{ project.description }}</p>
                            </div>
                        </div>
                    </div>
                </a>
            {% endfor %}
            <br>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="twitter">
                <a class="twitter-timeline" data-height="1500" href="https://twitter.com/MBourjaily?ref_src=twsrc%5Etfw">
                    Tweets by Mr. Bourjaily
                </a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>  
            </div>              
        </div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r74/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/66496/OBJLoader.js"></script>
<script type="text/javascript" src="{% static 'js/hero.js' %}"></script>

{% endblock body %}