mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
83 lines
3.6 KiB
HTML
83 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<!-- We set all theme clases to allow critters to inline the theme styles and prevent flickering -->
|
|
<html lang="en" class="adev-dark-mode adev-light-mode">
|
|
<head>
|
|
<script>
|
|
// This logic must execute early, so that we set the necessary
|
|
// CSS classes to the document node and avoid unstyled content
|
|
// from appearing on the page.
|
|
const THEME_PREFERENCE_LOCAL_STORAGE_KEY = 'themePreference';
|
|
const DARK_MODE_CLASS_NAME = 'adev-dark-mode';
|
|
const LIGHT_MODE_CLASS_NAME = 'adev-light-mode';
|
|
|
|
const theme = localStorage.getItem(THEME_PREFERENCE_LOCAL_STORAGE_KEY) ?? 'auto';
|
|
const prefersDark =
|
|
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
const documentClassList = this.document.documentElement.classList;
|
|
|
|
// clearing classes before setting them.
|
|
this.document.documentElement.className = '';
|
|
if (theme === 'dark' || (theme === 'auto' && prefersDark)) {
|
|
documentClassList.add(DARK_MODE_CLASS_NAME);
|
|
} else {
|
|
documentClassList.add(LIGHT_MODE_CLASS_NAME);
|
|
}
|
|
</script>
|
|
|
|
<meta charset="utf-8" />
|
|
<title>Angular</title>
|
|
<base href="/" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<!-- Primary Meta Tags -->
|
|
<meta name="title" content="Angular" />
|
|
<meta name="description" content="The web development framework for building modern apps." />
|
|
|
|
<!-- Favicons -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png" />
|
|
<link rel="manifest" href="/assets/icons/site.webmanifest" />
|
|
<link rel="mask-icon" href="/assets/icons/safari-pinned-tab.svg" color="#e90464" />
|
|
<link rel="shortcut icon" href="/assets/icons/favicon.ico" />
|
|
<meta name="apple-mobile-web-app-title" content="Angular" />
|
|
<meta name="application-name" content="Angular" />
|
|
<meta name="msapplication-TileColor" content="#e90464" />
|
|
<meta name="msapplication-config" content="/assets/icons/browserconfig.xml" />
|
|
<meta name="theme-color" content="#ffffff" />
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://angular.dev/" />
|
|
<meta property="og:title" content="Angular" />
|
|
<meta
|
|
property="og:description"
|
|
content="The web development framework for building modern apps."
|
|
/>
|
|
<meta property="og:image" content="https://angular.dev/assets/images/ng-image.jpg" />
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:url" content="https://angular.dev/" />
|
|
<meta property="twitter:title" content="Angular" />
|
|
<meta
|
|
property="twitter:description"
|
|
content="The web development framework for building modern apps."
|
|
/>
|
|
<meta property="twitter:image" content="https://angular.dev/assets/images/ng-image.jpg" />
|
|
|
|
<!-- Fonts -->
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600&family=Inter:wght@400;500;600&family=DM+Mono:ital@0;1&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
|
|
rel="stylesheet"
|
|
/>
|
|
<link rel="preload" href="/assets/textures/gradient.jpg" as="image" />
|
|
</head>
|
|
<body class="mat-typography adev-scroll-track-transparent-large">
|
|
<adev-root></adev-root>
|
|
</body>
|
|
</html>
|