datalog-theme 0.6.1 → 0.8.0

data/_plugins/search_pages.rb

@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+require "jekyll"
+
+module Datalog
+  # Gives sites that install the theme the two pages search needs.
+  #
+  # A theme gem can ship layouts, includes, sass and assets, but not pages: a
+  # site's pages come from its own source directory. The theme therefore
+  # shipped the search interface and its JavaScript while the page that renders
+  # it and the page that builds its index stayed behind in this repository, so
+  # search was missing entirely from every site using the gem.
+  #
+  # Both are generated here from the shipped includes, for any site with
+  # `features.search` enabled that has not already defined them itself.
+  class SearchPages < Jekyll::Generator
+    safe true
+    priority :low
+
+    INDEX_URL = "/search.json"
+    PAGE_URL = "/search/"
+
+    def generate(site)
+      return unless search_enabled?(site)
+
+      add_index(site) unless defines?(site, INDEX_URL)
+      add_page(site) unless defines?(site, PAGE_URL)
+    end
+
+    private
+
+    def search_enabled?(site)
+      features = site.config["features"]
+      features.is_a?(Hash) && features["search"]
+    end
+
+    # A site that ships its own search page or index keeps it untouched.
+    def defines?(site, url)
+      site.pages.any? { |page| page.url == url }
+    end
+
+    def add_index(site)
+      page = Jekyll::PageWithoutAFile.new(site, site.source, "", "search.json")
+      page.content = "{% include search/index-data.json %}"
+      page.data.merge!(
+        "layout" => nil,
+        "permalink" => INDEX_URL,
+        "sitemap" => false
+      )
+      site.pages << page
+    end
+
+    def add_page(site)
+      search_config = site.config["search"]
+      search_config = {} unless search_config.is_a?(Hash)
+
+      page = Jekyll::PageWithoutAFile.new(site, site.source, "search", "index.html")
+      page.content = "{% include search/page.html %}"
+      page.data.merge!(
+        "layout" => search_config["layout"] || "page",
+        "title" => search_config["title"] || "Search",
+        "permalink" => PAGE_URL,
+        "page_classes" => "search-page",
+        # Results can contain LaTeX, so the math engine is wanted here even
+        # when the rest of the site loads it only where math appears.
+        "math" => true
+      )
+      page.data["subtitle"] = search_config["subtitle"] if search_config["subtitle"]
+      site.pages << page
+    end
+  end
+end

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

@@ -48,7 +48,7 @@ a {
 
   &:hover,
   &:focus {
-    color: $color-accent-secondary;
+    color: $color-accent-secondary-text;
   }
 }
 
@@ -100,6 +100,12 @@ pre {
   z-index: $z-skiplink;
   transition: transform $transition-base;
 
+  // body.dark-mode a outranks .skip-link and would paint the text light blue
+  // on the blue pill (2:1); keep it white in both modes (5.2:1).
+  body.dark-mode & {
+    color: white;
+  }
+
   &:focus {
     transform: translate(-50%, 0);
     @include focus-ring(white);
@@ -140,3 +146,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;
+  }
+}