<commit_before><!DOCTYPE html>
<html lang="en">
{% load ndf_tags %}

<head>
	<title>NUSSD - {% block title %} {% endblock %}</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="shortcut icon" href="/static/ndf/images/favicon/logo.png">

	<!-- Foundation 5 - Responsive CSS Framework http://foundation.zurb.com/docs/css.html-->
	<link rel="stylesheet" href="/static/ndf/foundation/css/normalize.css">
	<link rel="stylesheet" href="/static/ndf/foundation/css/foundation.css">

	<!-- Foundation Icon Font http://zurb.com/playground/foundation-icon-fonts-3 -->
	<link rel="stylesheet" href="/static/ndf/foundation-icons/foundation-icons.css">

	<!-- Modernizr - Browser detection JS http://modernizr.com/ -->
	<script src="/static/ndf/foundation/js/vendor/custom.modernizr.js"></script>

	<!-- External default stylesheet-->
	<link href="/static/ndf/css/default.css" rel="stylesheet">

	<!-- Enable HTML5 on old browsers -->
	<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

	{% block head %}  {% endblock %}

	<style>

		html, body {
			height: 100%;
		}

		header
		{
		}

		main{
			min-height: 100%;
			margin-bottom: -90px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		footer{
			background-color:#222;
			color: #888;
			padding:20px 0;
		}

		footer a{
			color: #bbb;
		}

		{% block style %}  {% endblock %}

	</style>

</head>

<body class="container">
	<center><img id="ajax_load_image" width="50" style="display: none; position:fixed; top: 50%; left: 55%; margin-top: -50px; margin-left: -100px;z-index:1000;" src="/static/ndf/images/ajax-wait.gif"></center>

	{% get_group_name request.path as group_name %}

	<header>

		<!-- Foundation top bar http://foundation.zurb.com/docs/components/topbar.html -->
		<nav class="top-bar" data-topbar>
			<ul class="title-area">
				<li class="name">
					<h1><a href="#">MetaStudio</a></h1>
				</li>
				<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
			</ul>

			<section class="top-bar-section">

				<!-- Right Nav Section -->
				<ul class="right">

					<!-- Top bar search form -->
					<li class="has-form">
						<div class="row collapse">
							<div class="large-8 small-9 columns">
								<input type="text" placeholder="Find Stuff">
							</div>
							<div class="large-4 small-3 columns">
								<a href="#" class="alert button expand">Search</a>
							</div>
						</div>
					</li>

					<!-- If logged in show user options -->
					{% if user.is_authenticated %}

					<li class="has-dropdown">
						<a href="#"><i class="fi-torso"></i> {{ user.username }}</a>
						<ul class="dropdown">
							<li><a href="{% url 'auth_password_change' %}">Change password</a></li>
							<li class="has-form"><a class="button alert" href="{% url 'auth_logout' %}"><i class="fi-power"></i> Logout</a></li>
						</ul>
					</li>

					<!-- Else show login link -->
					{% else %}

					<li class="has-form"><a class="button" href="{% url 'auth_login' %}"><i class="fi-key"></i> Login</a></li>

					{% endif %}

				</ul>

				<!-- Left Nav Section -->
				<ul class="left">
					<li class="has-form">
						<a href="http://foundation.zurb.com/docs" class="button">Getting Started</a>
					</li>
					<li><a href="#"><i class="fi-home"></i> {{group_name}}</a>

						<!-- If logged in show user groups -->
						{% if user.is_authenticated %}
						{% get_existing_groups_excluded group_name as groups %}

						<ul class="dropdown">

							<!-- Create dropdown item for each group -->
							{% for gp_id in groups %}
							<li id="{{gp_id}}"><a href="{% url 'groupchange' gp_id %}">{{gp_id}}</a></li>
							{% endfor %}

						</ul>

						{% endif %}

					</li>

					{% get_gapps_menubar group_name %}
				</ul>
			</section>
		</nav>

	</header> 		
		
	<main>  

		<!-- Start of content section -->
		<section id="content">

			{% block body_content %}  {% endblock %}

		</section>
		<!-- End of content section -->	

		<!-- Start of extra content section -->
		<aside id="extra_content" class="small-12 medium-4 columns">

			{% block extra_content %}  {% endblock %}

		</aside>
		<!-- End of extra content -->	

	</main>
		  			
	<footer>
		<div class="row">

			<div class="medium-6 columns"><p>
				A project from the <a href="http://lab.gnowledge.org/" target="_blank">Gnowledge Lab</a> at the <a href="http://www.hbcse.tifr.res.in" target="_blank">Homi Bhabha Centre for Science Education</a>/<a href="http://www.tifr.res.in" target="_blank">TIFR</a>.</p>
			</div>

			<div class="medium-6 columns">
				<small>
					<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" title="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png"/></a> All material is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" title = "http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a> unless mentioned otherwise.
				</small>
			</div>

		</div>
	</footer>

	<!-- JS -->
	<script src="/static/ndf/js/jquery.js"></script>
	<script src="/static/ndf/foundation/js/foundation.min.js"></script>
	<script src="/static/ndf/foundation/js/foundation/foundation.topbar.js"></script>
	<script src="/static/ndf/js/application.js"></script>

	<script type="text/javascript">

		// Initialize Foundation CSS
		$(document).foundation();
<commit_msg>Fix sticky footer and overflowing elements<commit_after><!DOCTYPE html>
<html lang="en">
{% load ndf_tags %}

<head>
	<title>NUSSD - {% block title %} {% endblock %}</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="shortcut icon" href="/static/ndf/images/favicon/logo.png">

	<!-- Foundation 5 - Responsive CSS Framework http://foundation.zurb.com/docs/css.html-->
	<link rel="stylesheet" href="/static/ndf/foundation/css/normalize.css">
	<link rel="stylesheet" href="/static/ndf/foundation/css/foundation.css">

	<!-- Foundation Icon Font http://zurb.com/playground/foundation-icon-fonts-3 -->
	<link rel="stylesheet" href="/static/ndf/foundation-icons/foundation-icons.css">

	<!-- Modernizr - Browser detection JS http://modernizr.com/ -->
	<script src="/static/ndf/foundation/js/vendor/custom.modernizr.js"></script>

	<!-- External default stylesheet-->
	<link href="/static/ndf/css/default.css" rel="stylesheet">

	<!-- Enable HTML5 on old browsers -->
	<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

	{% block head %}  {% endblock %}

	<style>

		html, body {
			height: 100%;
		}

		header
		{
		}

		main{
			min-height: 100%;
			margin-bottom: -90px!important;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		main:after{
			content:"";
			display:block;
			height:90px;
		}

		footer{
			background-color:#222;
			color: #888;
			padding:20px 0;
		}

		footer a{
			color: #bbb;
		}

		{% block style %}  {% endblock %}

	</style>

</head>

<body class="container">
	<center><img id="ajax_load_image" width="50" style="display: none; position:fixed; top: 50%; left: 55%; margin-top: -50px; margin-left: -100px;z-index:1000;" src="/static/ndf/images/ajax-wait.gif"></center>

	{% get_group_name request.path as group_name %}

	<header>

		<!-- Foundation top bar http://foundation.zurb.com/docs/components/topbar.html -->
		<nav class="top-bar" data-topbar>
			<ul class="title-area">
				<li class="name">
					<h1><a href="#">MetaStudio</a></h1>
				</li>
				<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
			</ul>

			<section class="top-bar-section">

				<!-- Right Nav Section -->
				<ul class="right">

					<!-- Top bar search form -->
					<li class="has-form">
						<div class="row collapse">
							<div class="large-8 small-9 columns">
								<input type="text" placeholder="Find Stuff">
							</div>
							<div class="large-4 small-3 columns">
								<a href="#" class="alert button expand">Search</a>
							</div>
						</div>
					</li>

					<!-- If logged in show user options -->
					{% if user.is_authenticated %}

					<li class="has-dropdown">
						<a href="#"><i class="fi-torso"></i> {{ user.username }}</a>
						<ul class="dropdown">
							<li><a href="{% url 'auth_password_change' %}">Change password</a></li>
							<li class="has-form"><a class="button alert" href="{% url 'auth_logout' %}"><i class="fi-power"></i> Logout</a></li>
						</ul>
					</li>

					<!-- Else show login link -->
					{% else %}

					<li class="has-form"><a class="button" href="{% url 'auth_login' %}"><i class="fi-key"></i> Login</a></li>

					{% endif %}

				</ul>

				<!-- Left Nav Section -->
				<ul class="left">
					<li class="has-form">
						<a href="http://foundation.zurb.com/docs" class="button">Getting Started</a>
					</li>
					<li><a href="#"><i class="fi-home"></i> {{group_name}}</a>

						<!-- If logged in show user groups -->
						{% if user.is_authenticated %}
						{% get_existing_groups_excluded group_name as groups %}

						<ul class="dropdown">

							<!-- Create dropdown item for each group -->
							{% for gp_id in groups %}
							<li id="{{gp_id}}"><a href="{% url 'groupchange' gp_id %}">{{gp_id}}</a></li>
							{% endfor %}

						</ul>

						{% endif %}

					</li>

					{% get_gapps_menubar group_name %}
				</ul>
			</section>
		</nav>

	</header> 		
		
	<main class="row">  

		<!-- Start of content section -->
		<section>

			{% block body_content %}  {% endblock %}

		</section>
		<!-- End of content section -->	

		<!-- Start of related content section -->
		<aside>

			{% block extra_content %}  {% endblock %}

		</aside>
		<!-- End of related content -->	

	</main>
		  			
	<footer>
		<div class="row">

			<div class="medium-6 columns"><p>
				A project from the <a href="http://lab.gnowledge.org/" target="_blank">Gnowledge Lab</a> at the <a href="http://www.hbcse.tifr.res.in" target="_blank">Homi Bhabha Centre for Science Education</a>/<a href="http://www.tifr.res.in" target="_blank">TIFR</a>.</p>
			</div>

			<div class="medium-6 columns">
				<small>
					<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" title="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png"/></a> All material is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/" title = "http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported License</a> unless mentioned otherwise.
				</small>
			</div>

		</div>
	</footer>

	<!-- JS -->
	<script src="/static/ndf/js/jquery.js"></script>
	<script src="/static/ndf/foundation/js/foundation.min.js"></script>
	<script src="/static/ndf/foundation/js/foundation/foundation.topbar.js"></script>
	<script src="/static/ndf/js/application.js"></script>

	<script type="text/javascript">

		// Initialize Foundation CSS
		$(document).foundation();

{'fraction_non_alphanumeric': 0.207642521500133, 'fraction_numerical': 0.012146466885362178, 'mean_word_length': 3.0736728060671723, 'pattern_counts': {'":': 0, '<': 311, '<?xml version=': 0, '>': 311, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4818001', 'n_tokens_mistral': 4796, 'n_tokens_neox': 3838, 'n_words': 799}