@jjlmoya/utils-science 1.20.0 → 1.22.0

package/src/tool/temperature-timeline/logic/TemperatureTimelineEngine.ts

@@ -0,0 +1,58 @@
+export interface GeologicEpoch {
+  id: string;
+  name: string;
+  ageRange: string;
+  avgTemp: number;
+  description: string;
+}
+
+export class TemperatureTimelineEngine {
+  private epochs: GeologicEpoch[] = [
+    {
+      id: 'archean',
+      name: 'Archean Eon',
+      ageRange: '4.0 to 2.5 billion years ago',
+      avgTemp: 30,
+      description: 'Extremely hot earth with a methane and carbon dioxide rich atmosphere. Liquid oceans existed despite a faint young sun due to greenhouse effect.',
+    },
+    {
+      id: 'proterozoic',
+      name: 'Proterozoic Eon',
+      ageRange: '2.5 billion to 541 million years ago',
+      avgTemp: 12,
+      description: 'Rise of oxygen causes the Huronian glaciation, leading to one of the first Snowball Earth periods, followed by stabilization.',
+    },
+    {
+      id: 'paleozoic',
+      name: 'Paleozoic Era',
+      ageRange: '541 to 252 million years ago',
+      avgTemp: 20,
+      description: 'Explosion of life in oceans and migration to land. Ended with the Permian-Triassic extinction, the warmest phase of this era.',
+    },
+    {
+      id: 'mesozoic',
+      name: 'Mesozoic Era',
+      ageRange: '252 to 66 million years ago',
+      avgTemp: 22,
+      description: 'The age of dinosaurs. Greenhouse conditions prevailed worldwide with no polar ice caps, resulting in high ocean levels and warm climates.',
+    },
+    {
+      id: 'cenozoic',
+      name: 'Cenozoic Era',
+      ageRange: '66 million years ago to Present',
+      avgTemp: 14,
+      description: 'Gradual cooling trend culminating in the Quaternary glaciations (Ice Ages) and the modern Holocene epoch.',
+    },
+    {
+      id: 'anthropocene',
+      name: 'Anthropocene Epoch',
+      ageRange: 'Present Day and Future',
+      avgTemp: 15.2,
+      description: 'Rapid warming driven by greenhouse gas emissions, deviating from the long term natural cooling trend of the late Cenozoic.',
+    },
+  ];
+
+  public getEpochs(): GeologicEpoch[] {
+    return this.epochs;
+  }
+}

package/src/tool/temperature-timeline/planet-temperature-timeline.css

@@ -0,0 +1,158 @@
+:root {
+  --timeline-bg: #fff;
+  --timeline-border: rgba(0, 0, 0, 0.08);
+  --timeline-text: #0f172a;
+  --timeline-text-muted: #4b5563;
+  --timeline-divider: rgba(0, 0, 0, 0.1);
+  --timeline-highlight: #ea580c;
+  --timeline-ruler-text: #6b7280;
+}
+
+.theme-dark {
+  --timeline-bg: #030712;
+  --timeline-border: rgba(255, 255, 255, 0.05);
+  --timeline-text: #f3f4f6;
+  --timeline-text-muted: #9ca3af;
+  --timeline-divider: rgba(255, 255, 255, 0.1);
+  --timeline-highlight: #fb923c;
+  --timeline-ruler-text: #9ca3af;
+}
+
+.timeline-root {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 3rem;
+  background: var(--timeline-bg);
+  color: var(--timeline-text);
+  border-radius: 2rem;
+  border: 1px solid var(--timeline-border);
+  max-width: 800px;
+  margin: 0 auto;
+  min-height: 580px;
+  overflow: hidden;
+  user-select: none;
+  transition: box-shadow 0.5s ease;
+}
+
+.timeline-canvas-container {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  cursor: ns-resize;
+  pointer-events: auto;
+}
+
+.timeline-canvas-container canvas {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.timeline-info-panel {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 1.5rem;
+  pointer-events: none;
+}
+
+.timeline-meta-header {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.timeline-age {
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.2em;
+  color: var(--timeline-text-muted);
+}
+
+.timeline-era-name {
+  font-size: clamp(2rem, 5vw, 3rem);
+  font-weight: 300;
+  margin: 0;
+  letter-spacing: -0.01em;
+  color: var(--timeline-text);
+}
+
+.timeline-temp {
+  font-size: clamp(5rem, 16vw, 8.5rem);
+  font-weight: 100;
+  line-height: 1;
+  letter-spacing: -0.05em;
+  color: var(--timeline-text);
+  margin: 0;
+}
+
+.timeline-temp-unit {
+  font-size: 2.5rem;
+  font-weight: 200;
+  vertical-align: super;
+  margin-left: 0.25rem;
+}
+
+.timeline-ruler-container {
+  position: absolute;
+  right: 1.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 280px;
+  align-items: flex-end;
+  z-index: 3;
+}
+
+.timeline-ruler-track {
+  position: absolute;
+  right: 8px;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: var(--timeline-divider);
+}
+
+.timeline-ruler-notch {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  padding: 0.25rem 0.5rem;
+  transition: transform 0.2s;
+}
+
+.timeline-notch-label {
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: var(--timeline-ruler-text);
+  opacity: 0.5;
+  transition: opacity 0.2s, color 0.2s, text-shadow 0.2s;
+  letter-spacing: 0.05em;
+}
+
+.timeline-notch-line {
+  width: 12px;
+  height: 2px;
+  background: var(--timeline-divider);
+  transition: width 0.2s, background-color 0.2s;
+}
+
+.timeline-ruler-notch.active .timeline-notch-label {
+  opacity: 1;
+  color: var(--timeline-highlight);
+}
+
+.timeline-ruler-notch.active .timeline-notch-line {
+  width: 24px;
+  background: var(--timeline-highlight);
+}

package/src/tool/temperature-timeline/seo.astro

@@ -0,0 +1,15 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { temperatureTimeline } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props;
+const content = await temperatureTimeline.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tools.ts

@@ -5,6 +5,9 @@ import { ASTEROID_IMPACT_TOOL } from './tool/asteroid-impact/index';
 import { MICROWAVE_DETECTOR_TOOL } from './tool/microwave-detector/index';
 import { SIMULATION_PROBABILITY_TOOL } from './tool/simulation-probability/index';
 import { CELLULAR_RENEWAL_TOOL } from './tool/cellular-renewal/index';
+import { COSMIC_INFLATION_TOOL } from './tool/cosmic-inflation/index';
+import { TEMPERATURE_TIMELINE_TOOL } from './tool/temperature-timeline/index';
+import { LORENZ_ATTRACTOR_TOOL } from './tool/lorenz-attractor/index';
 
 export const ALL_TOOLS: ToolDefinition[] = [
   COLONY_COUNTER_TOOL,
@@ -12,6 +15,9 @@ export const ALL_TOOLS: ToolDefinition[] = [
   MICROWAVE_DETECTOR_TOOL,
   SIMULATION_PROBABILITY_TOOL,
   CELLULAR_RENEWAL_TOOL,
+  COSMIC_INFLATION_TOOL,
+  TEMPERATURE_TIMELINE_TOOL,
+  LORENZ_ATTRACTOR_TOOL,
 ];
 
 

package/src/types.ts

@@ -5,7 +5,7 @@ export type { SEOSection };
 
 export type KnownLocale =
   | 'ar' | 'da' | 'de' | 'en' | 'es' | 'fi'
-  | 'fr' | 'it' | 'ja' | 'ko' | 'nb' | 'nl'
+  | 'fr' | 'id' | 'it' | 'ja' | 'ko' | 'nb' | 'nl'
   | 'pl' | 'pt' | 'ru' | 'sv' | 'tr' | 'zh';
 
 export interface FAQItem {