Relate base.html

9/4/2017 - 4:58 PM

{% extends "base.html" %}
{% load i18n %}

{% block section %}
<section id="home-sec">
    <div class="overlay text-center">
        {% trans "RELATE_NAME" as RELATE_NAME %}
        <h1 >{% blocktrans %} Welcome to {{ RELATE_NAME }} {% endblocktrans %}</h1>
        <hr class="hr-set"/>

        <p>{% trans "RELATE is an Environment for Learning And TEaching" %}</p>
    </div>
</section>
{% endblock %}

  {% if current_courses %}
    {% if current_courses %}
      {% block course %}
      <section id="features-sec"  >
        <div class="container">
      <div class="row text-center" >
        {% for course in current_courses %}
        <div class="col-md-3">
          <i class="fa fa-book fa-3x icon-custom-2 color-2"></i>
          <h4 class="course-title">{{course.number}} {{course.time_period}}</h4>
          <p>
            {{course.name}}
          </p>
          <p><a class="btn btn-default" href="{% url 'relate-course_page' course.identifier %}" role="button">{% trans "View" %} &raquo;</a></p>
        </div>
        {% endfor %}
      </div>
    </div>
    </section>
    {% endblock %}
    {% endif %}
  {% endif %}
  {% block content %}
  {% if past_courses %}
      <h3>{% trans "Past Courses" %}</h3>
      <table class="table table-condensed">
        <tr>
          <th>Number</th>
          <th></th>
          <th>Name</th>
          <th>Time</th>
        </tr>
        {% for course in past_courses %}
          <tr
             {% if not course.accepts_enrollment or course.hidden %}
                class="text-muted"
             {% endif %}
            >
            <td><a href="{% url 'relate-course_page' course.identifier %}">{{course.number}}</a>
            <td><a href="{% url 'relate-course_page' course.identifier %}">{{course.time_period}}</a>
            <td>{{course.name}}</td>
            <td>{{course.start_date}}{% if course.end_date %} - {{course.end_date}}{% endif %}</td>
          </tr>
        {% endfor %}
      </table>    
  {% else %}
    {% trans "RELATE" as RELATE %}
    {% blocktrans trimmed %} There are no courses hosted on this {{ RELATE }} site. {% endblocktrans %}
    {% if not user.is_authenticated %}
      {% url "relate-sign_in_by_user_pw" as relate-sign_in_by_user_pw %}
      {% blocktrans trimmed %}
        <a href="{{ relate-sign_in_by_user_pw }}">Sign in</a> to get started.
      {% endblocktrans %}
    {% endif %}
  {% endif %}
  {% if user.is_staff %}
    <hr>
    <a class="btn btn-primary" href="{% url 'relate-set_up_new_course' %}" role="button">{% trans "Set up new course" %} &raquo;</a></p>
  {% endif %}
{% endblock %}

base.html

<!DOCTYPE html>
{% load i18n %}
{% load static %}

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{% block title %}{% trans "RELATE" %}{% endblock %}</title>

    <link href="{% static "it-host/assets/css/bootstrap.css" %}" rel="stylesheet">
    <link href="{% static "it-host/assets/css/style.css" %}" rel="stylesheet">
    <link href="{% static "it-host/assets/css/font-awesome.css" %}" rel="stylesheet">
    <link href="{% static "jquery-ui/themes/smoothness/jquery-ui.css" %}" rel="stylesheet">

    <link rel="stylesheet" href="{% static "font-awesome/css/font-awesome.css" %}">
    <link rel="stylesheet" href="{% static "jstree/dist/themes/default/style.min.css" %}" />
    <link rel="stylesheet" href="/static/css/style.css" >

    {# Don't be tempted to move all this JS stuff down to the end. #}
    {# The datepicker generates inline JS that relies on this being loaded. #}
    <script src="{% static "jquery/dist/jquery.js" %}"></script>
    <script src="{% static "jquery-ui/jquery-ui.js" %}"></script>
    <script src="{% static "bootstrap/dist/js/bootstrap.js" %}"></script>
    <script src="{% static "jstree/dist/jstree.min.js" %}"></script>
    <script src="{% static "html5gallery/html5gallery.js" %}"></script>

    {{ form.media }}

    {%block header_extra %}{% endblock %}

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link href="{% static "video.js/dist/video-js.min.css" %}" rel="stylesheet">
    <script src="{% static "video.js/dist/video.min.js" %}"></script>
    <script type="text/javascript">
      videojs.options.flash.swf = "{% static "videojs/dist/video-js/video-js.swf" %}"
    </script>
  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top " >
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="{%block brand_link %}/{% endblock %}">{%block brand %}{% trans "RELATE" %}{% endblock %}</a>
        </div>
        <div class="navbar-collapse collapse">
          {% if not maintenance_mode %}
          <ul class="nav navbar-nav">

            {%block navbar %}{% endblock %}

            {% if user.is_staff or currently_impersonating or perms.course.can_issue_exam_tickets or pperm.impersonate_role or pperm.set_fake_time or pperm.set_pretend_facility %}
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Staff" %}<b class="caret"></b></a>
              <ul class="dropdown-menu">
                {% if user.is_staff %}
                  <li><a href="/admin" target="_blank">{% trans "Admin site" %}</a></li>
                  <li role="presentation" class="divider"></li>
                {% endif %}
                {% if perms.course.can_issue_exam_tickets %}
                  <li role="presentation" class="dropdown-header">{% trans "Exams" %}</li>
                  <li><a href="{% url "relate-issue_exam_ticket" %}">{% trans "Issue exam tickets" %}</a></li>
                  <li><a href="{% url "relate-check_in_for_exam" %}">{% trans "Exam check-in" %}</a></li>
                    <li role="presentation" class="divider"></li>
                {% endif %}
                {% if currently_impersonating or pperm.impersonate_role %}
                  <li role="presentation" class="dropdown-header">{% trans "Test/Troubleshoot" %}</li>
                  {% if currently_impersonating %}
                    <li><a href="{% url "relate-stop_impersonating" %}" target="_blank">{% trans "Stop impersonating" %}</a></li>
                  {% else %}
                    <li><a href="{% url "relate-impersonate" %}" target="_blank">{% trans "Impersonate user" %}</a></li>
                  {% endif %}
                {% endif %}
                {% if pperm.set_fake_time %}
                  <li><a href="{% url "relate-set_fake_time" %}" target="_blank">{% trans "Set fake time" %}</a></li>
                {% endif %}
                {% if pperm.set_pretend_facility %}
                  <li><a href="{% url "relate-set_pretend_facilities" %}" target="_blank">{% trans "Pretend to be in facilities" %}</a></li>
                {% endif %}
              </ul>
            </li>
            {% endif %}
          </ul>
          <ul class="nav navbar-nav navbar-right">
            {% block preview_status %}
            {% endblock %}

            {% if user.is_authenticated %}
              <li>
                <a href="{% url "relate-user_profile" %}">
                    {% blocktrans trimmed with username=user.username %}
                        Signed in as {{username}}
                    {% endblocktrans %} </a>
              </li>
              {% if currently_impersonating %}
                <li>
                  <p class="navbar-text">
                  <b>{% trans "(impersonated)" %}</b>
                  </p>
                </li>
              {% endif %}
            {% else %}
              {# Error pages don't seem to run template context processors, so #}
              {# this variable might not be available... #}
              {% if student_sign_in_view %}
                <li><a href="{% url student_sign_in_view %}">{% trans "Sign in" %}</a></li>
              {% endif %}
            {% endif %}
          </ul>
          {% endif %}{# not maintenance_mode #}
        </div><!--/.nav-collapse -->
      </div>
    </div>
    {% block section %}
    {% endblock %}

    {% block root_container %}


      {% block course %}
      {% endblock %}


    <section>
    <div class="container container-body">
      {% include "base-page-top.html" %}

      {% block nav_recommendations %}
      {% endblock %}


      {% block content %}
      {% endblock %}

    </div>
    </section>
    {% endblock %}

    {% block page_bottom_javascript_extra %}{% endblock %}
    <!-- JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!--CLIENTS SECTION END-->
    <section id="footer-sec" >
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <h4>Aula Geomática</h4>
            <p style="padding-right:50px;">
              Plataforma para el aprendizaje de software libre
              y tecnologías geospaciales.
            </p>
          </div>
          <div class="col-md-4">
            <h4>Ubicación</h4>
            <h5>Bogotá</h5>
            <h5>Colombia</h5>

          </div>
          <div class="col-md-4">
            <h4>Sigueme en</h4>
            <div class="social-links">

              <a href="https://twitter.com/samuelmesa" > <i class="fa fa-twitter fa-2x" ></i></a>
              <a href="https://www.linkedin.com/in/samuel-fernando-mesa-giraldo-9742aa41/" > <i class="fa fa-linkedin fa-2x" ></i></a>
              <a href="https://plus.google.com/u/0/+SamuelFernandoMesaGiraldo" > <i class="fa fa-google-plus fa-2x" ></i></a>
              <a href="https://github.com/samtux" > <i class="fa fa-github fa-2x" ></i></a>
            </div>

          </div>

        </div>

      </div>
    </section>
    <!--FOOTER SECTION END-->
    <div class="copy-txt">
      <div class="container">
        <div class="row">
          <div class="col-md-12 set-foot" >
            <i class="fa fa-copyright fa-flip-horizontal"></i> 2017 AulaGeo | Desarrollo usando: <a href="https://github.com/inducer/relate" target="_blank" style="color:#7C7C7C;">relate</a> | Diseño por : <a href="http://www.binarytheme.com" target="_blank" style="color:#7C7C7C;">binarytheme.com</a>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript"
      src="{% static "MathJax/MathJax.js" %}?config=TeX-AMS-MML_HTMLorMML">
    </script>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        extensions: ["tex2jax.js", "TeX/boldsymbol.js"],
        messageStyle: "none",
        // jax: ["input/TeX", "output/HTML-CSS"],
        tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"] ],
          displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
          processEscapes: true
        },
      });
    </script>
  </body>
</html>

Cacher is the code snippet organizer for pro developers

We empower you and your team to get more done, faster

Relate base.html