smash2/templates/layout.html

43 lines
2 KiB
HTML

<html>
<head>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
<meta name="viewport" content="width=device-with,initial-scale=1.0">
{% block customhead %}
{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
<a class="navbar-brand" href="#">Shit Haplo Says</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item {% block nav_home %}{% endblock %}">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item {% block nav_latest %}{% endblock %}">
<a class="nav-link" href="/latest">Latest</a>
</li>
<li class="nav-item {% block nav_tags %}{% endblock %}">
<a class="nav-link" href="#">Tags</a>
</li>
<li class="nav-item {% block nav_new_post %}{% endblock %}">
<a class="nav-link" href="#">New Post</a>
</li>
<li class="nav-item {% block nav_administration_login %}{% endblock %}">
<a class="nav-link" href="#">Administration Login</a>
</li>
</ul>
</nav>
{% block content %}
{% endblock %}
</body>
</html>