This commit is contained in:
Kasen IO 2020-01-31 13:24:24 -05:00
parent 0eac20d830
commit d8ba64785f

View file

@ -4,10 +4,10 @@
<?js if (!env.conf.docdash) { env.conf.docdash = {};} ?> <?js if (!env.conf.docdash) { env.conf.docdash = {};} ?>
<meta charset="utf-8"> <meta charset="utf-8">
<title><?js= title ?></title> <title><?js= title ?></title>
<script src="scripts/vue.min.js"></script> <script src="scripts/vue.min.js"></script>
<script src="scripts/vuetify.js"></script> <script src="scripts/vuetify.js"></script>
<script src="scripts/prettify/prettify.js"></script> <script src="scripts/prettify/prettify.js"></script>
<script src="scripts/prettify/lang-css.js"></script> <script src="scripts/prettify/lang-css.js"></script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -15,43 +15,43 @@
<![endif]--> <![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify.css"> <link type="text/css" rel="stylesheet" href="styles/prettify.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
<link type="text/css" rel="stylesheet" href="styles/night.css"> <link type="text/css" rel="stylesheet" href="styles/night.css">
<link type="text/css" rel="stylesheet" href="styles/responsive.css"> <link type="text/css" rel="stylesheet" href="styles/responsive.css">
<link type="text/css" rel="stylesheet" href="styles/main.css"> <link type="text/css" rel="stylesheet" href="styles/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link href="styles/materialdesignicons.min.css" rel="stylesheet"> <link href="styles/materialdesignicons.min.css" rel="stylesheet">
<link href="styles/vuetify.css" rel="stylesheet"> <link href="styles/vuetify.css" rel="stylesheet">
<style> <style>
.v-application--wrap { .v-application--wrap {
min-height: 0 !important; min-height: 0 !important;
} }
/** Override Vue CSS. */ /** Override Vue CSS. */
.theme--dark.v-application { .theme--dark.v-application {
background: #27343b !important; background: #27343b !important;
} }
</style> </style>
<script> <script>
//We are running the check here to preload the theme because it may load the incorrect one first for a split second. //We are running the check here to preload the theme because it may load the incorrect one first for a split second.
var darkDisabled = JSON.parse(localStorage.getItem('darkDisabled')); var darkDisabled = JSON.parse(localStorage.getItem('darkDisabled'));
if (darkDisabled == null) { if (darkDisabled == null) {
localStorage.setItem('darkDisabled', JSON.stringify(false)); localStorage.setItem('darkDisabled', JSON.stringify(false));
} else { } else {
var nightSheet = document.querySelector('[href="styles/night.css"]'); var nightSheet = document.querySelector('[href="styles/night.css"]');
nightSheet.disabled = darkDisabled; nightSheet.disabled = darkDisabled;
} }
var responsiveDisabled = JSON.parse(localStorage.getItem('responsiveDisabled')); var responsiveDisabled = JSON.parse(localStorage.getItem('responsiveDisabled'));
if (responsiveDisabled == null) { if (responsiveDisabled == null) {
localStorage.setItem('responsiveDisabled', JSON.stringify(true)); localStorage.setItem('responsiveDisabled', JSON.stringify(true));
} else { } else {
var responsiveSheet = document.querySelector('[href="styles/responsive.css"]'); var responsiveSheet = document.querySelector('[href="styles/responsive.css"]');
responsiveSheet.disabled = responsiveDisabled; responsiveSheet.disabled = responsiveDisabled;
} }
</script> </script>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> -->
<link href="images/fav-icon.ico" rel="shortcut icon"> <link href="images/fav-icon.ico" rel="shortcut icon">
</head> </head>
<body> <body>
<v-app dark> <v-app dark>
@ -122,38 +122,38 @@
<?js } ?> <?js } ?>
<script> <script>
new Vue({ new Vue({
el: '#vue-menu', el: '#vue-menu',
vuetify: new Vuetify({ vuetify: new Vuetify({
theme: { theme: {
dark: true, dark: true,
}, },
}), }),
data: () => ({ data: () => ({
}), }),
created: function () { created: function () {
}, },
methods: { methods: {
toggleNightMode: function() { toggleNightMode: function() {
var darkDisabled = JSON.parse(localStorage.getItem('darkDisabled')); var darkDisabled = JSON.parse(localStorage.getItem('darkDisabled'));
localStorage.setItem('darkDisabled', JSON.stringify(!darkDisabled)); localStorage.setItem('darkDisabled', JSON.stringify(!darkDisabled));
darkDisabled = !darkDisabled; darkDisabled = !darkDisabled;
var nightSheet = document.querySelector('[href="styles/night.css"]'); var nightSheet = document.querySelector('[href="styles/night.css"]');
nightSheet.disabled = darkDisabled; nightSheet.disabled = darkDisabled;
}, },
toggleResponsive: function() { toggleResponsive: function() {
var responsiveDisabled = JSON.parse(localStorage.getItem('responsiveDisabled')); var responsiveDisabled = JSON.parse(localStorage.getItem('responsiveDisabled'));
localStorage.setItem('responsiveDisabled', JSON.stringify(!responsiveDisabled)); localStorage.setItem('responsiveDisabled', JSON.stringify(!responsiveDisabled));
responsiveDisabled = !responsiveDisabled; responsiveDisabled = !responsiveDisabled;
var responsiveSheet = document.querySelector('[href="styles/responsive.css"]'); var responsiveSheet = document.querySelector('[href="styles/responsive.css"]');
responsiveSheet.disabled = responsiveDisabled; responsiveSheet.disabled = responsiveDisabled;
} }
}, },
}) })
</script> </script>
<!-- Start Google Analytics Tag --> <!-- Start Google Analytics Tag -->