Files
foldsite/example_site/template/base.html
2025-09-28 07:51:22 -04:00

59 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ pageTitle }}</title>
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
{% for style in styles %}
<link rel="stylesheet" href="/styles{{ style }}" type="text/css">
{% endfor %}
</head>
<body>
<div class="sidebar">
<div class="fixed-sidebar-holder">
<div class="sidebar-header">
<div class="sidebar-toggle" id="sidebar-toggle">
<button id="sidebar-button" type="button" onclick="onSidebar()"></button>
</div>
<a href="/">
<h1>Tanishq Dubey</h1>
</a>
</div>
<div class="sidebar-content" id="sidebar-content">
<ul>
<li><a href="/">⌂ Home</a></li>
{% for f in get_folder_contents() %}
{% if not f.is_dir %}
{% if f.proper_name == "index" %}
{% else %}
<li><a href="/{{ f.path }}">{{ f.proper_name }}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
<hr class="solid">
<ul>
{% for f in get_sibling_content_folders() %}
<li><a href="/{{ f[1] }}">↪ 🗀 {{ f[0] }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
{{ content|safe }}
<script>
function onSidebar() {
document.getElementById("sidebar-content").classList.toggle("sidebar-toggle-active");
return false;
}
</script>
</body>
</html>