diff --git a/DisCatSharp.Docs/dcs/layout/_master.tmpl b/DisCatSharp.Docs/dcs/layout/_master.tmpl
new file mode 100644
index 0000000000..cdd162e108
--- /dev/null
+++ b/DisCatSharp.Docs/dcs/layout/_master.tmpl
@@ -0,0 +1,317 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+{{!include(/^public/.*/)}}
+{{!include(/^fonts/.*/)}}
+{{!include(favicon.ico)}}
+{{!include(.htaccess)}}
+{{!include(logo.png)}}
+{{!include(dcs-logo-embeds.png)}}
+{{!include(logo.svg)}}
+{{!include(logo_black.png)}}
+{{!include(dcs-docs-embeds-logo.png)}}
+{{!include(android-icon-36x36.png)}}
+{{!include(android-icon-48x48.png)}}
+{{!include(android-icon-72x72.png)}}
+{{!include(android-icon-96x96.png)}}
+{{!include(android-icon-144x144.png)}}
+{{!include(android-icon-192x192.png)}}
+{{!include(apple-icon-57x57.png)}}
+{{!include(apple-icon-60x60.png)}}
+{{!include(apple-icon-72x72.png)}}
+{{!include(apple-icon-76x76.png)}}
+{{!include(apple-icon-114x114.png)}}
+{{!include(apple-icon-120x120.png)}}
+{{!include(apple-icon-144x144.png)}}
+{{!include(apple-icon-152x152.png)}}
+{{!include(apple-icon-180x180.png)}}
+{{!include(apple-icon-precomposed.png)}}
+{{!include(apple-icon.png)}}
+{{!include(favicon-16x16.png)}}
+{{!include(favicon-32x32.png)}}
+{{!include(favicon-96x96.png)}}
+{{!include(ms-icon-70x70.png)}}
+{{!include(ms-icon-144x144.png)}}
+{{!include(ms-icon-150x150.png)}}
+{{!include(ms-icon-310x310.png)}}
+{{!include(search-stopwords.json)}}
+{{!include(manifest.json)}}
+{{!include(token.json)}}
+{{!include(browserconfig.xml)}}
+{{!include(_redirects)}}
+<!DOCTYPE html>
+<html {{#_lang}}lang="{{_lang}}" {{/_lang}}>
+
+<head>
+	<meta charset="utf-8">
+	{{#redirect_url}}
+	<meta http-equiv="refresh" content="0;URL='{{redirect_url}}'">
+	{{/redirect_url}}
+	{{^redirect_url}}
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}|
+		{{_appTitle}}{{/_appTitle}}</title>
+	<meta name="title"
+		content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
+	<meta property="og:title"
+		content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
+	<meta name="description" content="{{description}}">
+	<meta property="og:description" content="{{description}}">
+	{{#author}}
+	<meta name="author" content="{{author}}">{{/author}}
+	{{#_providerName}}
+	<meta name="provider_name" content="{{_providerName}}">{{/_providerName}}
+	{{#_providerUrl}}
+	<meta name="provider_url" content="{{_providerUrl}}">{{/_providerUrl}}
+	{{#keywords}}
+	<meta name="keywords" content="{{keywords}}">{{/keywords}}
+	{{#_ogType}}
+	<meta property="og:type" content="{{_ogType}}">{{/_ogType}}
+	{{#_ogImage}}
+	<meta property="og:image" content="{{_ogImage}}">
+	<meta property="og:image:alt" content="{{#title}}{{title}} {{/title}}Logo">
+	<meta property="og:image:type" content="image/png">
+	{{/_ogImage}}
+	{{#_appName}}
+	<meta property="og:site_name" content="{{_appName}}">{{/_appName}}
+	{{#_lang}}
+	<meta property="og:locale" content="{{_lang}}">{{/_lang}}
+	{{#_fbPageId}}
+	<meta property="fb:pages" content="{{_fbPageId}}">{{/_fbPageId}}
+	{{#_fbAppId}}
+	<meta property="fb:app_id" content="{{_fbAppId}}">{{/_fbAppId}}
+	<meta name="twitter:card" content="summary_large_image">
+	{{#_twitterSite}}
+	<meta name="twitter:site" content="{{_twitterSite}}">{{/_twitterSite}}
+	<meta name="twitter:creator" content="@aiko_it_systems">
+	<meta name="twitter:title"
+		content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
+	<meta name="twitter:description" content="{{description}}">
+	{{#_twitterImage}}
+	<meta name="twitter:image" content="{{_twitterImage}}">
+	<meta name="twitter:image:alt" content="{{#title}}{{title}} {{/title}}Logo">
+	{{/_twitterImage}}
+	<link rel="apple-touch-icon" sizes="57x57" href="{{_rel}}apple-icon-57x57.png">
+	<link rel="apple-touch-icon" sizes="60x60" href="{{_rel}}apple-icon-60x60.png">
+	<link rel="apple-touch-icon" sizes="72x72" href="{{_rel}}apple-icon-72x72.png">
+	<link rel="apple-touch-icon" sizes="76x76" href="{{_rel}}apple-icon-76x76.png">
+	<link rel="apple-touch-icon" sizes="114x114" href="{{_rel}}apple-icon-114x114.png">
+	<link rel="apple-touch-icon" sizes="120x120" href="{{_rel}}apple-icon-120x120.png">
+	<link rel="apple-touch-icon" sizes="144x144" href="{{_rel}}apple-icon-144x144.png">
+	<link rel="apple-touch-icon" sizes="152x152" href="{{_rel}}apple-icon-152x152.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="{{_rel}}apple-icon-180x180.png">
+	<link rel="icon" type="image/png" sizes="192x192" href="{{_rel}}android-icon-192x192.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="{{_rel}}favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="96x96" href="{{_rel}}favicon-96x96.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="{{_rel}}favicon-16x16.png">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="msapplication-TileColor" content="#ffffff">
+	<meta name="msapplication-TileImage" content="{{_rel}}ms-icon-144x144.png">
+	<meta name="theme-color" content="#ffffff">
+	<link rel="icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
+	<link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
+	{{#hasDiscordComponents}}
+	<script>
+		window.$discordMessage = {
+			profiles: {
+				dcs: {
+					author: "DisCatSharp",
+					avatar: "https://cdn.discordapp.com/avatars/887519008604180541/cc3b7410330027b0682900b6c612b735.png?size=256",
+					roleColor: "#eb0404",
+					roleName: "System Bots",
+					roleIcon: "https://cdn.discordapp.com/role-icons/858098536759820379/bda0df094fa6f95b01c4846518034835.png?size=256",
+					bot: true,
+					verified: true
+				},
+				user: {
+					author: "Discord User",
+					avatar: "https://cdn.discordapp.com/embed/avatars/5.png",
+					roleColor: "#00c0ff",
+					roleName: "Users"
+				},
+				dcs_user: {
+					author: "Drac",
+					avatar: "https://cdn.discordapp.com/avatars/666339628613107725/a97c269a653ecc2ff143f7bddb36a782.png?size=256",
+					roleColor: "#a221e6",
+					roleName: "VIP",
+					roleIcon: "https://cdn.discordapp.com/role-icons/858099411434209280/ce6432b51488efd0fa09fadb12cbfb47.png?size=256"
+				},
+				dcs_owner: {
+					author: "Lala Sabathil",
+					avatar: "https://cdn.discordapp.com/avatars/856780995629154305/cca4f0fdd07fa17a31f99139f8f45e87.png?size=256",
+					roleColor: "#fc0fc0",
+					roleName: "AITSYS Leader",
+					roleIcon: "https://cdn.discordapp.com/role-icons/1070126281422819380/b829ba0483ed2723034292651731f357.png?size=256"
+				},
+				user_dm: {
+					author: "Discord User",
+					avatar: "https://cdn.discordapp.com/embed/avatars/5.png"
+				},
+				dcs_user_dm: {
+					author: "Drac",
+					avatar: "https://cdn.discordapp.com/avatars/666339628613107725/a97c269a653ecc2ff143f7bddb36a782.png?size=256"
+				}
+			},
+			defaultMode: "cozy",
+			defaultTheme: "dark", // replace with amoled soon
+			defaultBackground: "discord"
+		};
+	</script>
+	<script type="module" src="https://unpkg.com/@aitsys/discord-components-core"></script>
+	{{/hasDiscordComponents}}
+	<link rel="stylesheet" href="{{_rel}}public/docfx.min.css">
+	<link rel="stylesheet" href="{{_rel}}public/main.css">
+	<link rel="stylesheet" href="{{_rel}}public/collapsible.css">
+	<link href="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.css" type="text/css"
+		rel="stylesheet" />
+	<meta name="docfx:navrel" content="{{_navRel}}">
+	<meta name="docfx:tocrel" content="{{_tocRel}}">
+	{{#_noindex}}
+	<meta name="searchOption" content="noindex">{{/_noindex}}
+	{{#_enableSearch}}
+	<meta name="docfx:rel" content="{{_rel}}">{{/_enableSearch}}
+	{{#_disableNewTab}}
+	<meta name="docfx:disablenewtab" content="true">{{/_disableNewTab}}
+	{{#_disableTocFilter}}
+	<meta name="docfx:disabletocfilter" content="true">{{/_disableTocFilter}}
+	{{#docurl}}
+	{{#_urlNormalizationActive}}
+	<meta name="docfx:urlnormalizationactive" content="true">{{/_urlNormalizationActive}}
+	<meta name="docfx:docurl" content="{{docurl}}">{{/docurl}}
+	<meta name="loc:inThisArticle" content="{{__global.inThisArticle}}">
+	<meta name="loc:searchResultsCount" content="{{__global.searchResultsCount}}">
+	<meta name="loc:searchNoResults" content="{{__global.searchNoResults}}">
+	<meta name="loc:tocFilter" content="{{__global.tocFilter}}">
+	<meta name="loc:nextArticle" content="{{__global.nextArticle}}">
+	<meta name="loc:prevArticle" content="{{__global.prevArticle}}">
+	<meta name="loc:themeLight" content="{{__global.themeLight}}">
+	<meta name="loc:themeDark" content="{{__global.themeDark}}">
+	<meta name="loc:themeAuto" content="{{__global.themeAuto}}">
+	<meta name="loc:changeTheme" content="{{__global.changeTheme}}">
+	<meta name="loc:copy" content="{{__global.copy}}">
+	<script src="//code.jquery.com/jquery-latest.js"></script>
+	<script defer src='https://static.cloudflareinsights.com/beacon.min.js'
+		data-cf-beacon='{"token": "de6c22ce0b3e4c17bb78c8c31b4e695b"}'></script>
+	<script type="module" src="{{_rel}}public/main.js"></script>
+	<script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script type="text/javascript" src="{{_rel}}public/plugin-featherlight.js"></script>
+	<script type="text/javascript" src="{{_rel}}public/collapsible.js"></script>
+	{{/redirect_url}}
+</head>
+{{^redirect_url}}
+<script type="module">
+	import options from './{{_rel}}public/main.js'
+	import { init } from './{{_rel}}public/docfx.min.js'
+	init(options)
+</script>
+
+<script>
+	const theme = 'dark' //localStorage.getItem('theme') || 'auto'
+	document.documentElement.setAttribute('data-bs-theme', 'dark') //document.documentElement.setAttribute('data-bs-theme', theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme)
+</script>
+
+{{#_googleAnalyticsTagId}}
+<script async src="https://www.googletagmanager.com/gtag/js?id={{_googleAnalyticsTagId}}"></script>
+<script>
+	window.dataLayer = window.dataLayer || [];
+	function gtag() { dataLayer.push(arguments); }
+	gtag('js', new Date());
+	gtag('config', '{{_googleAnalyticsTagId}}');
+</script>
+{{/_googleAnalyticsTagId}}
+
+<body class="tex2jax_ignore" data-layout="{{_layout}}{{layout}}" data-yaml-mime="{{yamlmime}}">
+	<header class="bg-body border-bottom">
+		<nav id="autocollapse" class="navbar navbar-expand-md" role="navigation">
+			<div class="container-xxl flex-nowrap">
+				<a class="navbar-brand" href="{{_appLogoUrl}}{{^_appLogoUrl}}{{_rel}}index.html{{/_appLogoUrl}}">
+					<img id="logo" class="svg"
+						src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="{{_appName}}">
+					&nbsp;&nbsp;{{_appName}}
+				</a>
+				<button class="btn btn-lg d-md-none border-0" type="button" data-bs-toggle="collapse"
+					data-bs-target="#navpanel" aria-controls="navpanel" aria-expanded="false"
+					aria-label="Toggle navigation">
+					<i class="bi bi-three-dots"></i>
+				</button>
+				<div class="collapse navbar-collapse" id="navpanel">
+					<div id="navbar">
+						{{#_enableSearch}}
+						<form class="search" role="search" id="search">
+							<i class="bi bi-search"></i>
+							<input class="form-control" id="search-query" type="search" disabled
+								placeholder="{{__global.search}}" autocomplete="off" aria-label="Search">
+						</form>
+						{{/_enableSearch}}
+					</div>
+				</div>
+			</div>
+		</nav>
+	</header>
+
+	<main class="container-xxl">
+		<div class="toc-offcanvas">
+			<div class="offcanvas-md offcanvas-start" tabindex="-1" id="tocOffcanvas"
+				aria-labelledby="tocOffcanvasLabel">
+				<div class="offcanvas-header">
+					<h5 class="offcanvas-title" id="tocOffcanvasLabel">Table of Contents</h5>
+					<button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#tocOffcanvas"
+						aria-label="Close"></button>
+				</div>
+				<div class="offcanvas-body">
+					<nav class="toc" id="toc"></nav>
+				</div>
+			</div>
+		</div>
+
+		<div class="content">
+			<div class="actionbar">
+				<button class="btn btn-lg border-0 d-md-none" style="margin-top: -.65em; margin-left: -.8em"
+					type="button" data-bs-toggle="offcanvas" data-bs-target="#tocOffcanvas" aria-controls="tocOffcanvas"
+					aria-expanded="false" aria-label="Show table of contents">
+					<i class="bi bi-list"></i>
+				</button>
+
+				<nav id="breadcrumb"></nav>
+			</div>
+
+			<article data-uid="{{uid}}">
+				{{!body}}
+			</article>
+
+			{{^_disableContribution}}
+			<div class="contribution d-print-none">
+				{{#sourceurl}}
+				<a href="{{sourceurl}}" class="edit-link">{{__global.improveThisDoc}}</a>
+				{{/sourceurl}}
+				{{^sourceurl}}{{#docurl}}
+				<a href="{{docurl}}" class="edit-link">{{__global.improveThisDoc}}</a>
+				{{/docurl}}{{/sourceurl}}
+			</div>
+			{{/_disableContribution}}
+
+			{{^_disableNextArticle}}
+			<div class="next-article d-print-none border-top" id="nextArticle"></div>
+			{{/_disableNextArticle}}
+		</div>
+
+		<div class="affix">
+			<nav id="affix"></nav>
+		</div>
+	</main>
+
+	{{#_enableSearch}}
+	<div class="container-xxl search-results" id="search-results"></div>
+	{{/_enableSearch}}
+
+	<footer class="border-top">
+		<div class="container-xxl">
+			<div class="flex-fill">
+				{{{_appFooter}}}{{^_appFooter}}<span>Made with <a
+						href="https://dotnet.github.io/docfx">docfx</a></span>{{/_appFooter}}
+			</div>
+		</div>
+	</footer>
+</body>
+{{/redirect_url}}
+
+</html>
