Skip to content

Instantly share code, notes, and snippets.

@krystian3w
Last active May 19, 2019
Embed
What would you like to do?
Reference Browser
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml" class="private">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Private Browsing</title>
<style>/* - This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
- You can obtain one at http://mozilla.org/MPL/2.0/. */
:root {
--color-steel: #434c58;
--color-driftwood: #f4f4f4;
--color-dusk: #556f8e;
--color-void: #232426;
--color-purple: #331a50;
--color-text: #fff;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
* {
font: 20px/1.2em BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
html,
body {
align-items: center;
background: var(--color-driftwood);
display: grid;
grid-template-rows: auto;
height: 100%;
justify-items: center;
width: 100%;
}
h1 {
font-size: 2em;
font-weight: bold;
margin: 0 0 0.5em;
position: relative;
}
strong {
font-weight: bold;
}
ol,
ul,
p {
margin: 1em 0;
}
ol:first-child,
ul:first-child,
p:first-child {
margin-top: 0;
}
ol:last-child,
ul:last-child,
p:last-child {
margin-bottom: 0;
}
ol,
ul {
list-style-position: inside;
}
ol {
list-style-type: decimal;
}
li {
margin: 0.25em 0;
text-indent: -1em;
padding-left: 1em;
}
p {
line-height: 1.5em;
}
a {
color: inherit;
font-size: inherit;
text-decoration: underline;
}
button,
button:active {
color: var(--color-text);
}
button {
background: var(--color-steel);
border-radius: 10px;
border: 2px solid var(--color-steel);
cursor: pointer;
font-family: inherit;
font-size: inherit;
font-weight: 900;
height: 3em;
padding: 0 1em;
}
button:hover {
background: transparent;
color: var(--color-steel);
}
button:active {
background: var(--color-void);
border-color: var(--color-void);
color: var(--color-text);
}
.container {
grid-column-start: 1;
width: 75%;
}
.icon {
height: 4em;
width: 4em;
}
.two-column {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1em;
}
html.private body {
background: var(--color-purple);
color: var(--color-text);
}
.section-main {
margin-bottom: 48px;
}
.about-info {
font-size: .9rem;
}
</style>
</head>
<body>
<svg style="position: absolute; width: 4em; height: 4em; overflow: hidden" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-private" viewBox="0 0 200 200">
<title>icon-private-browsing</title><path d="M181.3,68.94c-6-7.07-17.89-9-28.28-8.83-31.17.66-37,11.1-52.71,11.1S78.76,60.77,47.59,60.11c-10.39-.22-22.32,1.76-28.28,8.83s-7.73,18.78-4.42,33.81c2.9,13.13,13,38,36.23,37.55,21.88-.41,29.16-18.68,49.13-18.93,20,.25,27.36,18.52,49.24,18.93,23.19.45,33.33-24.42,36.23-37.55C189,87.72,187.16,75.88,181.3,68.94Zm-117.89,38c-8.62.08-23.3-4.62-23-8.68.26-4.28,16-11.6,26.26-11.3,4.2.12,17.47,3.29,18.64,13.83C85.53,103.05,75,106.8,63.41,106.92Zm73.79,0c-11.59-.12-22.12-3.87-21.86-6.15C116.5,90.23,129.78,87.06,134,86.94c10.3-.3,26,7,26.26,11.3C160.5,102.3,145.82,107,137.2,106.92Z" fill="#fff"/>
</symbol>
</defs>
</svg>
<div class="container">
<svg class="icon"><use xlink:href="#icon-private"></use></svg>
<section class="section-main"><h1>Private Browsing</h1> <p>When you browse in a Private Window, Reference Browser <strong>does not save</strong>:</p> <ul class=two-column> <li>visited pages</li> <li>searches</li> <li>cookies</li> <li>temporary files</li> </ul> <p>Private Browsing <strong>doesn't make you anonymous</strong> on the Internet. Your employer or Internet service provider can still know what page you visit.</p> <p class=about-info>Learn more about <a id=learnMore>Private Browsing</a>.</p></section>
</div>
<script>
(() => {
const urls = {
privateBrowsingSupportUrl: 'about:privatebrowsing'
};
const learnMoreEl = document.getElementById('learnMore');
if (learnMoreEl) {
learnMoreEl.href = urls.privateBrowsingSupportUrl;
}
})();
</script>
</body>
</html>
data:text/html;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIGh0bWw+CjwhLS0gVGhpcyBTb3VyY2UgQ29kZSBGb3JtIGlzIHN1YmplY3QgdG8gdGhlIHRlcm1zIG9mIHRoZSBNb3ppbGxhIFB1YmxpYwogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMKICAgLSBmaWxlLCBZb3UgY2FuIG9idGFpbiBvbmUgYXQgaHR0cDovL21vemlsbGEub3JnL01QTC8yLjAvLiAtLT4KCjxodG1sIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBjbGFzcz0icHJpdmF0ZSI+CiAgICA8aGVhZD4KICAgICAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEiPgogICAgICAgIDx0aXRsZT5Qcml2YXRlIEJyb3dzaW5nPC90aXRsZT4KICAgICAgICA8c3R5bGU+LyogLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljCiAgIC0gTGljZW5zZSwgdi4gMi4wLiBJZiBhIGNvcHkgb2YgdGhlIE1QTCB3YXMgbm90IGRpc3RyaWJ1dGVkIHdpdGggdGhpcyBmaWxlLAogICAtIFlvdSBjYW4gb2J0YWluIG9uZSBhdCBodHRwOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uICovCgo6cm9vdCB7CiAgICAtLWNvbG9yLXN0ZWVsOiAjNDM0YzU4OwogICAgLS1jb2xvci1kcmlmdHdvb2Q6ICNmNGY0ZjQ7CiAgICAtLWNvbG9yLWR1c2s6ICM1NTZmOGU7CiAgICAtLWNvbG9yLXZvaWQ6ICMyMzI0MjY7CiAgICAtLWNvbG9yLXB1cnBsZTogIzMzMWE1MDsKICAgIC0tY29sb3ItdGV4dDogI2ZmZjsKfQoKKiwKKjpiZWZvcmUsCio6YWZ0ZXIgewogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgIG1hcmdpbjogMDsKICAgIHBhZGRpbmc6IDA7Cn0KCiogewogICAgZm9udDogMjBweC8xLjJlbSBCbGlua01hY1N5c3RlbUZvbnQsIC1hcHBsZS1zeXN0ZW0sIFNlZ29lIFVJLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsIEZpcmEgU2FucywgRHJvaWQgU2FucywgSGVsdmV0aWNhIE5ldWUsIHNhbnMtc2VyaWY7Cn0KCmh0bWwsCmJvZHkgewogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWRyaWZ0d29vZCk7CiAgICBkaXNwbGF5OiBncmlkOwogICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvOwogICAgaGVpZ2h0OiAxMDAlOwogICAganVzdGlmeS1pdGVtczogY2VudGVyOwogICAgd2lkdGg6IDEwMCU7Cn0KCmgxIHsKICAgIGZvbnQtc2l6ZTogMmVtOwogICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICBtYXJnaW46IDAgMCAwLjVlbTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoKc3Ryb25nIHsKICAgIGZvbnQtd2VpZ2h0OiBib2xkOwp9CgpvbCwKdWwsCnAgewogICAgbWFyZ2luOiAxZW0gMDsKfQoKb2w6Zmlyc3QtY2hpbGQsCnVsOmZpcnN0LWNoaWxkLApwOmZpcnN0LWNoaWxkIHsKICAgIG1hcmdpbi10b3A6IDA7Cn0KCm9sOmxhc3QtY2hpbGQsCnVsOmxhc3QtY2hpbGQsCnA6bGFzdC1jaGlsZCB7CiAgICBtYXJnaW4tYm90dG9tOiAwOwp9CgpvbCwKdWwgewogICAgbGlzdC1zdHlsZS1wb3NpdGlvbjogaW5zaWRlOwp9CgpvbCB7CiAgICBsaXN0LXN0eWxlLXR5cGU6IGRlY2ltYWw7Cn0KCmxpIHsKICAgIG1hcmdpbjogMC4yNWVtIDA7CiAgICB0ZXh0LWluZGVudDogLTFlbTsKICAgIHBhZGRpbmctbGVmdDogMWVtOwp9CgpwIHsKICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTsKfQoKYSB7CiAgICBjb2xvcjogaW5oZXJpdDsKICAgIGZvbnQtc2l6ZTogaW5oZXJpdDsKICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOwp9CgpidXR0b24sCmJ1dHRvbjphY3RpdmUgewogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9CgpidXR0b24gewogICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3RlZWwpOwogICAgYm9yZGVyLXJhZGl1czogMTBweDsKICAgIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLWNvbG9yLXN0ZWVsKTsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogICAgZm9udC1zaXplOiBpbmhlcml0OwogICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIGhlaWdodDogM2VtOwogICAgcGFkZGluZzogMCAxZW07Cn0KCmJ1dHRvbjpob3ZlciB7CiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICAgIGNvbG9yOiB2YXIoLS1jb2xvci1zdGVlbCk7Cn0KCmJ1dHRvbjphY3RpdmUgewogICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itdm9pZCk7CiAgICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLXZvaWQpOwogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9CgouY29udGFpbmVyIHsKICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAxOwogICAgd2lkdGg6IDc1JTsKfQoKLmljb24gewogICAgaGVpZ2h0OiA0ZW07CiAgICB3aWR0aDogNGVtOwp9CgoudHdvLWNvbHVtbiB7CiAgICBkaXNwbGF5OiBncmlkOwogICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTsKICAgIGdyaWQtY29sdW1uLWdhcDogMWVtOwp9CgpodG1sLnByaXZhdGUgYm9keSB7CiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1wdXJwbGUpOwogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9Cgouc2VjdGlvbi1tYWluIHsKICAgIG1hcmdpbi1ib3R0b206IDQ4cHg7Cn0KCi5hYm91dC1pbmZvIHsKICAgIGZvbnQtc2l6ZTogLjlyZW07Cn0KPC9zdHlsZT4KICAgIDwvaGVhZD4KICAgIDxib2R5PgogICAgICAgIDxzdmcgc3R5bGU9InBvc2l0aW9uOiBhYnNvbHV0ZTsgd2lkdGg6IDRlbTsgaGVpZ2h0OiA0ZW07IG92ZXJmbG93OiBoaWRkZW4iIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICAgICAgICAgIDxkZWZzPgogICAgICAgICAgICAgICAgPHN5bWJvbCBpZD0iaWNvbi1wcml2YXRlIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+CiAgICAgICAgICAgICAgICAgICAgPHRpdGxlPmljb24tcHJpdmF0ZS1icm93c2luZzwvdGl0bGU+PHBhdGggZD0iTTE4MS4zLDY4Ljk0Yy02LTcuMDctMTcuODktOS0yOC4yOC04LjgzLTMxLjE3LjY2LTM3LDExLjEtNTIuNzEsMTEuMVM3OC43Niw2MC43Nyw0Ny41OSw2MC4xMWMtMTAuMzktLjIyLTIyLjMyLDEuNzYtMjguMjgsOC44M3MtNy43MywxOC43OC00LjQyLDMzLjgxYzIuOSwxMy4xMywxMywzOCwzNi4yMywzNy41NSwyMS44OC0uNDEsMjkuMTYtMTguNjgsNDkuMTMtMTguOTMsMjAsLjI1LDI3LjM2LDE4LjUyLDQ5LjI0LDE4LjkzLDIzLjE5LjQ1LDMzLjMzLTI0LjQyLDM2LjIzLTM3LjU1QzE4OSw4Ny43MiwxODcuMTYsNzUuODgsMTgxLjMsNjguOTRabS0xMTcuODksMzhjLTguNjIuMDgtMjMuMy00LjYyLTIzLTguNjguMjYtNC4yOCwxNi0xMS42LDI2LjI2LTExLjMsNC4yLjEyLDE3LjQ3LDMuMjksMTguNjQsMTMuODNDODUuNTMsMTAzLjA1LDc1LDEwNi44LDYzLjQxLDEwNi45MlptNzMuNzksMGMtMTEuNTktLjEyLTIyLjEyLTMuODctMjEuODYtNi4xNUMxMTYuNSw5MC4yMywxMjkuNzgsODcuMDYsMTM0LDg2Ljk0YzEwLjMtLjMsMjYsNywyNi4yNiwxMS4zQzE2MC41LDEwMi4zLDE0NS44MiwxMDcsMTM3LjIsMTA2LjkyWiIgZmlsbD0iI2ZmZiIvPgogICAgICAgICAgICAgICAgPC9zeW1ib2w+CiAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICA8L3N2Zz4KICAgICAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAgICAgICAgICA8c3ZnIGNsYXNzPSJpY29uIj48dXNlIHhsaW5rOmhyZWY9IiNpY29uLXByaXZhdGUiPjwvdXNlPjwvc3ZnPgogICAgICAgICAgICA8c2VjdGlvbiBjbGFzcz0ic2VjdGlvbi1tYWluIj48aDE+UHJpdmF0ZSBCcm93c2luZzwvaDE+IDxwPldoZW4geW91IGJyb3dzZSBpbiBhIFByaXZhdGUgV2luZG93LCBSZWZlcmVuY2UgQnJvd3NlciA8c3Ryb25nPmRvZXMgbm90IHNhdmU8L3N0cm9uZz46PC9wPiA8dWwgY2xhc3M9dHdvLWNvbHVtbj4gPGxpPnZpc2l0ZWQgcGFnZXM8L2xpPiA8bGk+c2VhcmNoZXM8L2xpPiA8bGk+Y29va2llczwvbGk+IDxsaT50ZW1wb3JhcnkgZmlsZXM8L2xpPiA8L3VsPiA8cD5Qcml2YXRlIEJyb3dzaW5nIDxzdHJvbmc+ZG9lc24ndCBtYWtlIHlvdSBhbm9ueW1vdXM8L3N0cm9uZz4gb24gdGhlIEludGVybmV0LiBZb3VyIGVtcGxveWVyIG9yIEludGVybmV0IHNlcnZpY2UgcHJvdmlkZXIgY2FuIHN0aWxsIGtub3cgd2hhdCBwYWdlIHlvdSB2aXNpdC48L3A+IDxwIGNsYXNzPWFib3V0LWluZm8+TGVhcm4gbW9yZSBhYm91dCA8YSBpZD1sZWFybk1vcmU+UHJpdmF0ZSBCcm93c2luZzwvYT4uPC9wPjwvc2VjdGlvbj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8c2NyaXB0PgogICAgICAgICAgKCgpID0+IHsKICAgICAgICAgICAgY29uc3QgdXJscyA9IHsKICAgICAgICAgICAgICBwcml2YXRlQnJvd3NpbmdTdXBwb3J0VXJsOiAnYWJvdXQ6cHJpdmF0ZWJyb3dzaW5nJwogICAgICAgICAgICB9OwogICAgICAgICAgICBjb25zdCBsZWFybk1vcmVFbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdsZWFybk1vcmUnKTsKICAgICAgICAgICAgaWYgKGxlYXJuTW9yZUVsKSB7CiAgICAgICAgICAgICAgbGVhcm5Nb3JlRWwuaHJlZiA9IHVybHMucHJpdmF0ZUJyb3dzaW5nU3VwcG9ydFVybDsKICAgICAgICAgICAgfQogICAgICAgICAgfSkoKTsKICAgICAgICA8L3NjcmlwdD4KICAgIDwvYm9keT4KPC9odG1sPgo=
@krystian3w
Copy link
Author

krystian3w commented May 19, 2019

Private Browsing

When you browse in a Private Window, Reference Browser does not save :

  • visited pages
  • searches
  • cookies
  • temporary files

Private Browsing doesn't make you anonymous on the Internet. Your employer or Internet service provider can still know what page you visit.

Learn more about Private Browsing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment