| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no"> |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}"> |
| <link href="https://fonts.googleapis.com " rel="preconnect " /> |
| <link rel="icon" type="image/png" href="{{ url_for('static', filename='images/logo.svg')}}"/> |
| <link href="https://fonts.gstatic.com " rel="preconnect " crossorigin="anonymous " /> |
| <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> |
| <script src="https://code.jquery.com/jquery-3.3.1.js"></script> |
| <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js " type="text/javascript "></script> |
| <script type="text/javascript "> |
| WebFont.load({ |
| google: { |
| families: ["Orbitron:regular,500,600,700,800,900 ", "Noto Sans Tamil:100,200,300,regular,500,600,700,800,900 ", "Inter:100,200,300,regular,500,600,700,800,900 "] |
| } |
| }); |
| </script> |
|
|
| <script type="text/javascript"> |
| $(window).on('scroll', function() { |
| if ($(window).scrollTop()) { |
| $('nav').addClass('black'); |
| } else { |
| $('nav').removeClass('black'); |
| } |
| }) |
| |
| $(document).ready(function() { |
| $('.menu h4').click(function() { |
| $("nav ul").toggleClass("active") |
| }) |
| }) |
| </script> |
| </head> |
|
|
| <body> |
| <div class="responsive-bar"> |
| <div class="logo"> |
| <img src="{{ url_for('static', filename='images/logo.svg') }}" alt="logo" /> |
|
|
|
|
| </div> |
| <div class="menu"> |
| <h4>Menu</h4> |
| </div> |
| </div> |
| <nav> |
| <div class="logo"> |
| <img src="{{ url_for('static', filename='images/logo.svg') }}" alt="logo" /> |
|
|
| <span class="logo-text">Quatro</span> |
| </div> |
| <ul> |
| <li><a href="{{ url_for('index')}}" class="menulink">Home</a></li> |
| <li><a href="{{ url_for('algos')}}" class="end-button">Classifiers</a></li> |
| |
| </ul> |
| </nav> |
|
|
| <div class="container"> |
| {% block content %} {% endblock %} |
| </div> |
| </body> |
|
|
| </html> |
