datalog-theme 0.7.0 → 0.9.0

data/_sass/_academic-dashboard.scss

@@ -0,0 +1,262 @@
+// The academic dashboard (_includes/components/academic-dashboard.html): citation
+// metrics, bibliography export, and the submission, calendar and funding lists.
+// _components.scss loads this only when features.academic_dashboard is on.
+
+@use 'sass:map';
+@use "sass:color";
+
+@use 'variables' as *;
+@use 'mixins' as *;
+
+.academic-dashboard {
+  display: grid;
+  gap: 2.5rem;
+}
+
+.academic-dashboard__header {
+  text-align: center;
+  max-width: 60ch;
+  margin: 0 auto;
+}
+
+.academic-dashboard__header h1 {
+  font-size: clamp(1.8rem, 3vw, 2.4rem);
+  margin-bottom: 0.5rem;
+}
+
+.academic-dashboard__header p {
+  color: var(--muted-foreground, #4a5568);
+}
+
+.academic-dashboard__profiles {
+  background: var(--surface-card, #fff);
+  border-radius: 1.25rem;
+  padding: 2rem;
+  box-shadow: 0 12px 40px rgba(12, 35, 64, 0.08);
+}
+
+.academic-profiles__grid {
+  display: grid;
+  gap: 1.5rem;
+}
+
+@media (min-width: 56rem) {
+  .academic-profiles__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+.academic-profile {
+  border: 1px solid rgba(12, 35, 64, 0.12);
+  border-radius: 1rem;
+  padding: 1.5rem;
+  background: rgba(12, 35, 64, 0.03);
+  display: grid;
+  gap: 1rem;
+}
+
+.academic-profile header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.academic-profile h3 {
+  margin: 0;
+  font-size: 1.1rem;
+}
+
+.academic-profile a {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--accent, #3277f6);
+}
+
+.academic-profile dl {
+  display: grid;
+  gap: 0.5rem;
+}
+
+.academic-profile dl div {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.academic-profile dt {
+  font-weight: 600;
+  color: var(--muted-foreground, #4a5568);
+}
+
+.academic-profile dd {
+  margin: 0;
+}
+
+.citation-metrics {
+  display: grid;
+  gap: 1.5rem;
+  border-radius: 1.25rem;
+  padding: 2rem;
+  background: rgba(50, 119, 246, 0.08);
+}
+
+.citation-metrics__totals {
+  display: grid;
+  gap: 1rem;
+}
+
+@media (min-width: 40rem) {
+  .citation-metrics__totals {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+.citation-metrics .metric {
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 1rem;
+  padding: 1rem;
+  text-align: center;
+  font-weight: 600;
+  display: grid;
+  gap: 0.5rem;
+}
+
+.citation-metrics .metric dt {
+  margin: 0;
+  font-size: 0.9rem;
+  color: var(--muted-foreground, #4a5568);
+}
+
+.citation-metrics .metric dd {
+  margin: 0;
+  font-size: 1.5rem;
+}
+
+.citation-metrics__details {
+  background: rgba(255, 255, 255, 0.92);
+  border-radius: 1rem;
+  padding: 1rem 1.5rem;
+}
+
+.citation-metrics__details ul {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+
+.citation-metrics__timeline {
+  background: rgba(12, 35, 64, 0.08);
+  border-radius: 1rem;
+  padding: 1rem 1.5rem;
+}
+
+.citation-metrics__timeline ul {
+  display: grid;
+  gap: 0.75rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.citation-metrics__timeline li {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.75rem;
+  background: linear-gradient(90deg, rgba(50, 119, 246, 0.15) var(--timeline-value, 35%), transparent 0);
+}
+
+.bibliography-export {
+  display: grid;
+  gap: 1rem;
+}
+
+.bibliography-export textarea {
+  width: 100%;
+  min-height: 16rem;
+  font-family: var(--font-mono, "Fira Code", monospace);
+  border-radius: 0.75rem;
+  border: 1px solid rgba(12, 35, 64, 0.2);
+  padding: 1.25rem;
+  background: rgba(12, 35, 64, 0.04);
+}
+
+.bibliography-export__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}
+
+.submission-controls,
+.calendar-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.submission-controls select,
+.calendar-controls select {
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.75rem;
+}
+
+.submission-list,
+.calendar-list,
+.funding-list,
+.opportunity-list,
+.mentorship-list,
+.workflow-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 1rem;
+}
+
+.submission-card,
+.calendar-list li,
+.funding-list li,
+.opportunity-list li,
+.mentorship-list li,
+.workflow-list li {
+  border: 1px solid rgba(12, 35, 64, 0.12);
+  border-radius: 1rem;
+  padding: 1.25rem;
+  background: rgba(255, 255, 255, 0.92);
+}
+
+.status-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.2rem 0.65rem;
+  border-radius: 999px;
+  background: rgba(50, 119, 246, 0.15);
+  color: var(--accent-foreground, #0b1d3d);
+  font-size: 0.85rem;
+  font-weight: 600;
+}
+
+.workflow-grid {
+  display: grid;
+  gap: 1.5rem;
+}
+
+@media (min-width: 56rem) {
+  .workflow-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+.networking-grid {
+  display: grid;
+  gap: 1.25rem;
+}
+
+@media (min-width: 48rem) {
+  .networking-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}

data/_sass/_base.scss

@@ -12,7 +12,14 @@
 
 html {
   font-size: $font-size-root;
-  scroll-behavior: smooth;
+}
+
+// Anchor links, and the theme's scripts, which pass no scroll behavior, follow
+// this rule, so a reader who asks for reduced motion jumps to the target.
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    scroll-behavior: smooth;
+  }
 }
 
 body {
@@ -146,3 +153,15 @@ body.dark-mode {
     border-bottom-color: rgba($dark-ink-500, 0.2);
   }
 }
+
+// Groups of form controls, such as the filters on the search page.
+fieldset {
+  border: 1px solid var(--color-border, #e2e8f0);
+  border-radius: 8px;
+  padding: 1rem;
+
+  legend {
+    padding: 0 0.5rem;
+    font-weight: 600;
+  }
+}

data/_sass/_comments-thread.scss

@@ -0,0 +1,159 @@
+@use 'sass:map';
+
+@use 'variables' as *;
+
+// The comments thread of the `api` provider (components/comments-thread.html,
+// assets/js/comments/thread.js). The form itself is a .service-form
+// (_service-forms.scss).
+
+.comments-thread {
+  max-width: $max-width-reading;
+}
+
+.comments-thread__status {
+  margin: 0 0 map.get($spacing, 3);
+  color: $color-ink-500;
+  font-size: map.get($font-size-scale, sm);
+
+  .comments-thread[data-state='error'] & {
+    color: $color-danger-700;
+  }
+}
+
+.comments-thread__noscript {
+  margin: 0 0 map.get($spacing, 3);
+  color: $color-ink-500;
+}
+
+.comments-thread__list,
+.comments-thread__replies {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.comments-thread__list {
+  display: grid;
+  gap: map.get($spacing, 3);
+  margin-bottom: map.get($spacing, 5);
+}
+
+// display: grid and display: flex would override the hidden attribute.
+.comments-thread__list[hidden],
+.comments-form__replying[hidden] {
+  display: none;
+}
+
+.comments-thread__replies {
+  display: grid;
+  gap: map.get($spacing, 3);
+  margin-top: map.get($spacing, 3);
+  padding-left: map.get($spacing, 4);
+  border-left: 2px solid rgba($color-neutral-500, 0.25);
+}
+
+.comment__card {
+  padding: map.get($spacing, 3) map.get($spacing, 4);
+  border-radius: map.get($radius, md);
+  background: rgba($color-neutral-500, 0.06);
+}
+
+.comment--pending > .comment__card {
+  border: 1px dashed rgba($color-neutral-500, 0.5);
+  background: transparent;
+}
+
+.comment__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: map.get($spacing, 2);
+  margin-bottom: map.get($spacing, 2);
+  font-size: map.get($font-size-scale, sm);
+}
+
+.comment__author {
+  font-weight: 600;
+  color: $color-ink-900;
+}
+
+.comment__time {
+  color: $color-ink-500;
+}
+
+.comment__pending {
+  padding: 0 map.get($spacing, 2);
+  border-radius: map.get($radius, sm);
+  background: rgba($color-neutral-500, 0.15);
+  color: $color-ink-700;
+  font-size: map.get($font-size-scale, xs);
+}
+
+.comment__body {
+  overflow-wrap: anywhere;
+
+  p {
+    margin: 0 0 map.get($spacing, 2);
+  }
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.comment__reply {
+  margin-top: map.get($spacing, 2);
+}
+
+.comments-form__heading {
+  margin: 0 0 map.get($spacing, 2);
+  font-size: map.get($font-size-scale, md);
+}
+
+.comments-form__replying {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: map.get($spacing, 2);
+  margin: 0 0 map.get($spacing, 3);
+  color: $color-ink-700;
+  font-size: map.get($font-size-scale, sm);
+}
+
+body.dark-mode {
+  .comments-thread__status,
+  .comments-thread__noscript,
+  .comment__time {
+    color: $dark-ink-500;
+  }
+
+  .comments-thread[data-state='error'] .comments-thread__status {
+    color: $color-danger-300;
+  }
+
+  .comment__card {
+    background: rgba($dark-ink-500, 0.12);
+  }
+
+  .comment--pending > .comment__card {
+    border-color: rgba($dark-ink-500, 0.5);
+    background: transparent;
+  }
+
+  .comment__author {
+    color: $dark-ink-900;
+  }
+
+  .comment__pending,
+  .comments-form__replying {
+    color: $dark-ink-700;
+  }
+
+  .comment__pending {
+    background: rgba($dark-ink-500, 0.2);
+  }
+
+  .comments-thread__replies {
+    border-left-color: rgba($dark-ink-500, 0.35);
+  }
+}