diff options
| -rw-r--r-- | sass/c-hyde.scss | 25 | ||||
| -rw-r--r-- | templates/sidebar.html | 16 |
2 files changed, 38 insertions, 3 deletions
diff --git a/sass/c-hyde.scss b/sass/c-hyde.scss index 26cd3b7..1c2ba70 100644 --- a/sass/c-hyde.scss +++ b/sass/c-hyde.scss @@ -619,11 +619,22 @@ html { font-size: 3.25rem; } -/* Sidebar nav */ .sidebar-nav { padding-left: 0; list-style: none; + font-size: 80%; + display: flex; + flex-direction: row; + justify-content: space-evenly; } + +/* Sidebar nav */ +@media (min-width: 48em) { + .sidebar-nav { + flex-direction: column; + } +} + .sidebar-nav-item { display: block; } @@ -823,3 +834,15 @@ body { font-family: 'Latin Modern', Georgia, Cambria, 'Times New Roman', Times, serif; text-rendering: optimizeLegibility; } + + +/* Additional */ + +.copyright { + font-size: 60%; + font-family: "PT Sans",Helvetica,Arial,sans-serif; +} + +.lead { + font-family: "PT Sans",Helvetica,Arial,sans-serif; +}
\ No newline at end of file diff --git a/templates/sidebar.html b/templates/sidebar.html index 57066ae..7b1f82e 100644 --- a/templates/sidebar.html +++ b/templates/sidebar.html @@ -2,7 +2,7 @@ <div class="container sidebar-sticky"> <div class="sidebar-about"> <h1><a href="/">Navan</a></h1> - <p class="lead">Something Funny</p> + <p class="lead" id="random-lead">Alea iacta est.</p> </div> <ul class="sidebar-nav"> @@ -12,6 +12,18 @@ <li><a class="sidebar-nav-item" href="/feed.rss">RSS Feed</a></li> <li><a class="sidebar-nav-item" href="/colophon/">colophon</a></li> </ul> - <p>© 2024. All rights reserved. + <div class="copyright"><p>© 2019-2024. Navan Chauhan <br> <a href="/feed.rss">RSS</a></p></div> </div> </div> + +<script> +let phrases = [ + "Something Funny", "Veni, vidi, vici", "Alea iacta est", "In vino veritas", "Acta, non verba", "Castigat ridendo mores", + "Cui bono?", "Memento vivere", "अहम् ब्रह्मास्मि", "अनुगच्छतु प्रवाहं", "चरन्मार्गान्विजानाति", "coq de cheval", "我愛啤酒" + ]; + +let new_phrase = phrases[Math.floor(Math.random()*phrases.length)]; + +let lead = document.getElementById("random-lead"); +lead.innerText = new_phrase; +</script> |