updated the makefile, added new org files (2026), and started working on adding a search feature for the website.

2025-12-30 22:43:25 +00:00
parent 78cfe20d64
commit c15fcda8c6
20 changed files with 4007 additions and 33 deletions
--- a/assets/styles/misc.css
+++ b/assets/styles/misc.css
@@ -225,3 +225,123 @@ time.countdown.expired {
  text-decoration: line-through;
 }

+/* Make nav a flex container */
+nav {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/* Push search to the far right */
+#search-input,
+#search-btn {
+  margin-left: auto;
+}
+
+/* Input styling */
+#search-input {
+  width: 12rem;
+  padding: 0.3rem 0.5rem;
+  font-size: 0.9rem;
+  border: 1px solid var(--border-color, #ccc);
+  border-radius: 4px;
+  background: var(--bg-color, #fff);
+  color: var(--text-color, #000);
+}
+
+/* Button styling */
+#search-btn {
+  margin-left: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 1.1rem;
+}
+
+/* Focus state */
+#search-input:focus {
+  outline: 2px solid var(--accent-color, #5b8cff);
+}
+@media (max-width: 700px) {
+  #search-input {
+    display: none;
+  }
+
+  #search-btn {
+    font-size: 1.4rem;
+    padding: 0.2rem;
+  }
+}
+#search-results {
+  position: absolute;
+  max-height: 60vh;
+  overflow-y: auto;
+  background: var(--bg-color, #fff);
+  border: 1px solid var(--border-color, #ccc);
+  border-radius: 6px;
+  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
+  display: none;
+  z-index: 9999;
+}
+.search-result {
+  padding: 0.6rem 0.8rem;
+  cursor: pointer;
+  border-bottom: 1px solid #eee;
+}
+
+.search-result:hover {
+  background: var(--accent-bg, #f2f6ff);
+}
+
+.search-result-title {
+  font-weight: 600;
+  font-size: 0.9rem;
+}
+
+.search-result-preview {
+  font-size: 0.75rem;
+  color: #666;
+}
+#search-modal {
+  position: fixed;
+  inset: 0;
+  display: none;
+  z-index: 10000;
+}
+
+.search-modal-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0,0,0,0.45);
+}
+
+.search-modal-content {
+  position: relative;
+  max-width: 700px;
+  margin: 10vh auto;
+  padding: 1.2rem;
+  background: var(--bg-color, #fff);
+  border-radius: 10px;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.search-modal-result {
+  padding: 0.8rem;
+  border-bottom: 1px solid #eee;
+  cursor: pointer;
+}
+
+.search-modal-result:hover {
+  background: var(--accent-bg, #f2f6ff);
+}
+
+.search-modal-title {
+  font-weight: 600;
+}
+
+.search-modal-preview {
+  font-size: 0.85rem;
+  color: #666;
+}