<!doctype html>
<html lang="en" prefix="og: https://ogp.me/ns#">
  <head>
    <!-- Essential Meta Tags -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
    
    <!-- Google Analytics 4 (Consent Mode v2 - deferred loading for performance) -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      // Consent Mode v2 - default to denied; CookieConsent.tsx updates to 'granted'
      gtag('consent', 'default', {
        ad_storage: 'denied',
        ad_user_data: 'denied',
        ad_personalization: 'denied',
        analytics_storage: 'denied',
        functionality_storage: 'granted',
        security_storage: 'granted',
        wait_for_update: 500
      });
      // Defer GA4 script load (#20 - reduce main thread blocking)
      if (typeof requestIdleCallback === 'function') {
        requestIdleCallback(function() {
          var s = document.createElement('script');
          s.src = 'https://www.googletagmanager.com/gtag/js?id=G-6TZDJE4G4X';
          s.async = true;
          document.head.appendChild(s);
          s.onload = function() {
            gtag('js', new Date());
            gtag('config', 'G-6TZDJE4G4X', { anonymize_ip: true, cookie_flags: 'SameSite=None;Secure' });
          };
        });
      } else {
        setTimeout(function() {
          var s = document.createElement('script');
          s.src = 'https://www.googletagmanager.com/gtag/js?id=G-6TZDJE4G4X';
          s.async = true;
          document.head.appendChild(s);
          s.onload = function() {
            gtag('js', new Date());
            gtag('config', 'G-6TZDJE4G4X', { anonymize_ip: true, cookie_flags: 'SameSite=None;Secure' });
          };
        }, 3000);
      }
    </script>
    
    <!-- Performance: Preconnect & DNS Prefetch -->
    <link rel="preconnect" href="https://api.timelory.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
    <link rel="dns-prefetch" href="https://api.timelory.com">
    <link rel="dns-prefetch" href="https://api.maptiler.com">
    <link rel="preconnect" href="https://api.maptiler.com" crossorigin>
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">

    <!-- #34 modulepreload: Vite injects per-chunk modulepreload tags at build time.
         This explicit hint covers the entry module for browsers that receive the
         HTML before the Vite-generated tags are injected (e.g. CDN edge caching). -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JzsNCmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20vY2xpZW50JzsNCmltcG9ydCB7IEdvb2dsZU9BdXRoUHJvdmlkZXIgfSBmcm9tICdAcmVhY3Qtb2F1dGgvZ29vZ2xlJzsNCmltcG9ydCBBcHAgZnJvbSAnLi9BcHAnOw0KaW1wb3J0ICcuL2luZGV4LmNzcyc7DQoNCi8vIEluaXRpYWxpemUgU2VudHJ5IEZJUlNUIC0gYmVmb3JlIGFueSBvdGhlciBjb2RlIHJ1bnMNCi8vIFdIWTogU2VudHJ5IG11c3QgYmUgaW5pdGlhbGl6ZWQgZWFybHkgdG8gY2F0Y2ggZXJyb3JzIGR1cmluZyBhcHAgYm9vdHN0cmFwDQpjb25zb2xlLndhcm4oJ1tNQUlOXSBMb2FkaW5nIFNlbnRyeSBtb2R1bGUuLi4nKTsNCmltcG9ydCB7IGluaXRTZW50cnksIFNlbnRyeUVycm9yQm91bmRhcnkgfSBmcm9tICcuL3V0aWxzL3NlbnRyeSc7DQpjb25zb2xlLndhcm4oJ1tNQUlOXSBDYWxsaW5nIGluaXRTZW50cnkoKS4uLicpOw0KaW5pdFNlbnRyeSgpOw0KY29uc29sZS53YXJuKCdbTUFJTl0gU2VudHJ5IGluaXRpYWxpemF0aW9uIGNvbXBsZXRlJyk7DQoNCi8vIEluaXRpYWxpemUgaTE4biBiZWZvcmUgcmVuZGVyaW5nDQppbXBvcnQgJy4vaTE4bic7DQoNCi8vIEFkZCBjYW5vbmljYWwgVVJMIGhhbmRsaW5nIGZvciBsYW5ndWFnZSBxdWVyeSBwYXJhbXMNCmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykgew0KICAvLyBSZW1vdmUgbGFuZyBxdWVyeSBwYXJhbWV0ZXIgZnJvbSBVUkwgd2l0aG91dCByZWxvYWRpbmcNCiAgY29uc3QgdXJsID0gbmV3IFVSTCh3aW5kb3cubG9jYXRpb24uaHJlZik7DQogIGlmICh1cmwuc2VhcmNoUGFyYW1zLmhhcygnbGFuZycpKSB7DQogICAgLy8gTGFuZ3VhZ2UgaXMgaGFuZGxlZCBieSBpMThuLCBub3QgbmVlZGVkIGluIFVSTA0KICAgIHVybC5zZWFyY2hQYXJhbXMuZGVsZXRlKCdsYW5nJyk7DQogICAgd2luZG93Lmhpc3RvcnkucmVwbGFjZVN0YXRlKHt9LCAnJywgdXJsLnRvU3RyaW5nKCkpOw0KICB9DQogIA0KICAvLyBBZGQgY2Fub25pY2FsIGxpbmsgdGFnIHBvaW50aW5nIHRvIGNsZWFuIFVSTCB3aXRob3V0IHF1ZXJ5IHBhcmFtcw0KICBjb25zdCBjYW5vbmljYWxVcmwgPSBgJHt1cmwub3JpZ2lufSR7dXJsLnBhdGhuYW1lfWA7DQogIGxldCBjYW5vbmljYWwgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdsaW5rW3JlbD0iY2Fub25pY2FsIl0nKTsNCiAgaWYgKCFjYW5vbmljYWwpIHsNCiAgICBjYW5vbmljYWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsaW5rJyk7DQogICAgY2Fub25pY2FsLnNldEF0dHJpYnV0ZSgncmVsJywgJ2Nhbm9uaWNhbCcpOw0KICAgIGRvY3VtZW50LmhlYWQuYXBwZW5kQ2hpbGQoY2Fub25pY2FsKTsNCiAgfQ0KICBjYW5vbmljYWwuc2V0QXR0cmlidXRlKCdocmVmJywgY2Fub25pY2FsVXJsKTsNCn0NCg0KLy8gR29vZ2xlIE9BdXRoIENsaWVudCBJRCAtIHNldCBpbiAuZW52LmxvY2FsIGFzIFZJVEVfR09PR0xFX0NMSUVOVF9JRA0KY29uc3QgR09PR0xFX0NMSUVOVF9JRCA9IGltcG9ydC5tZXRhLmVudi5WSVRFX0dPT0dMRV9DTElFTlRfSUQgfHwgJyc7DQoNCi8vIEZhbGxiYWNrIFVJIGZvciB3aGVuIHRoZSBlbnRpcmUgYXBwIGNyYXNoZXMNCmNvbnN0IEVycm9yRmFsbGJhY2sgPSAoKSA9PiAoDQogIDxkaXYgc3R5bGU9e3sgcGFkZGluZzogJzJyZW0nLCB0ZXh0QWxpZ246ICdjZW50ZXInIH19Pg0KICAgIDxoMT5Tb21ldGhpbmcgd2VudCB3cm9uZzwvaDE+DQogICAgPHA+V2UndmUgYmVlbiBub3RpZmllZCBhbmQgYXJlIHdvcmtpbmcgb24gYSBmaXguPC9wPg0KICAgIDxidXR0b24gb25DbGljaz17KCkgPT4gd2luZG93LmxvY2F0aW9uLnJlbG9hZCgpfSBzdHlsZT17eyBtYXJnaW5Ub3A6ICcxcmVtJywgcGFkZGluZzogJzAuNXJlbSAxcmVtJyB9fT4NCiAgICAgIFJlbG9hZCBQYWdlDQogICAgPC9idXR0b24+DQogIDwvZGl2Pg0KKTsNCg0KUmVhY3RET00uY3JlYXRlUm9vdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgncm9vdCcpISkucmVuZGVyKA0KICA8UmVhY3QuU3RyaWN0TW9kZT4NCiAgICA8U2VudHJ5RXJyb3JCb3VuZGFyeSBmYWxsYmFjaz17RXJyb3JGYWxsYmFja30gc2hvd0RpYWxvZz4NCiAgICAgIDxHb29nbGVPQXV0aFByb3ZpZGVyIGNsaWVudElkPXtHT09HTEVfQ0xJRU5UX0lEfT4NCiAgICAgICAgPEFwcCAvPg0KICAgICAgPC9Hb29nbGVPQXV0aFByb3ZpZGVyPg0KICAgIDwvU2VudHJ5RXJyb3JCb3VuZGFyeT4NCiAgPC9SZWFjdC5TdHJpY3RNb2RlPg0KKTsNCg0KLy8gIzI1IENvcmUgV2ViIFZpdGFscyDihpIgR0E0DQppbXBvcnQgeyBpbml0V2ViVml0YWxzIH0gZnJvbSAnLi91dGlscy93ZWJWaXRhbHMnOw0KaW5pdFdlYlZpdGFscygpOw0KDQovLyAjMjggQUkgY2l0YXRpb24gdHJhY2tpbmcg4oCUIGRldGVjdCB0cmFmZmljIGZyb20gQUkgZW5naW5lcw0KaWYgKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnKSB7DQogIGNvbnN0IHJlZiA9IGRvY3VtZW50LnJlZmVycmVyLnRvTG93ZXJDYXNlKCk7DQogIGNvbnN0IGFpU291cmNlcyA9IFsncGVycGxleGl0eS5haScsICdjaGF0Lm9wZW5haS5jb20nLCAnY2hhdGdwdC5jb20nLCAnYmFyZC5nb29nbGUuY29tJywgJ2dlbWluaS5nb29nbGUuY29tJywgJ2NsYXVkZS5haScsICd5b3UuY29tJywgJ3BoaW5kLmNvbScsICdjb3BpbG90Lm1pY3Jvc29mdC5jb20nXTsNCiAgY29uc3Qgc291cmNlID0gYWlTb3VyY2VzLmZpbmQocyA9PiByZWYuaW5jbHVkZXMocykpOw0KICBpZiAoc291cmNlICYmIHR5cGVvZiB3aW5kb3cuZ3RhZyA9PT0gJ2Z1bmN0aW9uJykgew0KICAgIHdpbmRvdy5ndGFnKCdldmVudCcsICdhaV9jaXRhdGlvbicsIHsgYWlfc291cmNlOiBzb3VyY2UsIGxhbmRpbmdfcGFnZTogd2luZG93LmxvY2F0aW9uLnBhdGhuYW1lIH0pOw0KICB9DQp9" crossorigin>

    <!-- CJK fonts: non-blocking (loaded only if locale uses them) -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap"></noscript>
    
    <!-- Primary SEO Meta Tags -->
    <title>Timelory - Interactive Historical Timelines & Empire Maps | Visualize History Through Time</title>
    <meta name="title" content="Timelory - Interactive Historical Timelines & Empire Maps | Visualize History Through Time" />
    <meta name="description" content="Create stunning visual timelines of dynasties, empires, and historical events. Explore interactive maps with historical borders, Roman roads, and ancient civilizations. Perfect for educators, students, and history enthusiasts." />
    <meta name="keywords" content="historical timelines, empire maps, dynasty trees, Roman roads, ancient history, interactive maps, history visualization, historical events, genealogy, world history, civilization maps, educational tools, history education, timeline creator, historical atlas" />
    <meta name="author" content="Timelory" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="bingbot" content="index, follow" />
    <link rel="canonical" href="https://timelory.com/" />
    
    <!-- #15 hreflang: English-only site; x-default signals canonical language -->
    <link rel="alternate" hreflang="en" href="https://timelory.com/" />
    <link rel="alternate" hreflang="x-default" href="https://timelory.com/" />

    <!-- RSS/Atom/JSON Feeds -->
    <link rel="alternate" type="application/rss+xml" title="Timelory RSS Feed" href="/feed.xml" />
    <link rel="alternate" type="application/rss+xml" title="Timelory Articles RSS Feed" href="https://api.timelory.com/api/articles/feed/rss" />
    <link rel="alternate" type="application/atom+xml" title="Timelory Atom Feed" href="/feed.atom.xml" />
    <link rel="alternate" type="application/feed+json" title="Timelory JSON Feed" href="/feed.json" />
    <link rel="alternate" type="application/feed+json" title="Timelory Articles JSON Feed" href="https://api.timelory.com/api/articles/feed/json" />
    
    <!-- API Documentation -->
    <link rel="alternate" type="application/x-yaml" href="/openapi.yaml" title="OpenAPI Specification" />
    <link rel="describedby" href="/knowledge-graph.jsonld" type="application/ld+json" />
    <link rel="describedby" href="/schema-graph.jsonld" type="application/ld+json" title="Complete Schema.org Graph" />
    
    <!-- AI/LLM SEO Meta Tags -->
    <meta name="ai-content-declaration" content="human-created" />
    <meta name="ai-training-opt-out" content="false" />
    <link rel="alternate" type="text/plain" href="/llms.txt" title="LLM-optimized site documentation" />
    <link rel="alternate" type="text/plain" href="/llms-full.txt" title="LLM-optimized full documentation" />
    <link rel="alternate" type="text/plain" href="/ai.txt" title="AI crawlers policy" />
    <meta name="citation_title" content="Timelory - Interactive Historical Timelines" />
    <meta name="citation_author" content="Timelory Team" />
    <meta name="citation_publication_date" content="2024" />
    <meta name="dc.title" content="Timelory - Interactive Historical Timelines & Empire Maps" />
    <meta name="dc.creator" content="Timelory" />
    <meta name="dc.subject" content="Historical Timelines, Empire Maps, History Visualization, Educational Technology" />
    <meta name="dc.description" content="Interactive platform for creating and exploring historical timelines, dynasty family trees, and empire border maps through time." />
    <meta name="dc.type" content="InteractiveResource" />
    <meta name="dc.format" content="text/html" />
    <meta name="dc.language" content="en" />
    
    <!-- #8 AI-friendly long description -->
    <meta name="description-long" content="Timelory is an interactive historical timeline builder and atlas. Create visual timelines of empires, dynasties, and events. Explore a year-by-year historical atlas with 7000+ empire border polygons from 3000 BCE to present. Features include dynasty family trees, Roman road networks, and multi-language support in 8 languages. Free for students and educators." />
    
    <!-- Language Tags -->
    <meta name="language" content="English" />
    <meta http-equiv="content-language" content="en-US" />
    
    <!-- Open Graph / Facebook Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://timelory.com/" />
    <meta property="og:title" content="Timelory - Interactive Historical Timelines & Empire Maps" />
    <meta property="og:description" content="Create stunning visual timelines of dynasties, empires, and historical events. Explore interactive maps with historical borders and ancient civilizations. Perfect for educators and history enthusiasts." />
    <meta property="og:image" content="https://timelory.com/og-image.jpg" />
    <meta property="og:image:secure_url" content="https://timelory.com/og-image.jpg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Timelory - Visualize History Through Interactive Timelines and Maps" />
    <meta property="og:site_name" content="Timelory" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="de_DE" />
    <meta property="og:locale:alternate" content="fr_FR" />
    <meta property="og:locale:alternate" content="es_ES" />
    <meta property="og:locale:alternate" content="ja_JP" />
    <meta property="og:locale:alternate" content="zh_CN" />
    <meta property="og:locale:alternate" content="ar_SA" />
    <meta property="og:locale:alternate" content="he_IL" />
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://timelory.com/" />
    <meta name="twitter:title" content="Timelory - Interactive Historical Timelines & Empire Maps" />
    <meta name="twitter:description" content="Create stunning visual timelines of dynasties, empires, and historical events. Explore interactive maps with historical borders and ancient civilizations." />
    <meta name="twitter:image" content="https://timelory.com/og-image.jpg" />
    <meta name="twitter:image:alt" content="Timelory - Visualize History Through Interactive Timelines and Maps" />
    <meta name="twitter:site" content="@timelory" />
    <meta name="twitter:creator" content="@timelory" />
    
    <!-- Pinterest Rich Pins -->
    <meta name="pinterest-rich-pin" content="true" />
    <meta property="og:see_also" content="https://timelory.com/atlas" />
    <meta property="og:see_also" content="https://timelory.com/timelines" />
    
    <!-- Slack/Discord/Telegram Unfurling -->
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    
    <!-- PWA & Mobile Meta Tags -->
    <meta name="theme-color" content="#4f46e5" />
    <meta name="msapplication-TileColor" content="#4f46e5" />
    <meta name="msapplication-navbutton-color" content="#4f46e5" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Timelory" />
    <meta name="application-name" content="Timelory" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    
    <!-- Favicon & Icons (served from public/, no hashing in production) -->
    <link rel="icon" type="image/png" href="/icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/icon.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/icon.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/icon.png" />
    <link rel="shortcut icon" href="/icon.png" />
    <link rel="manifest" href="/manifest.json" />
    
    <!-- Help Links for AI/Crawlers - Key content pages -->
    <link rel="help" href="/history/" title="Historical Encyclopedia" />
    <link rel="help" href="/api-docs.html" title="API Documentation" />
    <link rel="author" href="/humans.txt" />
    
    <!-- #2 Speculation Rules: prefetch + prerender for lightweight pages -->
    <script type="speculationrules">
    {
      "prefetch": [
        {
          "urls": ["/atlas", "/timelines", "/articles", "/history/"],
          "eagerness": "moderate"
        }
      ],
      "prerender": [
        {
          "urls": ["/glossary", "/about", "/pricing", "/contact"],
          "eagerness": "moderate"
        }
      ]
    }
    </script>
    
    <!-- Preload Critical Assets (#19 fetchpriority, #41 font preload) -->
    <link rel="preload" href="/logo.png" as="image" type="image/png" />
    <link rel="preload" href="/og-image.jpg" as="image" type="image/jpeg" fetchpriority="high" />
    
    <!-- Structured Data - Organization + WebSite (@graph consolidated #32) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://timelory.com/#organization",
          "name": "Timelory",
          "url": "https://timelory.com",
          "logo": {
            "@type": "ImageObject",
            "url": "https://timelory.com/logo.png",
            "width": 512,
            "height": 512
          },
          "description": "Interactive historical timelines and empire maps for educators, students, and history enthusiasts.",
          "foundingDate": "2024",
          "sameAs": [
            "https://twitter.com/timelory",
            "https://facebook.com/timelory",
            "https://linkedin.com/company/timelory",
            "https://github.com/timelory",
            "https://www.wikidata.org/wiki/Q131665632"
          ],
          "contactPoint": {
            "@type": "ContactPoint",
            "contactType": "customer service",
            "url": "https://timelory.com/contact",
            "availableLanguage": ["English", "German", "French", "Spanish", "Japanese", "Chinese", "Arabic", "Hebrew"]
          },
          "knowsAbout": [
            "Historical Timelines",
            "Empire Maps",
            "Dynasty Genealogy",
            "Roman History",
            "Ancient Civilizations",
            "History Visualization",
            "Educational Technology"
          ]
        },
        {
          "@type": "WebSite",
          "@id": "https://timelory.com/#website",
          "name": "Timelory",
          "alternateName": ["Timelory Historical Timelines", "Timelory Atlas"],
          "url": "https://timelory.com",
          "description": "Create stunning visual timelines of dynasties, empires, and historical events.",
          "inLanguage": ["en", "de", "fr", "es", "ja", "zh", "ar", "he"],
          "publisher": { "@id": "https://timelory.com/#organization" },
          "potentialAction": {
            "@type": "SearchAction",
            "target": {
              "@type": "EntryPoint",
              "urlTemplate": "https://timelory.com/search?q={search_term_string}"
            },
            "query-input": "required name=search_term_string"
          }
        },
        {
          "@type": "LearningResource",
          "@id": "https://timelory.com/#learning",
          "name": "Timelory History Learning Platform",
          "description": "Explore world history through interactive timelines, empire maps, and dynasty trees. Free educational resources for students and teachers.",
          "url": "https://timelory.com",
          "educationalLevel": ["beginner", "intermediate", "advanced"],
          "learningResourceType": ["interactive visualization", "reference", "atlas", "timeline"],
          "teaches": ["World History", "Geography", "Chronology", "Genealogy"],
          "audience": {
            "@type": "EducationalAudience",
            "educationalRole": ["student", "teacher", "researcher", "historian"]
          },
          "provider": { "@id": "https://timelory.com/#organization" },
          "isAccessibleForFree": true,
          "inLanguage": ["en", "de", "fr", "es", "ja", "zh", "ar", "he"]
        }
      ]
    }
    </script>
    
    <!-- Structured Data - WebApplication (Enhanced for AI) -->
    
    <!-- Structured Data - FAQPage for AI/Search -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is Timelory?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Timelory is an interactive web application for creating and exploring historical timelines, dynasty family trees, and empire border maps. It helps educators, students, and history enthusiasts visualize history through time."
          }
        },
        {
          "@type": "Question",
          "name": "How can I create a historical timeline?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sign up for a free account, navigate to the Timelines section, and use our intuitive timeline editor to add tracks, events, and time periods. You can customize colors, add images, and share your timelines with others."
          }
        },
        {
          "@type": "Question",
          "name": "What historical periods does the Atlas cover?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The Timelory Atlas covers historical empire borders from ancient civilizations (3000 BCE) to modern times, including Roman Empire, Byzantine Empire, Ottoman Empire, Chinese dynasties, and many more with year-by-year border changes."
          }
        },
        {
          "@type": "Question",
          "name": "Is Timelory free to use?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes! Timelory offers a free tier with access to exploring timelines and the historical atlas. Premium features like unlimited timeline creation and advanced export options are available with paid plans."
          }
        },
        {
          "@type": "Question",
          "name": "What languages does Timelory support?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Timelory supports multiple languages including English, German, French, Spanish, Japanese, Chinese, Arabic, and Hebrew, with full RTL (right-to-left) support for Arabic and Hebrew."
          }
        }
      ]
    }
    </script>
    
    <!-- Structured Data - SoftwareApplication (consolidated into @graph above) -->
    
    <!-- Structured Data - BreadcrumbList -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://timelory.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Atlas",
          "item": "https://timelory.com/atlas"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Timelines",
          "item": "https://timelory.com/timelines"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Pricing",
          "item": "https://timelory.com/pricing"
        }
      ]
    }
    </script>
    
    <!-- Structured Data - Dataset for AI/Research -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Dataset",
      "name": "Historical Empire Borders Dataset",
      "description": "Comprehensive dataset of historical empire and nation borders from 3000 BCE to present day, including GeoJSON polygons for each time period.",
      "url": "https://timelory.com/atlas",
      "license": "https://creativecommons.org/licenses/by-nc/4.0/",
      "creator": {
        "@type": "Organization",
        "name": "Timelory"
      },
      "temporalCoverage": "-3000/2026",
      "spatialCoverage": {
        "@type": "Place",
        "name": "World",
        "geo": {
          "@type": "GeoShape",
          "box": "-90 -180 90 180"
        }
      },
      "variableMeasured": [
        "Empire boundaries",
        "Historical borders",
        "Dynasty timelines",
        "Ruler genealogies"
      ],
      "sameAs": [
        "https://www.wikidata.org/wiki/Q190752",
        "https://en.wikipedia.org/wiki/Historical_atlas"
      ]
    }
    </script>
    
    <!-- Structured Data - HowTo for Timeline Creation (AI Answer Optimization) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "How to Create a Historical Timeline",
      "description": "Step-by-step guide to creating an interactive historical timeline using Timelory",
      "totalTime": "PT10M",
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "USD",
        "value": "0"
      },
      "tool": [
        {
          "@type": "HowToTool",
          "name": "Timelory Web Application"
        },
        {
          "@type": "HowToTool",
          "name": "Web Browser (Chrome, Firefox, Safari, Edge)"
        }
      ],
      "step": [
        {
          "@type": "HowToStep",
          "position": 1,
          "name": "Create Account",
          "text": "Sign up for a free Timelory account at timelory.com/login",
          "url": "https://timelory.com/login"
        },
        {
          "@type": "HowToStep",
          "position": 2,
          "name": "Navigate to Timelines",
          "text": "Click on 'Timelines' in the navigation menu to access the timeline section",
          "url": "https://timelory.com/timelines"
        },
        {
          "@type": "HowToStep",
          "position": 3,
          "name": "Create New Timeline",
          "text": "Click 'Create Timeline' button and enter a name and description for your timeline"
        },
        {
          "@type": "HowToStep",
          "position": 4,
          "name": "Add Tracks",
          "text": "Add parallel tracks to organize different categories (e.g., Political Events, Cultural Events, Military Campaigns)"
        },
        {
          "@type": "HowToStep",
          "position": 5,
          "name": "Add Events",
          "text": "Add individual events to each track with dates, descriptions, and optional images"
        },
        {
          "@type": "HowToStep",
          "position": 6,
          "name": "Customize Appearance",
          "text": "Choose colors for tracks, adjust date ranges, and customize the visual appearance"
        },
        {
          "@type": "HowToStep",
          "position": 7,
          "name": "Save and Share",
          "text": "Save your timeline and share it with others via a unique URL"
        }
      ]
    }
    </script>
    
    <!-- Structured Data - Article/Guide for AI Answers -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Article",
      "headline": "Interactive Historical Timeline Visualization Guide",
      "description": "Learn how to visualize history through interactive timelines, empire maps, and dynasty trees",
      "author": {
        "@type": "Organization",
        "name": "Timelory"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Timelory",
        "logo": {
          "@type": "ImageObject",
          "url": "https://timelory.com/logo.png"
        }
      },
      "datePublished": "2024-01-01",
      "dateModified": "2026-04-04",
      "mainEntityOfPage": "https://timelory.com/",
      "articleSection": "History Education",
      "keywords": ["historical timelines", "empire maps", "history visualization", "educational tools", "dynasty trees"],
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": [".article-tldr", "h1", "meta[name=description]"]
      }
    }
    </script>
    
    <!-- Structured Data - ItemList for Popular Timelines (AI Discovery) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "name": "Popular Historical Timelines",
      "description": "Explore the most popular historical timelines on Timelory",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "item": {
            "@type": "CreativeWork",
            "name": "Assyrian Empire Timeline",
            "description": "Complete timeline of the Assyrian Empire from Old Assyrian Period (2025 BCE) through the fall of Nineveh (609 BCE), including all major rulers and events",
            "temporalCoverage": "-2025/-609",
            "about": {
              "@type": "Thing",
              "name": "Assyrian Empire",
              "sameAs": "https://en.wikipedia.org/wiki/Assyria"
            }
          }
        },
        {
          "@type": "ListItem",
          "position": 2,
          "item": {
            "@type": "CreativeWork",
            "name": "Roman Empire Timeline",
            "description": "Timeline of Roman history from the founding of Rome through the fall of the Western Roman Empire",
            "temporalCoverage": "-753/476",
            "about": {
              "@type": "Thing",
              "name": "Roman Empire",
              "sameAs": "https://en.wikipedia.org/wiki/Roman_Empire"
            }
          }
        },
        {
          "@type": "ListItem",
          "position": 3,
          "item": {
            "@type": "CreativeWork",
            "name": "Ancient Egypt Timeline",
            "description": "Timeline of Egyptian civilization from the Early Dynastic Period through Ptolemaic Egypt",
            "temporalCoverage": "-3100/-30",
            "about": {
              "@type": "Thing",
              "name": "Ancient Egypt",
              "sameAs": "https://en.wikipedia.org/wiki/Ancient_Egypt"
            }
          }
        },
        {
          "@type": "ListItem",
          "position": 4,
          "item": {
            "@type": "CreativeWork",
            "name": "Chinese Dynasties Timeline",
            "description": "Complete history of Chinese dynasties from the Xia Dynasty to the Qing Dynasty",
            "temporalCoverage": "-2070/1912",
            "about": {
              "@type": "Thing",
              "name": "Chinese History",
              "sameAs": "https://en.wikipedia.org/wiki/History_of_China"
            }
          }
        },
        {
          "@type": "ListItem",
          "position": 5,
          "item": {
            "@type": "CreativeWork",
            "name": "US Presidents Timeline",
            "description": "Timeline of all United States Presidents with key events and achievements",
            "temporalCoverage": "1789/2026",
            "about": {
              "@type": "Thing",
              "name": "President of the United States",
              "sameAs": "https://en.wikipedia.org/wiki/President_of_the_United_States"
            }
          }
        }
      ]
    }
    </script>
    
    <!-- Structured Data - VideoObject placeholder for future video content -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "VideoObject",
      "name": "How to Use Timelory Historical Atlas",
      "description": "Video tutorial showing how to explore historical empire borders using the Timelory interactive atlas",
      "thumbnailUrl": "https://timelory.com/images/atlas-tutorial-thumb.jpg",
      "uploadDate": "2025-01-01",
      "duration": "PT5M30S",
      "contentUrl": "https://timelory.com/tutorials/atlas-guide",
      "embedUrl": "https://timelory.com/embed/atlas-tutorial",
      "potentialAction": {
        "@type": "WatchAction",
        "target": "https://timelory.com/tutorials/atlas-guide"
      }
    }
    </script>
    <script type="module" crossorigin src="/assets/index-Dnp_E86S.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-B4m62adC.js">
    <link rel="modulepreload" crossorigin href="/assets/auth-BVF-adlN.js">
    <link rel="modulepreload" crossorigin href="/assets/router-xP7CxzZq.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-DYj2qwO4.js">
    <link rel="modulepreload" crossorigin href="/assets/sentry-BjtGKWOI.js">
    <link rel="modulepreload" crossorigin href="/assets/state-AFdtavbA.js">
    <link rel="stylesheet" crossorigin href="/assets/index-Ccpq3BeH.css">
  </head>
  <body>
    <!-- Skip to main content for accessibility -->
    <!-- #3 Content-visibility for below-fold performance -->
    <style>
      .cv-auto { content-visibility: auto; contain-intrinsic-size: auto 500px; }
    </style>
    <a href="#root" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:p-4 focus:bg-white focus:text-indigo-600">Skip to main content</a>
    
    <!-- Noscript fallback for SEO and AI crawlers -->
    <noscript>
      <div style="padding: 40px; max-width: 800px; margin: 0 auto; font-family: system-ui, sans-serif; line-height: 1.6;">
        <h1 style="color: #4f46e5; margin-bottom: 20px;">Timelory - Interactive Historical Timelines & Empire Maps</h1>
        <p style="font-size: 18px; color: #374151;">Welcome to Timelory, your gateway to exploring history through interactive visualizations.</p>
        
        <h2 style="color: #1f2937; margin-top: 30px;">What is Timelory?</h2>
        <p>Timelory is an educational platform that brings history to life through:</p>
        <ul style="color: #4b5563;">
          <li><strong>Interactive Historical Timelines</strong> - Create and explore timelines of dynasties, empires, and historical events</li>
          <li><strong>Historical Atlas</strong> - View empire borders as they changed through time from 3000 BCE to present</li>
          <li><strong>Dynasty Family Trees</strong> - Visualize genealogies and successions of ruling families</li>
          <li><strong>Roman Road Networks</strong> - Explore ancient transportation routes</li>
          <li><strong>Multi-language Support</strong> - Available in English, German, French, Spanish, Japanese, Chinese, Arabic, and Hebrew</li>
        </ul>
        
        <h2 style="color: #1f2937; margin-top: 30px;">Key Features</h2>
        <ul style="color: #4b5563;">
          <li>Create custom timelines with tracks and events</li>
          <li>Explore pre-built timelines of world history</li>
          <li>Interactive maps with historical borders</li>
          <li>Year-by-year empire visualization</li>
          <li>Export and share your timelines</li>
          <li>Free tier with premium features available</li>
        </ul>
        
        <h2 style="color: #1f2937; margin-top: 30px;">Popular Timelines</h2>
        <ul style="color: #4b5563;">
          <li>Roman Empire Timeline (753 BCE - 476 CE)</li>
          <li>Chinese Dynasty Timeline (2070 BCE - 1912 CE)</li>
          <li>European Monarchies Timeline</li>
          <li>Ancient Civilizations Timeline</li>
          <li>World War History Timeline</li>
        </ul>
        
        <p style="margin-top: 30px; padding: 20px; background: #f3f4f6; border-radius: 8px;">
          <strong>Note:</strong> Please enable JavaScript to use Timelory's full interactive features including timeline creation, map visualization, and real-time exploration.
        </p>
        
        <footer style="margin-top: 40px; padding-top: 20px; border-top: 1px solid #e5e7eb; color: #6b7280;">
          <p>&copy; 2024-2026 Timelory. Educational platform for history visualization.</p>
          <p>Contact: <a href="https://timelory.com/contact" style="color: #4f46e5;">timelory.com/contact</a></p>
        </footer>
      </div>
    </noscript>
    
    <div id="root"></div>
    <script>
      // Register service worker for offline support (#42)
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
          navigator.serviceWorker.register('/sw.js').catch(function() {});
        });
      }
    </script>
  </body>
</html>