234 lines
6.3 KiB
HTML
234 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<title>Privacy</title>
|
|
<!--<meta name="title" content="">-->
|
|
<!--<meta name="author" content="">-->
|
|
|
|
<meta name="description" content="This is the page for privacy settings and third-party cookie permission settings. ">
|
|
<meta name="keywords" content="permission settings,
|
|
privacy settings,
|
|
cookie setting,
|
|
cookie setting page">
|
|
|
|
<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">
|
|
|
|
<script async src="/js/main.js"></script>
|
|
|
|
<h1 class="tCenter op">Privacy</h1>
|
|
|
|
<div style="text-align:center;" class="center2">
|
|
|
|
<div style="margin-bottom: 45px;">
|
|
<h5>Allow Cookies for third parties?</h5>
|
|
<b class="block h6">This is necessary to improve the site.</b>
|
|
(for Ads Services, Statistics)</div>
|
|
<b id="result" class="padding border4 bg4 bold shadow">Cookie Status</b>
|
|
<div id="option" style="padding: 30px 0;"></div>
|
|
|
|
</div>
|
|
|
|
<div style="text-align: center" class="center">
|
|
<span class="op wrapper tLeft">
|
|
<ul>
|
|
<li>Site used Functionality cookies</li>
|
|
<li>Some services still collect visit information if cookie off</li>
|
|
</ul>
|
|
</span>
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
if(localStorage.getItem('confDataCollection') == null){
|
|
localStorage.setItem('confDataCollection', confDataCollection);
|
|
document.getElementById("result").innerHTML = 'Cookie Status: '+confDataCollection;
|
|
}else{
|
|
document.getElementById("result").innerHTML = 'Cookie Status: ' +localStorage.getItem('confDataCollection');
|
|
}
|
|
|
|
var confDataCollectionOption = [
|
|
"on",
|
|
"off"
|
|
];
|
|
|
|
var result = '';
|
|
confDataCollectionOption.forEach((element) => {
|
|
result += ' <button id="'+element+'" class="button light">'+element+'</button>';
|
|
});
|
|
document.getElementById("option").innerHTML = result;
|
|
|
|
function light(e){
|
|
confDataCollectionOption.forEach((element) => {
|
|
if(e == element){
|
|
var el = document.getElementById(element);
|
|
el.classList.add("light4");
|
|
}else{
|
|
var el = document.getElementById(element);
|
|
el.classList.remove("light4");
|
|
}
|
|
});
|
|
}
|
|
light(localStorage.getItem('confDataCollection'));
|
|
|
|
confDataCollectionOption.forEach(myFunction);
|
|
function myFunction(item, index) {
|
|
document.getElementById(item).addEventListener("click", function() {
|
|
localStorage.setItem('confDataCollection', item);
|
|
document.getElementById("result").innerHTML = 'Cookie Status: ' +item;
|
|
document.getElementById("fPrivacy").innerHTML = 'cookie: ' +item;
|
|
light(item);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
</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>
|
|
|
|
</body>
|
|
</html>
|