feat(docs): add footer, favicon, and GitHub link
- Add sidebar footer with GitHub repo link and MIT copyright - Position footer at bottom of sidebar using flexbox - Generate geometric logo and add as favicon - Update base.html template with footer and favicon link
This commit is contained in:
BIN
docs/static/logo.png
vendored
Normal file
BIN
docs/static/logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 368 KiB |
21
docs/static/style.css
vendored
21
docs/static/style.css
vendored
@@ -41,6 +41,8 @@ body {
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar header {
|
||||
@@ -85,6 +87,25 @@ body {
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.sidebar-footer {
|
||||
margin-top: auto;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--border);
|
||||
font-size: 0.75rem;
|
||||
color: var(--fg-muted);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.sidebar-footer a {
|
||||
color: var(--fg-muted);
|
||||
}
|
||||
|
||||
.sidebar-footer a:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
/* Main content */
|
||||
main {
|
||||
padding: 3rem 4rem;
|
||||
|
||||
5
docs/templates/base.html
vendored
5
docs/templates/base.html
vendored
@@ -8,6 +8,7 @@
|
||||
<link rel="canonical" href="{{ base_url }}{{ page_path }}" />
|
||||
<link rel="stylesheet" href="{{ prefix }}/style.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css" crossorigin="anonymous" />
|
||||
<link rel="icon" type="image/png" href="{{ prefix }}/logo.png" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -20,6 +21,10 @@
|
||||
{% for item in nav %}<a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %} class="active" {% endif
|
||||
%}>{{ item.label }}</a>{% endfor %}
|
||||
</nav>
|
||||
<footer class="sidebar-footer">
|
||||
<a href="https://github.com/nrdxp/sukr">GitHub</a>
|
||||
<span>© 2024 nrdxp — MIT</span>
|
||||
</footer>
|
||||
</aside>
|
||||
<main>{% block content %}{% endblock content %}</main>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user