Files
Funkin/docs/dox/funkin-theme/templates/main.mtt
T

74 lines
2.4 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<!-- use theme color or fallback -->
::set themeColor="0xFAFAFA"::
::if (api.isDefined("themeColor"))::::set themeColor=api.getValue("themeColor")::::end::
<!--use textcolor from settings, otherwise create a contrasting color to theme color-->
::set textColor="0xFFFFFF"::
::if (api.isDefined("textColor"))::::set textColor=api.getValue("textColor")::
::elseif (api.std.parseInt(themeColor) > 7829367)::::set textColor="0x000000"::::end::
::use "header.mtt"::::end::
<body>
<script>
/* Here to prevent flash of unstyled content */
let systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if ((!localStorage.theme && systemDarkMode) || localStorage.theme == "dark") {
document.body.style.backgroundColor = "#111";
document.body.style.opacity = "0";
document.addEventListener("DOMContentLoaded", function(event) {
toggleTheme();
document.body.style.backgroundColor = "";
document.body.style.opacity = "";
});
}
</script>
::use "topbar.mtt"::::end::
<div class="container main-content">
<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<form class="form-search" id="searchForm">
<div class="input-prepend input-block-level">
<span class="add-on"><i class="fa fa-search"></i></span>
<input id="search" type="text" placeholder="Filter (Ctrl+P)" autocomplete="off"/>
</div>
</form>
<div class="dropdown" ::cond (api.config.platforms.length>1)::>
<select id="select-platform" class="selectpicker" title="Filter by platform" data-width="100%">
<option value="all" selected="selected">All Platforms</option>
::foreach i api.config.platforms::
<option>::i::</option>
::end::
</select>
</div>
</div>
<div class="well sidebar-nav" id="explorer">
<div id="nav"></div>
</div>
</div>
<div class="span9">::raw __content__::</div>
</div>
</div>
::use "footer.mtt"::::end::
<script src="::api.config.rootPath::highlighter.js"></script>
<link href="::api.config.rootPath::highlighter.css" rel="stylesheet" />
::if (api.isDefined("googleAnalytics"))::
::set trackingID=api.getValue("googleAnalytics")::
<script async="async" src="https://www.googletagmanager.com/gtag/js?id=::trackingID::"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '::trackingID::');
</script>
::end::
</body>
</html>