зеркало из https://github.com/mozilla/CSOL-site.git
144 строки
6.2 KiB
HTML
144 строки
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>CSOL{% block title %}{% if pageTitle %} | {{ pageTitle }}{% endif %}{% endblock %}</title>
|
|
<link rel="stylesheet" href="/media/bootstrap/css/bootstrap.css">
|
|
<link rel="stylesheet" href="/media/bootstrap/css/responsive.css">
|
|
<link rel="stylesheet" href="/media/css/core.css">
|
|
<script type="text/javascript" src="//use.typekit.net/nht7hbp.js"></script>
|
|
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
|
|
</head>
|
|
<body{% if bodyClass %} class="{{ bodyClass }}"{% endif %}>
|
|
<header id="header">
|
|
<div class="container">
|
|
<h1><a href="/">Chicago Summer of Learning</a></h1>
|
|
<nav id="navigation">
|
|
<ul class="nav nav-pills">
|
|
<li class="learn{% if navItem == 'learn' %} active{% endif %}">
|
|
<a href="/learn">Learn</a>
|
|
</li>
|
|
<li class="badges{% if navItem == 'badges' %} active{% endif %}">
|
|
<a href="/badges">Badges</a>
|
|
</li>
|
|
<li class="challenges{% if navItem == 'challenges' %} active{% endif %}">
|
|
<a href="/challenges">Challenges</a>
|
|
</li>
|
|
{% if user %}
|
|
{% if user.type == 'learner' %}
|
|
<li class="dropdown backpack{% if navItem == 'backpack' %} active{% endif %}">
|
|
<a href="/backpack" class="dropdown-toggle" role="button" data-toggle="dropdown" id="backpack-menu-toggle">My Backpack <i class="caret"></i></a>
|
|
<ul class="dropdown-menu" role="menu" id="backpack-menu" aria-labelledby="backpack-menu-toggle">
|
|
<li role="presentation"{% if subNavItem == 'badges' %} class="active"{% endif %}>
|
|
<a role="menuitem" tabindex="-1" href="/backpack/badges">My Badges</a>
|
|
</li>
|
|
<li role="presentation"{% if subNavItem == 'badges' %} class="active"{% endif %}>
|
|
<a role="menuitem" tabindex="-1" href="/backpack/favorites">My Favorites</a>
|
|
</li>
|
|
<li role="presentation"{% if subNavItem == 'badges' %} class="active"{% endif %}>
|
|
<a role="menuitem" tabindex="-1" href="/backpack/applications">My Applications</a>
|
|
</li>
|
|
<li class="divider" role="presentation" aria-hidden="true"></li>
|
|
<li role="presentation">
|
|
<a role="menuitem" tabindex="-1" href="/logout">Log Out</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
{% else %}
|
|
<li class="dashboard{% if navItem == 'dashboard' %} active{% endif %}">
|
|
<a href="/dashboard">My Dashboard</a>
|
|
</li>
|
|
{% endif %}
|
|
{% else %}
|
|
<li class="dropdown log-in{% if navItem == 'log-in' %} active{% endif %}">
|
|
<a href="/login" class="dropdown-toggle" role="button" data-toggle="dropdown" id="menu-login-form-toggle">Log In / Sign Up <i class="caret"></i></a>
|
|
<form class="dropdown-menu" id="menu-login-form" aria-label="Log In" method="post" action="/login">
|
|
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
|
|
<label for="menu-login-username">Email or Nickname:</label>
|
|
<input type="text" id="menu-login-username" name="username" required="required">
|
|
<label for="menu-login-password">Password:</label>
|
|
<input type="password" id="menu-login-password" name="password" required="required">
|
|
<button type="submit" class="btn">Submit</button>
|
|
<small>Don't have an account? <a href="/signup">Sign up.</a></small>
|
|
</form>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div id="content">
|
|
<div class="container">
|
|
{% block notices %}
|
|
{% block messages %}
|
|
{% if messages and messages.length %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-info">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block successes %}
|
|
{% if successes and successes.length %}
|
|
{% for success in successes %}
|
|
<div class="alert alert-success">
|
|
{{ success }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block errors %}
|
|
{% if errors and errors.length %}
|
|
{% for error in errors %}
|
|
<div class="alert alert-error">
|
|
{{ error }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% endblock %}
|
|
{% block pageTitleWrapper %}{% if pageTitle %}<h2>{% block pageTitle %}{{ pageTitle }}{% endblock %}</h2>{% endif %}{% endblock %}
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
<footer id="footer">
|
|
<div class="container">
|
|
<div class="row-fluid toprow">
|
|
|
|
<div class="pull-left">
|
|
<a href="mailto:summeroflearning@cityofchicago.org">summeroflearning@cityofchicago.org</a> | © 2013
|
|
</div>
|
|
|
|
<nav class="pull-right">
|
|
<ul class="nav nav-pills">
|
|
<li class="about{% if navItem == 'about' %} active{% endif %}"><a href="/about">About</a> | </li>
|
|
<li class="terms{% if navItem == 'terms' %} active{% endif %}"><a href="/terms">Terms</a> | </li>
|
|
<li class="privacy{% if navItem == 'privacy' %} active{% endif %}"><a href="/privacy">Privacy</a> | </li>
|
|
<li class="vpat{% if navItem == 'vpat' %} active{% endif %}"><a href="/vpat">VPAT</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div><!-- .row-fluid -->
|
|
<div class="row-fluid">
|
|
<div class="span3 csol">
|
|
<a href="/" class="logo-csol">Chicago Summer of Learning</a>
|
|
</div><!-- .span -->
|
|
<div class="span5 description">
|
|
<p>More than 100 organizations across the city have joined forces to integrate learning into summer activities for youth of all ages in every Chicago neighborhood.</p>
|
|
|
|
<p>With your help, we'll launch the largest citywide summer learning campaign in the nation.</p>
|
|
</div><!-- .span -->
|
|
<div class="span4 logos">
|
|
<a href="#" class="logo city">City of Chicago</a>
|
|
<a href="#" class="logo macarthur">MacArthur Foundation</a>
|
|
<a href="#" class="logo mozilla">Mozilla</a>
|
|
</div><!-- .span -->
|
|
</div><!-- .row-fluid -->
|
|
</div>
|
|
</footer>
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
<script src="/media/bootstrap/js/bootstrap.js"></script>
|
|
</body>
|
|
</html> |