OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
════════════════════════════════════════════════
 
 
master @ 84 LINES
 
[ HISTORY ]  [ UP ]
 

---
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>

---
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