|
<!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> |
