Skip to content

Customize docs footer links #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
JamestsaiTW merged 1 commit into from
Jun 13, 2026
Merged

Customize docs footer links #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
74 changes: 74 additions & 0 deletions docs/overrides/partials/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
{#-
This file was derived from the Material for MkDocs footer partial.
-#}
{% set original_site_url = config.extra.original_site_url %}
{% set footer_repo_url = config.extra.footer_repo_url %}
<footer class="md-footer">
{% if "navigation.footer" in features %}
{% if page.previous_page or page.next_page %}
{% if page.meta and page.meta.hide %}
{% set hidden = "hidden" if "footer" in page.meta.hide %}
{% endif %}
<nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer') }}" {{ hidden }}>
{% if page.previous_page %}
{% set direction = lang.t("footer.previous") %}
<a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" aria-label="{{ direction }}: {{ page.previous_page.title | e }}">
<div class="md-footer__button md-icon">
{% set icon = config.theme.icon.previous or "material/arrow-left" %}
{% include ".icons/" ~ icon ~ ".svg" %}
</div>
<div class="md-footer__title">
<span class="md-footer__direction">
{{ direction }}
</span>
<div class="md-ellipsis">
{{ page.previous_page.title }}
</div>
</div>
</a>
{% endif %}
{% if page.next_page %}
{% set direction = lang.t("footer.next") %}
<a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" aria-label="{{ direction }}: {{ page.next_page.title | e }}">
<div class="md-footer__title">
<span class="md-footer__direction">
{{ direction }}
</span>
<div class="md-ellipsis">
{{ page.next_page.title }}
</div>
</div>
<div class="md-footer__button md-icon">
{% set icon = config.theme.icon.next or "material/arrow-right" %}
{% include ".icons/" ~ icon ~ ".svg" %}
</div>
</a>
{% endif %}
</nav>
{% endif %}
{% endif %}
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid site-footer-meta">
<div class="site-footer-meta__copyright">
{% include "partials/copyright.html" %}
</div>
{% if original_site_url %}
<a class="site-footer-meta__origin" href="{{ original_site_url }}" target="_blank" rel="noopener noreferrer">
olivomarco website
</a>
{% endif %}
<div class="site-footer-meta__actions">
{% if config.extra.social %}
{% include "partials/social.html" %}
{% endif %}
{% if footer_repo_url %}
<a class="site-footer-meta__github" href="{{ footer_repo_url }}" target="_blank" rel="noopener noreferrer" aria-label="GitHub repository">
<svg viewBox="0 0 16 16" aria-hidden="true">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.56 7.56 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"></path>
</svg>
</a>
{% endif %}
</div>
</div>
</div>
</footer>
54 changes: 54 additions & 0 deletions docs/stylesheets/extra.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,3 +55,57 @@
.md-typeset a {
font-weight: 600;
}

.site-footer-meta {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 1rem;
}

.site-footer-meta__origin {
justify-self: center;
font-size: 0.8rem;
color: var(--md-footer-fg-color--light);
}

.site-footer-meta__origin:hover,
.site-footer-meta__origin:focus-visible {
color: var(--md-footer-fg-color);
text-decoration: underline;
}

.site-footer-meta__actions {
display: flex;
align-items: center;
justify-self: end;
gap: 1rem;
}

.site-footer-meta__github {
display: inline-flex;
color: var(--md-footer-fg-color--light);
}

.site-footer-meta__github:hover,
.site-footer-meta__github:focus-visible {
color: var(--md-footer-fg-color);
}

.site-footer-meta__github svg {
width: 1.25rem;
height: 1.25rem;
fill: currentColor;
}

@media screen and (max-width: 45rem) {
.site-footer-meta {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}

.site-footer-meta__actions {
justify-self: center;
}
}
3 changes: 3 additions & 0 deletions mkdocs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,9 @@ markdown_extensions:
- pymdownx.highlight:
anchor_linenums: true
- pymdownx.inlinehilite
extra:
original_site_url: https://olivomarco.github.io/github-copilot-token-optimization/
footer_repo_url: https://github.com/JamestsaiTW/github-copilot-token-optimization
extra_css:
- stylesheets/extra.css
nav:
Expand Down