✨feature: First working version with dummy content

2025-11-29 12:27:20 -06:00
parent db4058539a
commit e6f6ea5846
19 changed files with 1193 additions and 1 deletions
--- a/assets/css/components.css
+++ b/assets/css/components.css
@@ -0,0 +1,124 @@
+.sidebar-head h2 { margin: 0 0 .25rem; font-size: 1.125rem; }
+
+.sidebar-links {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  li {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.sidebar-links a {
+  border-radius: 0.625rem;
+  border: 0.0625rem solid transparent;
+  color: var(--muted);
+  display: block;
+  font-size: clamp(1rem, 1vw, 1.125rem);
+  line-height: 1.15;
+  padding: 0.5rem 0.625rem;
+  text-decoration: none;
+  transition: background 0.2s ease, color 0.2s ease;
+}
+
+.sidebar-links a:hover,
+.sidebar-links a.is-active {
+  color: var(--text);
+  background: rgba(56, 189, 248, 0.1);
+  border-color: rgba(56, 189, 248, 0.25);
+}
+
+.note-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  color: var(--muted);
+  font-size: 0.875rem;
+}
+
+.note-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.875rem;
+  padding: 0;
+  list-style: none;
+}
+
+.note-list a {
+  text-decoration: none;
+  color: var(--text);
+}
+
+.search {
+  position: relative;
+  min-width: 13.75rem;
+}
+
+#search-input {
+  width: 100%;
+  padding: 0.5625rem 0.75rem;
+  border-radius: 0.625rem;
+  border: 0.0625rem solid var(--border);
+  background: rgba(22, 25, 33, 0.9);
+  color: var(--text);
+}
+
+#search-input:focus { outline: 0.125rem solid rgba(56, 189, 248, 0.4); }
+
+.search-results {
+  position: absolute;
+  top: 2.75rem;
+  right: 0;
+  width: 20rem;
+  max-height: 26.25rem;
+  overflow: auto;
+  background: var(--panel);
+  border: 0.0625rem solid var(--border);
+  border-radius: 0.75rem;
+  padding: 0.625rem;
+  box-shadow: var(--shadow);
+  display: none;
+  z-index: 30;
+}
+
+.search-results.active { display: block; }
+
+.search-results ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+}
+
+.search-results li a { color: var(--text); text-decoration: none; }
+.search-results .result-section { color: var(--muted); font-size: 0.75rem; }
+
+.hero {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  margin-bottom: 1rem;
+}
+
+.hero h1 { margin: 0; }
+
+.hero p { margin: 0; color: var(--muted); }
+
+.section-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+  gap: var(--gap);
+}
+
+.section-card h3 { margin: 0; }
+
+.section-card .meta { color: var(--muted); font-size: 0.875rem; }
+
+.tag { font-size: 0.8125rem; color: var(--muted); }
+
+.table { width: 100%; border-collapse: collapse; }
+.table th, .table td { padding: 0.625rem; border-bottom: 0.0625rem solid var(--border); text-align: left; }