Newer
Older
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/>
<link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap CSS
<link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet"> -->
<!-- Custom CSS
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">-->
<!-- Navbar CSS-->
<link href="{{ url_for('static', filename = 'nav.css') }}" rel="stylesheet">
<title>{% block title %}{% endblock %} | AshesiGhana - iGEM 2023</title>
</head>
<body>
<!-- Navigation -->
{% include 'menu.html' %}
<header class="bg-hero py-5 mb-5">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-lg-12">
<h1 class="display-4 text-white mt-5 mb-2">{{ self.title() }}</h1>
<p class="lead mb-5 text-white-50">{% block lead %}{% endblock %}</p>
<div class="container">
{% block page_content %}{% endblock %}
</div>
-->
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org
{% include 'footer.html' %}-->
<!-- Bootstrap Bundle with Popper
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script> -->
<script>
const menuBtn = document.querySelector(' .menu-btn');
const menuItems = document.querySelector(' .menu-items');
const expandBtn = document.querySelectorAll('.expand-btn');
// hamburger toggle
menuBtn.addEventListener("click", () =>{
menuBtn.classList.toggle("open");
menuItems.classList.toggle("open");
});
// mobile menu expand
expandBtn.forEach((btn) =>{
btn.addEventListener("click", () => {
btn.classList.toggle("open");
});
});
</script>