mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
Add decorative flourish to bottom of sidebar
Added asterism (⁂) at bottom of sidebar menu with: - Centered placement with elegant spacing - Border separator above - Subtle opacity (0.6) for refined appearance - Letter spacing for visual balance - Matches the classical typography aesthetic Provides a elegant finishing touch to the sidebar navigation. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -365,6 +365,18 @@
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/* Sidebar flourish */
|
||||
.sidebar-flourish {
|
||||
text-align: center;
|
||||
margin: 2rem 0 1rem 0;
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid var(--border-color);
|
||||
color: var(--text-tertiary);
|
||||
font-size: 1rem;
|
||||
letter-spacing: 0.5em;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* Sidebar collapse functionality */
|
||||
#sidebar-toggle {
|
||||
display: none;
|
||||
@@ -925,6 +937,9 @@
|
||||
<li><a href="/study-guides">Study Guides</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Flourish -->
|
||||
<div class="sidebar-flourish">⁂</div>
|
||||
</nav>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
Reference in New Issue
Block a user