association_about.html

<%namespace name='static' file='../static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
from django.conf import settings
from edxmako.shortcuts import marketing_link
from openedx.core.lib.courses import course_image_url
from associations.views import course_det
%>

<%inherit file="../main.html" />
<%block name="headextra">
  ## OG (Open Graph) title and description added below to give social media info to display
  ## (https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags)
  <meta property="og:title" content="${_('Association Title')}" />
  <meta property="og:description" content="${_('short_description')}" />
  <!-- SLIDER FILES START -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <!-- SLIDER FILES END -->
</%block>

<%block name="pagetitle">${assoc_short_name}</%block>

<section class="course-info">
  <header class="course-profiless" style="padding-top:0px; height:400px;">
    % if slider_images is None:
      <h3>== NONE ==</h3>
    % else:
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          % for i in range(no_of_slides):
            % if i == 0:
              <li data-target="#myCarousel" data-slide-to="${i}" class="active"></li>
            % else:
              <li data-target="#myCarousel" data-slide-to="${i}"></li>
            % endif
          % endfor
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
        % for index, item in enumerate(slider_images):
          % if index == 0:
            <div class="item active">
          % else:
            <div class="item">
          % endif
              <img src="${item}" alt="${index}" width="100%" style="max-height: 400px;">
              <div class="carousel-caption">
                
              </div>
            </div>
        % endfor
        </div>

        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    % endif
  </header>

  <section class="container">
    <section class="details">
      <div class="inner-wrapper">
        <h1>
          ${assoc_name}
        </h1>
        <p>
          ${assoc_description}
        </p>
      </div>
    </section>

    <section class="course-sidebar">

    </section>

  </section>
  <section class="find-courses">
    <section class="courses-container">
      <div class="courses${'' if course_discovery_enabled else ' no-course-discovery'}" role="region" aria-label="${_('List of Courses')}">
        <ul class="courses-listing">
          %for course in courses:
          <li class="courses-listing-item">
            <%include file="../assoc_course.html" args="course=course_det(course.course_id)" />
          </li>
          %endfor
        </ul>
      </div>
    </section>
  </section>
</section>