datalog-theme 0.7.0 → 0.8.0

data/_sass/_phase5-enhancements.scss

@@ -1,414 +0,0 @@
-// ============================================================================
-// Phase 5 Enhancements Stylesheet
-// Advanced features: i18n, search, bookmarks, performance, email
-// ============================================================================
-
-@use 'mixins' as *;
-
-// Language Switcher
-.language-switcher {
-  position: relative;
-
-  &__trigger {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.5rem 1rem;
-    background: transparent;
-    border: 1px solid var(--color-border, #cbd5e0);
-    border-radius: 6px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: var(--color-background-secondary, #f7fafc);
-      border-color: var(--color-accent, #3b82f6);
-    }
-  }
-
-  &__menu {
-    position: absolute;
-    top: calc(100% + 0.5rem);
-    right: 0;
-    min-width: 200px;
-    background: white;
-    border: 1px solid var(--color-border, #e2e8f0);
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    list-style: none;
-    padding: 0.5rem 0;
-    margin: 0;
-    z-index: 100;
-  }
-
-  &__option {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    width: 100%;
-    padding: 0.75rem 1rem;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    transition: background 0.2s ease;
-    text-align: left;
-
-    &:hover {
-      background: var(--color-background-secondary, #f7fafc);
-    }
-
-    &--active {
-      background: var(--color-background-secondary, #f7fafc);
-      font-weight: 600;
-    }
-  }
-
-  &__flag {
-    font-size: 1.25rem;
-  }
-
-  &__check {
-    margin-left: auto;
-    color: var(--color-accent, #3b82f6);
-  }
-}
-
-// Advanced Search
-.advanced-search {
-  max-width: 1000px;
-  margin: 2rem auto;
-  padding: 2rem;
-
-  &__header {
-    display: flex;
-    gap: 1rem;
-    margin-bottom: 1.5rem;
-  }
-
-  &__filters {
-    padding: 1.5rem;
-    background: var(--color-background-secondary, #f7fafc);
-    border-radius: 8px;
-    margin-bottom: 1.5rem;
-  }
-
-  &__toolbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1.5rem;
-    padding: 1rem;
-    background: var(--color-background-secondary, #f7fafc);
-    border-radius: 8px;
-  }
-}
-
-.search-input-wrapper {
-  flex: 1;
-  position: relative;
-  display: flex;
-  align-items: center;
-
-  &__icon {
-    position: absolute;
-    left: 1rem;
-    color: var(--color-text-secondary, #4a5568);
-  }
-
-  &__input {
-    width: 100%;
-    padding: 0.875rem 3rem;
-    border: 2px solid var(--color-border, #e2e8f0);
-    border-radius: 8px;
-    font-size: 1rem;
-
-    &:focus {
-      outline: none;
-      border-color: var(--color-accent, #3b82f6);
-    }
-  }
-
-  &__clear {
-    position: absolute;
-    right: 1rem;
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    padding: 0.25rem;
-    color: var(--color-text-secondary, #4a5568);
-
-    &:hover {
-      color: var(--color-text-primary, #1a202c);
-    }
-  }
-}
-
-.search-result {
-  padding: 1.5rem;
-  border: 1px solid var(--color-border, #e2e8f0);
-  border-radius: 8px;
-  margin-bottom: 1rem;
-  transition: all 0.2s ease;
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-
-  &__title a {
-    color: var(--color-text-primary, #1a202c);
-    text-decoration: none;
-    font-size: 1.25rem;
-
-    &:hover {
-      color: var(--color-accent, #3b82f6);
-    }
-  }
-
-  &__excerpt {
-    margin: 0.75rem 0;
-    color: var(--color-text-secondary, #4a5568);
-
-    mark {
-      background: #fef3c7;
-      padding: 0.125rem 0.25rem;
-      border-radius: 2px;
-    }
-  }
-
-  &__meta {
-    display: flex;
-    gap: 0.75rem;
-    align-items: center;
-    font-size: 0.875rem;
-    color: var(--color-text-secondary, #4a5568);
-  }
-}
-
-.search-filter {
-  margin-bottom: 1.5rem;
-
-  &__title {
-    font-size: 0.9375rem;
-    margin: 0 0 0.75rem;
-    font-weight: 600;
-  }
-
-  &__options {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-
-    &--scrollable {
-      max-height: 200px;
-      overflow-y: auto;
-    }
-  }
-}
-
-.filter-checkbox, .filter-radio {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  padding: 0.5rem;
-  border-radius: 4px;
-
-  &:hover {
-    background: white;
-  }
-
-  input {
-    cursor: pointer;
-  }
-
-  &__count {
-    margin-left: auto;
-    font-size: 0.8125rem;
-    color: var(--color-text-secondary, #4a5568);
-  }
-}
-
-// Bookmark System
-.bookmark-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1.25rem;
-  background: transparent;
-  border: 2px solid var(--color-border, #cbd5e0);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    background: var(--color-background-secondary, #f7fafc);
-    border-color: var(--color-accent, #3b82f6);
-  }
-
-  &--active {
-    background: var(--color-accent, #3b82f6);
-    border-color: var(--color-accent, #3b82f6);
-    color: white;
-
-    .bookmark-button__icon {
-      fill: white;
-    }
-  }
-
-  &__icon {
-    transition: fill 0.2s ease;
-  }
-}
-
-// Email Preferences
-.email-preferences {
-  max-width: 600px;
-  margin: 2rem auto;
-  padding: 2rem;
-  background: white;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-  h3 {
-    margin-top: 0;
-  }
-
-  &__form {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-  }
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-
-  label {
-    font-weight: 600;
-    font-size: 0.9375rem;
-  }
-
-  input[type="email"],
-  select {
-    padding: 0.75rem;
-    border: 1px solid var(--color-border, #cbd5e0);
-    border-radius: 6px;
-
-    &:focus {
-      outline: none;
-      border-color: var(--color-accent, #3b82f6);
-    }
-  }
-}
-
-fieldset {
-  border: 1px solid var(--color-border, #e2e8f0);
-  border-radius: 8px;
-  padding: 1rem;
-
-  legend {
-    padding: 0 0.5rem;
-    font-weight: 600;
-  }
-}
-
-.checkbox-label {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  padding: 0.75rem;
-  border-radius: 6px;
-  cursor: pointer;
-
-  &:hover {
-    background: var(--color-background-secondary, #f7fafc);
-  }
-
-  input {
-    cursor: pointer;
-  }
-
-  small {
-    color: var(--color-text-secondary, #4a5568);
-    font-size: 0.8125rem;
-  }
-}
-
-.form-actions {
-  display: flex;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.button {
-  padding: 0.75rem 1.5rem;
-  border: none;
-  border-radius: 8px;
-  cursor: pointer;
-  font-weight: 600;
-  transition: all 0.2s ease;
-
-  &--primary {
-    background: var(--color-accent, #3b82f6);
-    color: white;
-
-    &:hover {
-      background: var(--color-accent-dark, #2563eb);
-    }
-  }
-
-  &--secondary {
-    background: transparent;
-    border: 1px solid var(--color-border, #cbd5e0);
-    color: var(--color-text-primary, #1a202c);
-
-    &:hover {
-      background: var(--color-background-secondary, #f7fafc);
-    }
-  }
-}
-
-.form-message {
-  padding: 1rem;
-  border-radius: 6px;
-  text-align: center;
-
-  &--success {
-    background: #d1fae5;
-    color: #065f46;
-  }
-
-  &--error {
-    background: #fee2e2;
-    color: #991b1b;
-  }
-}
-
-// Responsive
-@include respond-below(md) {
-  .advanced-search__header {
-    flex-direction: column;
-  }
-
-  .advanced-search__toolbar {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 1rem;
-  }
-
-  .form-actions {
-    flex-direction: column;
-  }
-}
-
-// Print
-@media print {
-  .language-switcher,
-  .advanced-search__filters,
-  .bookmark-button,
-  .email-preferences {
-    display: none !important;
-  }
-}

data/assets/js/academic.js

@@ -1,262 +0,0 @@
-/**
- * @fileoverview Academic features for citation display and research tools.
- * Handles citation metrics, publication lists, and academic integrations.
- * @module academic
- */
-
-/**
- * Populates citation metric elements with data from global academic data.
- * Supports total citations, h-index, i10-index, and yearly breakdowns.
- * @returns {void}
- */
-export function populateCitationMetrics() {
-  const academicData = window.DatalogAcademic || {};
-  const publicationsData = window.DatalogPublications || {};
-  const metrics = publicationsData.metrics || (academicData.citations ? academicData.citations.metrics : {}) || {};
-  const yearlyTotals = publicationsData.yearly_totals || (academicData.citations ? academicData.citations.yearly_totals : {}) || {};
-
-  document.querySelectorAll('[data-citation-metric]').forEach((element) => {
-    const key = element.getAttribute('data-citation-metric');
-    if (!key) {
-      return;
-    }
-    let value;
-    switch (key) {
-      case 'total':
-        value = metrics.total;
-        break;
-      case 'h_index':
-      case 'h-index':
-        value = metrics.h_index;
-        break;
-      case 'i10_index':
-      case 'i10-index':
-        value = metrics.i10_index;
-        break;
-      case 'since_total':
-        value = metrics.since_2019 ? metrics.since_2019.total : undefined;
-        break;
-      case 'since_h_index':
-        value = metrics.since_2019 ? metrics.since_2019.h_index : undefined;
-        break;
-      case 'since_i10':
-        value = metrics.since_2019 ? metrics.since_2019.i10_index : undefined;
-        break;
-      default:
-        if (key.startsWith('year_')) {
-          const yearKey = key.replace('year_', '');
-          value = yearlyTotals[yearKey];
-        }
-        break;
-    }
-    if (typeof value === 'number') {
-      element.textContent = value.toLocaleString();
-    } else if (value) {
-      element.textContent = value;
-    }
-  });
-}
-
-/**
- * Populates citation counts for individual publications.
- * @returns {void}
- */
-export function populatePublicationCitations() {
-  const academicData = window.DatalogAcademic || {};
-  const publicationsData = window.DatalogPublications || {};
-  const perPublication = publicationsData.citation_totals || (academicData.citations ? academicData.citations.per_publication : {}) || {};
-
-  document.querySelectorAll('[data-publication-citations]').forEach((element) => {
-    const publicationId = element.getAttribute('data-publication-citations');
-    if (!publicationId) {
-      return;
-    }
-    const lower = publicationId.toLowerCase();
-    let value;
-    if (perPublication[publicationId]) {
-      value = perPublication[publicationId].total || perPublication[publicationId];
-    } else if (perPublication[lower]) {
-      value = perPublication[lower].total || perPublication[lower];
-    }
-    if (typeof value === 'number') {
-      element.textContent = value.toLocaleString();
-    }
-  });
-}
-
-/**
- * Populates the citation timeline chart with yearly data.
- * @returns {void}
- */
-export function populateCitationTimeline() {
-  const academicData = window.DatalogAcademic || {};
-  const publicationsData = window.DatalogPublications || {};
-  const yearlyTotals = publicationsData.yearly_totals || (academicData.citations ? academicData.citations.yearly_totals : {}) || {};
-
-  const timelineContainer = document.querySelector('[data-citation-timeline]');
-  if (timelineContainer && yearlyTotals) {
-    const listItems = timelineContainer.querySelectorAll('li[data-year]');
-    listItems.forEach((item) => {
-      const year = item.getAttribute('data-year');
-      if (!year) {
-        return;
-      }
-      const display = item.querySelector('[data-year-total]');
-      const total = yearlyTotals[year];
-      if (display && typeof total !== 'undefined') {
-        display.textContent = Number(total).toLocaleString();
-        item.style.setProperty('--timeline-value', Math.min(Number(total) / 5, 100));
-      }
-    });
-  }
-}
-
-/**
- * Attaches copy-to-clipboard handlers to elements matching the selector.
- * @param {string} selector - CSS selector for trigger elements
- * @param {function(HTMLElement): string|string} getText - Function to get text or static text
- * @returns {void}
- */
-export function attachCopyHandler(selector, getText) {
-  document.querySelectorAll(selector).forEach((trigger) => {
-    trigger.addEventListener('click', () => {
-      const text = typeof getText === 'function' ? getText(trigger) : getText;
-      if (!text) {
-        return;
-      }
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        navigator.clipboard
-          .writeText(text)
-          .then(() => {
-            trigger.dataset.copied = 'true';
-            trigger.textContent = 'Copied!';
-            setTimeout(() => {
-              trigger.dataset.copied = 'false';
-              trigger.textContent = trigger.dataset.originalText || 'Copy';
-            }, 2000);
-          })
-          .catch(() => {
-            trigger.dataset.copied = 'error';
-            trigger.textContent = 'Error';
-          });
-      }
-    });
-    trigger.dataset.originalText = trigger.textContent;
-  });
-}
-
-/**
- * Initializes copy handlers for citation and bibliography buttons.
- * @returns {void}
- */
-export function initCopyHandlers() {
-  attachCopyHandler('[data-copy-citation]', (trigger) => {
-    const targetId = trigger.getAttribute('data-target');
-    if (!targetId) {
-      return '';
-    }
-    const target = document.getElementById(targetId);
-    return target ? target.value : '';
-  });
-
-  attachCopyHandler('[data-copy-bibliography]', (trigger) => {
-    const targetId = trigger.getAttribute('data-target');
-    if (!targetId) {
-      return '';
-    }
-    const target = document.getElementById(targetId);
-    return target ? target.value : '';
-  });
-}
-
-/**
- * Initializes the submission status filter for paper tracking.
- * @returns {void}
- */
-export function initSubmissionFilter() {
-  const submissionFilter = document.querySelector('[data-submission-filter]');
-  if (submissionFilter) {
-    const cards = document.querySelectorAll('.submission-card');
-    const filterCards = () => {
-      const value = submissionFilter.value;
-      cards.forEach((card) => {
-        if (!value) {
-          card.hidden = false;
-          return;
-        }
-        const status = card.getAttribute('data-submission-status');
-        card.hidden = status !== value;
-      });
-    };
-    submissionFilter.addEventListener('change', filterCards);
-    filterCards();
-  }
-}
-
-/**
- * Initializes the academic calendar event type filter.
- * @returns {void}
- */
-export function initCalendarFilter() {
-  const calendarFilter = document.querySelector('[data-calendar-filter]');
-  const calendarList = document.querySelector('[data-academic-calendar]');
-  if (calendarFilter && calendarList) {
-    const events = calendarList.querySelectorAll('li[data-event-type]');
-    const filterEvents = () => {
-      const value = calendarFilter.value;
-      events.forEach((event) => {
-        if (!value) {
-          event.hidden = false;
-          return;
-        }
-        const type = event.getAttribute('data-event-type');
-        event.hidden = type !== value;
-      });
-    };
-    calendarFilter.addEventListener('change', filterEvents);
-    filterEvents();
-  }
-}
-
-/**
- * Initializes open science badges with tooltip descriptions.
- * @returns {void}
- */
-export function initOpenScienceBadges() {
-  const badges = document.querySelectorAll('.open-science-badge');
-  badges.forEach((badge) => {
-    const description = badge.querySelector('.open-science-badge__description');
-    const criteria = badge.querySelector('.open-science-badge__criteria');
-    const tooltipParts = [];
-    if (description) {
-      tooltipParts.push(description.textContent.trim());
-    }
-    if (criteria) {
-      tooltipParts.push(criteria.textContent.trim());
-    }
-    if (tooltipParts.length) {
-      badge.setAttribute('title', tooltipParts.join(' • '));
-    }
-  });
-}
-
-/**
- * Initializes all academic features on the page.
- * @returns {void}
- */
-export function initAcademicFeatures() {
-  populateCitationMetrics();
-  populatePublicationCitations();
-  populateCitationTimeline();
-  initCopyHandlers();
-  initSubmissionFilter();
-  initCalendarFilter();
-  initOpenScienceBadges();
-}
-
-// Auto-initialize when module loads (backward compatibility)
-if (typeof window !== 'undefined' && document.readyState !== 'loading') {
-  initAcademicFeatures();
-} else if (typeof window !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', initAcademicFeatures);
-}