195 lines
5.2 KiB
HTML
195 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Themes options</title>
|
|
<!--<meta name="title" content="">-->
|
|
<!--<meta name="author" content="">-->
|
|
|
|
<meta name="description" content="Settings and theme selection page: more than 50 color themes, automatic selection depending on the time of day + random selection">
|
|
<meta name="keywords" content="website theme, website themes,
|
|
website color, website colors,
|
|
website auto theme,
|
|
theme setting,
|
|
themes setting,
|
|
theme setting page,
|
|
many color theme,
|
|
many themes,
|
|
50 themes,
|
|
50 colors,
|
|
auto day, auto day theme,
|
|
auto night, auto night theme,
|
|
random theme,
|
|
auto theme, auto color">
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Inonehp Blog RSS" href="/rss.xml">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="color-scheme" content="light dark">
|
|
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
|
|
<meta name="generator" content="">
|
|
|
|
<!--
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Expires" content="-1">
|
|
-->
|
|
|
|
<meta http-equiv="Cache-Control" content="max-age=86400, must-revalidate">
|
|
|
|
|
|
<!--<meta name="referrer" content="no-referrer" />--><!-- something breaks -->
|
|
<!--<meta name="theme-color" media="(prefers-color-scheme: light)" content="#F2F2F2">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#3E3E3E">--><!-- generated in main js -->
|
|
|
|
<link rel="icon" sizes="512x512" href="/img/logo.png" type="image/png">
|
|
|
|
|
|
<!-- start main css -->
|
|
<link rel="preload" href="/js/main.js" as="script">
|
|
<link rel="preload" href="/data/adsJsonVar.js" as="script">
|
|
<link rel="preload" href="/js/ad.js" as="script">
|
|
|
|
<link rel="preload" href="/css/style-main.css" as="style">
|
|
<link rel="stylesheet" href="/css/style-main.css" type="text/css">
|
|
|
|
<link rel="preload" href="/css/style.css" as="style">
|
|
<link rel="stylesheet" href="/css/style.css" type="text/css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/css/style-main.css" id="theme">
|
|
<noscript><link rel="stylesheet" type="text/css" href="/css/light.css"></noscript>
|
|
<!-- and main css -->
|
|
|
|
|
|
<!-- for icons -->
|
|
<!--
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
|
|
<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons" as="style" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
-->
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<header class="wrapper3 topNav capitalize tLeft">
|
|
<nav>
|
|
|
|
<a href="../"><img class="logo2" src="/img/logo.png" alt="i"></a>
|
|
|
|
<!-- start menuTop for Desktop -->
|
|
<div class="menuTop">
|
|
<a class="countMenuItem brand" href="art.html">art</a><br>
|
|
<a class="countMenuItem brand" href="blog.html">blog</a><br>
|
|
<a class="countMenuItem brand" href="templates.html">templates</a><br>
|
|
<a class="countMenuItem brand" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
|
|
<a class="countMenuItem brand" href="about.html">about</a><br>
|
|
</div>
|
|
<!-- end menuTop -->
|
|
|
|
<!-- start menuTop dropdown menu, for mobile -->
|
|
<!-- https://www.w3schools.com/howto/howto_js_dropdown.asp -->
|
|
<button onclick="dropdownMenuFunction();" class="brand" id="dropdownMenuButton">☰ Menu</button>
|
|
<div id="dropdownMenu" class="dropdownMenuContent shadow bg2 padding2 wrapper">
|
|
<div class="dropdownMenuWrapper">
|
|
<!--<div class="padding2">section</div>-->
|
|
<div class="dropdownMenuContentColumn">
|
|
|
|
<!-- menu dublicate -->
|
|
<a class="countMenuItem brand" href="art.html">art</a><br>
|
|
<a class="countMenuItem brand" href="blog.html">blog</a><br>
|
|
<a class="countMenuItem brand" href="templates.html">templates</a><br>
|
|
<a class="countMenuItem brand" href="projects.html">projects</a><br>
|
|
<a class="countMenuItem brand" href="mini-projects.html">mini-projects</a><br>
|
|
<a class="countMenuItem brand" href="about.html">about</a><br>
|
|
<!-- //menu dublicate -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<hr />-->
|
|
<!-- // end dropdown menu -->
|
|
|
|
<a href="#"></a>
|
|
|
|
<form action="/sitemap.html" role="search">
|
|
<input type="search" placeholder="search on site" name="q" autocomplete="off">
|
|
</form>
|
|
|
|
<!-- uncomment if fot not support script, tested only on old version menu
|
|
<noscript>
|
|
<style>
|
|
.dropdownMenuContent, #dropdownMenu { display: block; position: relative; }
|
|
</style>
|
|
</noscript>
|
|
-->
|
|
|
|
<!--<hr />-->
|
|
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<!-- content -->
|
|
<div class="content">
|
|
<h1 class="tCenter op">Themes options</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--<h2 id="themeselect"></h2>-->
|
|
<div id="themeOption"></div>
|
|
|
|
|
|
<div class="wrapper2">
|
|
<div class="padding light bg border op" id="confTheme" style="margin-top: 30px; float: right;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
</script>
|
|
|
|
<!--
|
|
<script src="/projects/insert-icon/script.js"></script>
|
|
<script>
|
|
insertIcon("insertIcon");
|
|
</script>
|
|
-->
|
|
|
|
|
|
|
|
|
|
<!-- //content -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
<div id="footer"></div>
|
|
|
|
</footer>
|
|
|
|
<script src="/js/main.js"></script>
|
|
<script src="/data/adsJsonVar.js"></script>
|
|
<script src="/js/ad.js"></script>
|
|
<script>
|
|
fuAds('', 'ads2', '');
|
|
</script>
|
|
|
|
<script async src="/projects/17-insert-icon/script.js" onload="insertIcon('insertIcon', 'strict')"></script>
|
|
<script src="/js/theme-options.js"></script>
|
|
</body>
|
|
</html>
|