achubb_website/templates/base.html

90 lines
7.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<link href="/assets/main.css" rel="stylesheet" />
<link rel="shortcut icon" href="/assets/favicon.ico">
<script src="/assets/htmx.min.js"></script>
<title>Awstin</title>
{% block head %}{% endblock %}
</head>
<body>
<div class="container">
<nav class="sidebar">
<ul>
<li><a href="/">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Home</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M22 22L2 22" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round"></path> <path d="M2 11L6.06296 7.74968M22 11L13.8741 4.49931C12.7784 3.62279 11.2216 3.62279 10.1259 4.49931L9.34398 5.12486" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round"></path> <path d="M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round"></path> <path d="M4 22V9.5" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round"></path> <path d="M20 9.5V13.5M20 22V17.5" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round"></path> <path d="M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393M9 22V17" stroke=" #83a598" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z" stroke=" #83a598" stroke-width="1.5"></path>
</g>
</svg>
</a>
</li>
<li>
<a id="blog" href="/blog">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#8ec07c" transform="rotate(0)">
<title>Posts</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M4 19V6.2C4 5.0799 4 4.51984 4.21799 4.09202C4.40973 3.71569 4.71569 3.40973 5.09202 3.21799C5.51984 3 6.0799 3 7.2 3H16.8C17.9201 3 18.4802 3 18.908 3.21799C19.2843 3.40973 19.5903 3.71569 19.782 4.09202C20 4.51984 20 5.0799 20 6.2V17H6C4.89543 17 4 17.8954 4 19ZM4 19C4 20.1046 4.89543 21 6 21H20M9 7H15M9 11H15M19 17V21" stroke="#8ec07c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>
</a>
</li>
<li><a id="garden" href="/garden">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#b8bb26">
<title>Garden</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M10.3412 9.5C9.53284 8.96254 9.00008 8.04349 9.00008 7C9.00008 5.34315 10.3432 4 12.0001 4C13.5954 4 14.8999 5.24523 14.9946 6.81674M9.00558 12.1867C8.13595 12.618 7.07365 12.6199 6.16996 12.0981C4.73509 11.2697 4.24346 9.43495 5.07189 8.00007C5.86955 6.61848 7.60018 6.11139 9.0085 6.81513M10.6644 14.6867C10.6032 15.6555 10.0736 16.5764 9.16993 17.0981C7.73506 17.9266 5.90029 17.4349 5.07186 16.0001C4.2742 14.6185 4.70036 12.8662 6.01398 11.9984M13.3357 9.31328C13.397 8.3445 13.9265 7.4236 14.8302 6.90186C16.2651 6.07343 18.0998 6.56505 18.9283 7.99993C19.7259 9.38152 19.2998 11.1338 17.9862 12.0016M14.9946 11.8133C15.8642 11.382 16.9265 11.3801 17.8302 11.9019C19.2651 12.7303 19.7567 14.5651 18.9283 15.9999C18.1306 17.3815 16.4 17.8886 14.9917 17.1849M13.659 14.5C14.4674 15.0375 15.0001 15.9565 15.0001 17C15.0001 18.6569 13.657 20 12.0001 20C10.4048 20 9.10032 18.7548 9.00562 17.1833M15.0001 12C15.0001 13.6569 13.6569 15 12.0001 15C10.3432 15 9.00008 13.6569 9.00008 12C9.00008 10.3431 10.3432 9 12.0001 9C13.6569 9 15.0001 10.3431 15.0001 12Z" stroke="#b8bb26" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>
</a>
</li>
<li><a id="now" href="/now">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Now</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M12 7V12L14.5 10.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#fe8019" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>
</a>
</li>
<li><a id="about" href="/about">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>About</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g clip-path="url(#clip0_429_11160)"> <circle cx="12" cy="11.9999" r="9" stroke="#fabd2f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></circle> <rect x="12" y="8" width="0.01" height="0.01" stroke="#fabd2f" stroke-width="3.75" stroke-linejoin="round"></rect> <path d="M12 12V16" stroke="#fabd2f" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path> </g> <defs> <clipPath id="clip0_429_11160"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </g>
</svg>
</a>
</li>
<li><a id="contact" href="/contact">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Contact</title>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M4 7.00005L10.2 11.65C11.2667 12.45 12.7333 12.45 13.8 11.65L20 7" stroke="#928374" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <rect x="3" y="5" width="18" height="14" rx="2" stroke="#928374" stroke-width="2" stroke-linecap="round"></rect>
</g>
</svg>
</a></li>
</ul>
</nav>
<main class="content">
{% block content %}{% endblock %}
</main>
</div>
</body>
</html>