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;
|
top: 0;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar header {
|
.sidebar header {
|
||||||
@@ -85,6 +87,25 @@ body {
|
|||||||
color: var(--bg);
|
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 content */
|
||||||
main {
|
main {
|
||||||
padding: 3rem 4rem;
|
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="canonical" href="{{ base_url }}{{ page_path }}" />
|
||||||
<link rel="stylesheet" href="{{ prefix }}/style.css" />
|
<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="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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -20,6 +21,10 @@
|
|||||||
{% for item in nav %}<a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %} class="active" {% endif
|
{% for item in nav %}<a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %} class="active" {% endif
|
||||||
%}>{{ item.label }}</a>{% endfor %}
|
%}>{{ item.label }}</a>{% endfor %}
|
||||||
</nav>
|
</nav>
|
||||||
|
<footer class="sidebar-footer">
|
||||||
|
<a href="https://github.com/nrdxp/sukr">GitHub</a>
|
||||||
|
<span>© 2024 nrdxp — MIT</span>
|
||||||
|
</footer>
|
||||||
</aside>
|
</aside>
|
||||||
<main>{% block content %}{% endblock content %}</main>
|
<main>{% block content %}{% endblock content %}</main>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user