<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" name="description" content="Phersu Atlas is an interactive Historical Atlas covering the last 5500 years of History with detailed regional maps. Includes statistics like demographic maps and time series, and navigation by historical event."/>
  <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css">
  <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/fill/style.css">

  <title>Phersu Atlas</title>

  <base href="/"/>

  <meta name="color-scheme" content="light dark"/>
  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <meta name="format-detection" content="telephone=no"/>
  <meta name="msapplication-tap-highlight" content="no"/>

  <link rel="icon" type="image/png" href="assets/icon/favicon.png"/>
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
  
  <!-- add to homescreen for ios -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- <link rel="manifest" href="manifest.webmanifest"> -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/css/ol.css" type="text/css">
  <meta name="theme-color" content="#1976d2">
  <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.2.1/build/ol.js"></script>
  <script src="https://unpkg.com/ol-layerswitcher@3.8.3"></script>
  <link rel="stylesheet" href="https://unpkg.com/ol-layerswitcher@3.8.3/dist/ol-layerswitcher.css"/>
  <script src="https://cdn.tailwindcss.com"></script>
  <!--
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script>
  -->

<link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="vendor.css"></head>

<body>
  <app-root></app-root>
  <noscript>
  <div style="max-width: 800px; margin: 40px auto; padding: 24px; font-family: sans-serif; line-height: 1.6;">
    <h1>Phersu Atlas</h1>
    <p>
      Phersu Atlas is an interactive historical geography web application covering thousands of years of political history — from 3499 BC to today.
      Explore 8,000 polities, rulers, battles, capitals, and cities through interactive maps with daily-resolution data.
    </p>
    <p>
      <strong>Features:</strong> Interactive history atlas, geopolitical maps, war and polity summaries, polar and equal-area projections, statistics, timelines, and chronologies.
    </p>

    <p>
      <a href="https://phersu-atlas.com/main/about">About</a> ·
      <a href="https://phersu-atlas.com/main/about/sources">Sources</a> ·
      <a href="https://phersu-atlas.com/main/subscription">Subscriptions</a>
    </p>
  </div>
</noscript>
<script src="runtime.js" defer></script><script src="polyfills.js" defer></script><script src="styles.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script></body>

  <body>
    <app-root></app-root>
  </body>
</html>
