<!DOCTYPE html>
<html lang="en" data-theme="Dark">
  <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>PatheticAI</title>

<!-- Preload critical assets -->
<link rel="preload" href="https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700,400&display=swap" as="style">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" as="style">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github-dark.min.css" as="style">
<link rel="preload" href="/images/icon.png" as="image">
<link rel="preload" href="/images/light%20background.png" as="image">
<link rel="preload" href="/images/dark%20background.png" as="image">

<!-- Favicons and Meta Tags -->
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/images/icon.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github-dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/4.0.2/marked.min.js"></script>

<!-- Meta description and social media sharing -->
<meta name="description" content="PatheticAI - Advanced AI chatbot with enhanced features for seamless conversations and task automation">
<meta name="keywords" content="AI, chatbot, machine learning, conversation, automation">
<meta name="robots" content="index, follow">
<meta property="og:title" content="PatheticAI Enhanced">
<meta property="og:description" content="Advanced AI chatbot with enhanced features for seamless conversations and task automation">
<meta property="og:image" content="/images/icon.png">
<meta property="og:type" content="website">
<meta property="og:site_name" content="PatheticAI">
<meta name="theme-color" content="#ffffff">

<!-- Apple specific meta tags -->
<link rel="apple-touch-icon" href="/images/icon.png">
<meta name="apple-mobile-web-app-title" content="PatheticAI">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">

<!-- Inline JS for security -->
<script src="/main/security.js"></script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
    </style>
</head>
<body>
    <iframe src="/main"></iframe>
</body>
</html>
