summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNavan Chauhan <navanchauhan@gmail.com>2024-03-27 23:36:39 -0600
committerNavan Chauhan <navanchauhan@gmail.com>2024-03-27 23:36:39 -0600
commitcc60ec40e4b90e6041ed824c892a0319fad392ad (patch)
tree3f8d1fb6c1479f98e724bb8de2233c0d972a5ac8
parent690dd373919ea9802d08729a6621a0aaa0d5ca99 (diff)
random lead text
-rw-r--r--sass/c-hyde.scss25
-rw-r--r--templates/sidebar.html16
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>&copy; 2024. All rights reserved.
+ <div class="copyright"><p>&copy; 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>