Skip to content
Snippets Groups Projects
layout.html 2.33 KiB
Newer Older
Fabio Maschi's avatar
Fabio Maschi committed
<!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/"/>
Mohammed Elmir's avatar
Mohammed Elmir committed
    <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" />
Fabio Maschi's avatar
Fabio Maschi committed

Mohammed Elmir's avatar
Mohammed Elmir committed
    <!-- Bootstrap CSS
    <link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet"> -->
Fabio Maschi's avatar
Fabio Maschi committed

Mohammed Elmir's avatar
Mohammed Elmir committed
    <!-- Custom CSS 
    <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">-->
Fabio Maschi's avatar
Fabio Maschi committed

Mohammed Elmir's avatar
Mohammed Elmir committed
     <!-- Navbar CSS-->
    <link href="{{ url_for('static', filename = 'nav.css') }}" rel="stylesheet"> 
iGEM System's avatar
iGEM System committed
    <title>{% block title %}{% endblock %} | AshesiGhana - iGEM 2023</title>
Fabio Maschi's avatar
Fabio Maschi committed

</head>
<body>
  <!-- Navigation -->
  {% include 'menu.html' %}
Mohammed Elmir's avatar
Mohammed Elmir committed
  <!-- Header 
Fabio Maschi's avatar
Fabio Maschi committed
  <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>
Mohammed Elmir's avatar
Mohammed Elmir committed
          <p>hello elmir edited here</>
Fabio Maschi's avatar
Fabio Maschi committed
        </div>
      </div>
    </div>
  </header>
Mohammed Elmir's avatar
Mohammed Elmir committed
-->
  <!-- Page Content 
Fabio Maschi's avatar
Fabio Maschi committed
  <div class="container">
    {% block page_content %}{% endblock %}
  </div>
Mohammed Elmir's avatar
Mohammed Elmir committed
-->
  <!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org 
  {% include 'footer.html' %}-->
Fabio Maschi's avatar
Fabio Maschi committed

Mohammed Elmir's avatar
Mohammed Elmir committed
  <!-- Bootstrap Bundle with Popper
  <script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script> -->
Mohammed Elmir's avatar
Mohammed Elmir committed
  <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>
Fabio Maschi's avatar
Fabio Maschi committed
</body>
</html>