master @ 84 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import Navigation from "../components/Navigation/Navigation.astro"; │
│ import WoWClassColors from "../components/WoWClassColors.astro"; │
│ import Footer from "../components/Footer/Footer.astro"; │
│ import "../styles/global.scss"; │
│ │
│ export interface Props { │
│ title: string; │
│ description?: string; │
│ ogImage?: string; │
│ canonicalUrl?: string; │
│ } │
│ │
│ const { │
│ title, │
│ description = "World of Warcraft Mythic+ Dungeon Statistics, Leaderboards, and P │
│ layer Rankings", │
│ ogImage = "/og-image.png", │
│ canonicalUrl, │
│ } = Astro.props; │
│ │
│ const url = canonicalUrl || Astro.url.pathname; │
│ const fullUrl = new URL(url, Astro.site || Astro.url.origin).toString(); │
│ --- │
│ │
│ <!doctype html> │
│ <html lang="en"> │
│ <head> │
│ <meta charset="utf-8" /> │
│ <meta name="viewport" content="width=device-width, initial-scale=1.0" /> │
│ │
│ <!-- Primary Meta Tags --> │
│ <title>{title}</title> │
│ <meta name="title" content={title} /> │
│ <meta name="description" content={description} /> │
│ │
│ <!-- Favicon --> │
│ <link rel="icon" type="image/x-icon" href="/favicon.ico" /> │
│ │
│ <!-- Canonical URL --> │
│ <link rel="canonical" href={fullUrl} /> │
│ │
│ <!-- Open Graph / Facebook --> │
│ <meta property="og:type" content="website" /> │
│ <meta property="og:url" content={fullUrl} /> │
│ <meta property="og:title" content={title} /> │
│ <meta property="og:description" content={description} /> │
│ <meta │
│ property="og:image" │
│ content={new URL(ogImage, Astro.url.origin).toString()} │
│ /> │
│ │
│ <!-- Twitter --> │
│ <meta property="twitter:card" content="summary_large_image" /> │
│ <meta property="twitter:url" content={fullUrl} /> │
│ <meta property="twitter:title" content={title} /> │
│ <meta property="twitter:description" content={description} /> │
│ <meta │
│ property="twitter:image" │
│ content={new URL(ogImage, Astro.url.origin).toString()} │
│ /> │
│ │
│ <!-- Wowhead tooltip script: scans `<a data-wowhead="item=...">` on the │
│ page and renders the official tooltip on hover. Loaded site-wide so │
│ any page can opt in just by emitting the data attribute. Visual style │
│ is overridden in core/wowhead-tooltip.scss to match the dark theme. --> │
│ <script │
│ is:inline │
│ set:html={`var whTooltips = { colorLinks: false, iconizeLinks: false, rename │
│ Links: false };`} │
│ /> │
│ <script is:inline async src="https://wow.zamimg.com/js/tooltips.js" │
│ ></script> │
│ </head> │
│ <body class="site-body"> │
│ <WoWClassColors /> │
│ <Navigation /> │
│ │
│ <div class="site-content"> │
│ <slot /> │
│ </div> │
│ │
│ <Footer /> │
│ </body> │
│ </html> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import Navigation from "../components/Naviga │
│ tion/Navigation.astro"; │
│ import WoWClassColors from "../components/Wo │
│ WClassColors.astro"; │
│ import Footer from "../components/Footer/Foo │
│ ter.astro"; │
│ import "../styles/global.scss"; │
│ │
│ export interface Props { │
│ title: string; │
│ description?: string; │
│ ogImage?: string; │
│ canonicalUrl?: string; │
│ } │
│ │
│ const { │
│ title, │
│ description = "World of Warcraft Mythic+ D │
│ ungeon Statistics, Leaderboards, and Player │
│ Rankings", │
│ ogImage = "/og-image.png", │
│ canonicalUrl, │
│ } = Astro.props; │
│ │
│ const url = canonicalUrl || Astro.url.pathna │
│ me; │
│ const fullUrl = new URL(url, Astro.site || A │
│ stro.url.origin).toString(); │
│ --- │
│ │
│ <!doctype html> │
│ <html lang="en"> │
│ <head> │
│ <meta charset="utf-8" /> │
│ <meta name="viewport" content="width=dev │
│ ice-width, initial-scale=1.0" /> │
│ │
│ <!-- Primary Meta Tags --> │
│ <title>{title}</title> │
│ <meta name="title" content={title} /> │
│ <meta name="description" content={descri │
│ ption} /> │
│ │
│ <!-- Favicon --> │
│ <link rel="icon" type="image/x-icon" hre │
│ f="/favicon.ico" /> │
│ │
│ <!-- Canonical URL --> │
│ <link rel="canonical" href={fullUrl} /> │
│ │
│ <!-- Open Graph / Facebook --> │
│ <meta property="og:type" content="websit │
│ e" /> │
│ <meta property="og:url" content={fullUrl │
│ } /> │
│ <meta property="og:title" content={title │
│ } /> │
│ <meta property="og:description" content= │
│ {description} /> │
│ <meta │
│ property="og:image" │
│ content={new URL(ogImage, Astro.url.or │
│ igin).toString()} │
│ /> │
│ │
│ <!-- Twitter --> │
│ <meta property="twitter:card" content="s │
│ ummary_large_image" /> │
│ <meta property="twitter:url" content={fu │
│ llUrl} /> │
│ <meta property="twitter:title" content={ │
│ title} /> │
│ <meta property="twitter:description" con │
│ tent={description} /> │
│ <meta │
│ property="twitter:image" │
│ content={new URL(ogImage, Astro.url.or │
│ igin).toString()} │
│ /> │
│ │
│ <!-- Wowhead tooltip script: scans `<a d │
│ ata-wowhead="item=...">` on the │
│ page and renders the official toolt │
│ ip on hover. Loaded site-wide so │
│ any page can opt in just by emittin │
│ g the data attribute. Visual style │
│ is overridden in core/wowhead-toolt │
│ ip.scss to match the dark theme. --> │
│ <script │
│ is:inline │
│ set:html={`var whTooltips = { colorLin │
│ ks: false, iconizeLinks: false, renameLinks: │
│ false };`} │
│ /> │
│ <script is:inline async src="https://wow │
│ .zamimg.com/js/tooltips.js" │
│ ></script> │
│ </head> │
│ <body class="site-body"> │
│ <WoWClassColors /> │
│ <Navigation /> │
│ │
│ <div class="site-content"> │
│ <slot /> │
│ </div> │
│ │
│ <Footer /> │
│ </body> │
│ </html> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET