-
Notifications
You must be signed in to change notification settings - Fork 0
/
privacy.html
146 lines (130 loc) · 7.06 KB
/
privacy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE HTML>
<html>
<head>
<title>Naveen's Public Keys</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta property="og:title" content="Naveen's Public Keys">
<meta name="description" content="This page lists all valid public keys of mine">
<meta property="og:description" content="This page lists all valid public keys of mine">
<meta property="og:url" content="https://navs.page">
<meta property="og:locale" content="en">
<link rel="icon" type="image/x-icon" href="static/images/favicon-light.png" id="faviconTag">
<link rel="preconnect" href="//ajax.googleapis.com" crossorigin>
<link rel="preconnect" href="//stackpath.bootstrapcdn.com" crossorigin>
<link rel="preconnect" href="//maxcdn.bootstrapcdn.com" crossorigin>
<script defer src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link href="themes/neodyn/css/master/neodyn.css" rel='stylesheet' type='text/css' />
<link href="static/styles/grid.css" rel='stylesheet' type='text/css' />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
</head>
<body>
<section class="main-section">
<div id="banner" class="banner-oth"></div>
<button style="z-index:9; position: absolute; right:10px; top: 10px" id="mode-toggler" class="btn">Lights off
🌝</button>
<div class="container">
<div class="privacy-content">
<h3 class="spaced-title">Privacy Policy</h3>
<h6>Last updated: July 10, 2022</h6>
<div class="privacy">
<p>This Privacy Policy describes the policies and procedures on the collection, use and disclosure
of your information
when you use my sites (*.navs.page) and tells you about your privacy rights and how the law protects you.
</p>
<p>I sometimes use your Personal data to identify you for personal trend analysis and/or security
reasons. The data is
collected and processed by services used for my website. All T&C and privacy policies of these
services are applicable. Relevant links can be found below.
</p>
<h1>List of 3rd party services and their policies</h1>
<p style="font-style:italic">Note: The table below contains some links to resources that belong to the mentioned services. These links are
provided for your convenience to provide
further information. I don't control the content of these websites and is not responsible for
their privacy policies.
</p>
<table style="width:100%">
<tr>
<th>Service</th>
<th>Description</th>
<th>Links</th>
</tr>
<tr>
<td style="padding:10px">Cloudflare</td>
<td style="width:50%; padding:10px">Cloudflare protects my websites and all web traffic is
protected,
optimised,
cached and routed through Cloudflare's edge. Some services might be locally routed via
Argo tunnels.
</td>
<td>
<ul>
<li><a href="//www.cloudflare.com/">Service details</li>
<li><a href="//www.cloudflare.com/privacypolicy/">Privacy Policy</li>
</ul>
</td>
</tr>
<tr>
<td style="padding:10px">Deta Cloud</td>
<td style="width:50%; padding:10px"> Deta is a public cloud made for developers to host
their content for free
of cost.
Deta is used to store/serve static content and run backend processes.
</td>
<td>
<ul>
<li><a href="//deta.sh/">Service details</li>
<li><a href="//deta.sh/privacy/">Privacy Policy</li>
</ul>
</td>
</tr>
</table>
<h1>Contact Me</h1>
<p>If you have any questions about this Privacy Policy, you can contact me:</p>
<ul>
<li>Email: <a href="mailto:reachme@navs.page">reachme@navs.page</a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="footer">
<p class="footer-text" id="footer-text"></p>
</section>
<script defer src="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script defer src="static/js/type.js"></script>
<script defer src="js/main.js"></script>
<script src="themes/neodyn/js/neodyn.js"></script>
<script defer>
var options = {
light: "themes/neodyn/css/variants/neodyn-light.css",
dark: "themes/neodyn/css/variants/neodyn-dark.css"
};
var DarkMode = new DarkMode(options);
var ModeToggler = document.getElementById('mode-toggler')
var imgElement = document.getElementById('banner');
changeTogglerText()
ModeToggler.onclick = function () {
DarkMode.toggleMode()
changeTogglerText()
}
function changeTogglerText() {
var currentMode = DarkMode.getMode()
console.log(currentMode + " mode enabled")
const faviconTag = document.getElementById("faviconTag");
faviconTag.href = currentMode === 'light' ? 'static/images/favicon-light.png' : 'static/images/favicon-dark.png'
ModeToggler.textContent = currentMode === 'light' ? 'Lights off 🌝' : 'Lights on 🌚'
}
var footer_text = document.getElementById("footer-text")
var year = new Date().getFullYear()
footer_text.innerText = year + ". Hand baked with ❤️ by Naveen S"
</script>
</body>
</html>