footer paths

pull/978/head
Kye Gomez 4 days ago
parent d9571d22c7
commit a27c629029

@ -153,7 +153,6 @@ theme:
# - navigation.expand # - navigation.expand
- navigation.top - navigation.top
- navigation.footer - navigation.footer
- navigation.path
- announce.dismiss - announce.dismiss
font: font:
text: "Fira Sans" # Clean and readable text text: "Fira Sans" # Clean and readable text

@ -8,41 +8,6 @@
</div> </div>
{% endblock %} {% endblock %}
{% block content %}
{{ super() }}
<!-- Enhanced Page Navigation -->
<div class="md-content__navigation">
<div class="md-content__inner md-grid">
{% if page.previous_page or page.next_page %}
<nav class="md-nav md-nav--secondary" aria-label="Page navigation">
<div class="md-nav__title">
<span class="md-nav__icon">📖</span>
Continue Reading
</div>
<div class="md-nav__list">
{% if page.previous_page %}
<a href="{{ page.previous_page.url | url }}" class="md-nav__item md-nav__item--previous">
<div class="md-nav__link-wrapper">
<span class="md-nav__direction">← Previous</span>
<span class="md-nav__title">{{ page.previous_page.title }}</span>
</div>
</a>
{% endif %}
{% if page.next_page %}
<a href="{{ page.next_page.url | url }}" class="md-nav__item md-nav__item--next">
<div class="md-nav__link-wrapper">
<span class="md-nav__direction">Next →</span>
<span class="md-nav__title">{{ page.next_page.title }}</span>
</div>
</a>
{% endif %}
</div>
</nav>
{% endif %}
</div>
</div>
{% endblock %}
{% block footer %} {% block footer %}
<footer class="md-footer"> <footer class="md-footer">
<!-- Custom Footer Links Section --> <!-- Custom Footer Links Section -->
@ -92,252 +57,6 @@
{% block styles %} {% block styles %}
{{ super() }} {{ super() }}
<style> <style>
/* Enhanced Navigation Styling */
.md-footer__link {
padding: 1rem 1.5rem;
border-radius: 0.5rem;
transition: all 0.3s ease;
border: 1px solid transparent;
display: flex;
align-items: center;
gap: 0.5rem;
min-height: 3rem;
}
.md-footer__link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.md-footer__title {
font-weight: 600;
font-size: 0.9rem;
}
.md-footer__direction {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.8;
}
/* Light Mode Navigation */
[data-md-color-scheme="default"] .md-footer__link {
background: #f8f9fa;
border-color: #e9ecef;
}
[data-md-color-scheme="default"] .md-footer__link:hover {
background: #e9ecef;
border-color: #DC143C;
}
[data-md-color-scheme="default"] .md-footer__direction {
color: #DC143C;
}
/* Dark Mode Navigation */
[data-md-color-scheme="slate"] .md-footer__link {
background: #1F2129;
border-color: #404040;
}
[data-md-color-scheme="slate"] .md-footer__link:hover {
background: #2a2d35;
border-color: #DC143C;
}
[data-md-color-scheme="slate"] .md-footer__direction {
color: #DC143C;
}
/* Navigation Icons */
.md-footer__link .md-icon {
font-size: 1.2rem;
}
/* Path Navigation (Breadcrumbs) Enhancement */
.md-path {
margin-bottom: 1rem;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
font-size: 0.8rem;
}
[data-md-color-scheme="default"] .md-path {
background: #f8f9fa;
border: 1px solid #e9ecef;
}
[data-md-color-scheme="slate"] .md-path {
background: #1F2129;
border: 1px solid #404040;
}
.md-path__list {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.md-path__item {
display: flex;
align-items: center;
}
.md-path__item:not(:last-child)::after {
content: "→";
margin-left: 0.5rem;
opacity: 0.6;
}
.md-path__link {
color: #DC143C;
text-decoration: none;
font-weight: 500;
}
.md-path__link:hover {
text-decoration: underline;
}
/* Enhanced Page Navigation Section */
.md-content__navigation {
margin: 3rem 0 2rem;
padding: 2rem 0;
border-top: 1px solid var(--md-default-fg-color--lightest);
}
.md-content__navigation .md-nav__title {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 1.5rem;
color: #DC143C;
border-bottom: 2px solid #DC143C;
padding-bottom: 0.5rem;
}
.md-content__navigation .md-nav__icon {
font-size: 1.2rem;
}
.md-content__navigation .md-nav__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.md-content__navigation .md-nav__item {
display: block;
margin: 0;
}
.md-content__navigation .md-nav__item--previous {
grid-column: 1;
}
.md-content__navigation .md-nav__item--next {
grid-column: 2;
text-align: right;
}
.md-content__navigation .md-nav__link-wrapper {
display: block;
padding: 1.5rem;
border-radius: 0.75rem;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid transparent;
height: 100%;
}
.md-content__navigation .md-nav__item:hover .md-nav__link-wrapper {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(220, 20, 60, 0.2);
border-color: #DC143C;
}
.md-content__navigation .md-nav__direction {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
color: #DC143C;
margin-bottom: 0.5rem;
}
.md-content__navigation .md-nav__title {
display: block;
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
margin: 0;
border: none;
padding: 0;
}
/* Light Mode Enhanced Navigation */
[data-md-color-scheme="default"] .md-content__navigation {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
[data-md-color-scheme="default"] .md-content__navigation .md-nav__link-wrapper {
background: #ffffff;
border-color: #e9ecef;
color: #495057;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
[data-md-color-scheme="default"] .md-content__navigation .md-nav__item:hover .md-nav__link-wrapper {
background: #ffffff;
color: #212529;
}
/* Dark Mode Enhanced Navigation */
[data-md-color-scheme="slate"] .md-content__navigation {
background: linear-gradient(135deg, #1F2129 0%, #262932 100%);
}
[data-md-color-scheme="slate"] .md-content__navigation .md-nav__link-wrapper {
background: #1F2129;
border-color: #404040;
color: #d1d5db;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
[data-md-color-scheme="slate"] .md-content__navigation .md-nav__item:hover .md-nav__link-wrapper {
background: #2a2d35;
color: #ffffff;
}
/* Responsive Design for Navigation */
@media screen and (max-width: 59.9375em) {
.md-content__navigation .md-nav__list {
grid-template-columns: 1fr;
gap: 1rem;
}
.md-content__navigation .md-nav__item--previous,
.md-content__navigation .md-nav__item--next {
grid-column: 1;
text-align: left;
}
.md-content__navigation {
margin: 2rem 0 1rem;
padding: 1.5rem 0;
}
}
/* Custom Footer Styling - Base */ /* Custom Footer Styling - Base */
.md-footer-custom { .md-footer-custom {
padding: 2.4rem 0 1.2rem; padding: 2.4rem 0 1.2rem;

Loading…
Cancel
Save