TIF_E41200505/templates/index.html

120 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="zxx" class="uk-background-white dark:uk-background-gray-100 dark:uk-text-gray-20 uk-dark">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GraphiScan</title>
<link rel="icon" type="image/png" href="../static/assets/images/logo/logo.ico" />
<meta name="description" content="GraphiScan">
<meta name="theme-color" content="#741ff5">
<!-- preload head styles -->
<link rel="preload" href="../static/assets/fonts/brand-icons/brand-icons.woff2" as="font" type="font/woff2"
crossorigin>
<link rel="preload" href="../static/assets/fonts/unicons/Unicons6c87.woff?lkolxg" as="font" type="font/woff"
crossorigin>
<link rel="preload" href="../static/assets/cdn.jsdelivr.net/npm/swiper@8.3.2/swiper-bundle.min.css" as="style">
<link rel="preload" href="../static/assets/cdn.jsdelivr.net/npm/uikit@3.15.1/dist/css/uikit.min.css" as="style">
<link rel="stylesheet" type="text/css" href="../static/assets/css/main.css" />
<!-- preload footer scripts -->
<link rel="preload" href="../static/assets/js/libs/uikit.min.js" as="script">
<link rel="preload" href="../static/assets/js/uikit-components.js" as="script">
<link rel="preload" href="../static/assets/js/libs/jquery.min.js" as="script">
<link rel="preload" href="../static/assets/js/libs/swiper-bundle.min.js" as="script">
<link rel="preload" href="../static/assets/js/libs/feather.min.js" as="script">
<link rel="preload" href="../static/assets/js/libs/typed.min.js" as="script">
<link rel="preload" href="../static/assets/js/libs/anime.min.js" as="script">
<link rel="preload" href="../static/assets/js/app.js" as="script">
<link rel="preload" href="../static/assets/js/helpers/data-attr-helper.js" as="script">
<link rel="preload" href="../static/assets/js/helpers/swiper-helper.js" as="script">
<link rel="preload" href="../static/assets/js/helpers/typed-helper.js" as="script">
<link rel="preload" href="../static/assets/js/helpers/anime-helper.js" as="script">
<!-- include styles -->
<script src="../static/assets/js/app-head.js"></script>
<link rel="stylesheet" href="../static/assets/css/theme/main.min.css">
<!-- include scripts -->
<script src="../static/assets/js/libs/uikit.min.js"></script>
<script src="../static/assets/js/uikit-components.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-B5JJP7FY91"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-B5JJP7FY91');
</script>
<script async type="module">
import { getCLS, getFCP, getFID, getLCP, getTTFB } from 'https://cdn.jsdelivr.net/npm/web-vitals@2.1.2/dist/web-vitals.js';
function sendToGoogleAnalytics({ name, delta, id }) {
gtag('event', name, {
event_category: 'Web Vitals',
event_label: id,
value: Math.round(name === 'CLS' ? delta * 1000 : delta),
non_interaction: true,
});
}
/* CLS FCP FID LCP TTFB */
getCLS(sendToGoogleAnalytics);
getFCP(sendToGoogleAnalytics);
getFID(sendToGoogleAnalytics);
getLCP(sendToGoogleAnalytics);
getTTFB(sendToGoogleAnalytics);
</script>
</head>
<body class="uni-body">
<!-- Dark/Light toggle -->
{% include 'toogle.html' %}
<!-- Wrapper start -->
<div class="wrap">
{% include 'header.html' %}
{% include 'hero.html' %}
{% include 'tool.html' %}
{% include 'benefit.html' %}
{% include 'dataset.html' %}
{% include 'about.html' %}
{% include 'roadmap.html' %}
{% include 'classification.html' %}
{% include 'developer.html' %}
</div>
{% include 'footer.html' %}
<!-- include scripts -->
<script defer src="../static/assets/js/libs/jquery.min.js"></script>
<script defer src="../static/assets/js/libs/swiper-bundle.min.js"></script>
<script defer src="../static/assets/js/libs/feather.min.js"></script>
<script defer src="../static/assets/js/libs/typed.min.js"></script>
<script defer src="../static/assets/js/libs/anime.min.js"></script>
<script defer src="../static/assets/js/app.js"></script>
<script defer src="../static/assets/js/helpers/data-attr-helper.js"></script>
<script defer src="../static/assets/js/helpers/swiper-helper.js"></script>
<script defer src="../static/assets/js/helpers/typed-helper.js"></script>
<script defer src="../static/assets/js/helpers/anime-helper.js"></script>
<script src="../static/assets/js/main.js"></script>
<script>
// Schema toggle via URL
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const getSchema = urlParams.get("schema");
if (getSchema === "dark") {
document.documentElement.classList.add("uk-dark");
localStorage.setItem("darkMode", "1");
} else if (getSchema === "light") {
document.documentElement.classList.remove("uk-dark");
localStorage.setItem("darkMode", "0");
}
</script>
</body>
</html>