Last active
May 19, 2019 20:04
-
-
Save krystian3w/98226cc9ee052c97b12ae894cfe235a8 to your computer and use it in GitHub Desktop.
Reference Browser
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data:text/html;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIGh0bWw+CjwhLS0gVGhpcyBTb3VyY2UgQ29kZSBGb3JtIGlzIHN1YmplY3QgdG8gdGhlIHRlcm1zIG9mIHRoZSBNb3ppbGxhIFB1YmxpYwogICAtIExpY2Vuc2UsIHYuIDIuMC4gSWYgYSBjb3B5IG9mIHRoZSBNUEwgd2FzIG5vdCBkaXN0cmlidXRlZCB3aXRoIHRoaXMKICAgLSBmaWxlLCBZb3UgY2FuIG9idGFpbiBvbmUgYXQgaHR0cDovL21vemlsbGEub3JnL01QTC8yLjAvLiAtLT4KCjxodG1sIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBjbGFzcz0icHJpdmF0ZSI+CiAgICA8aGVhZD4KICAgICAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEiPgogICAgICAgIDx0aXRsZT5Qcml2YXRlIEJyb3dzaW5nPC90aXRsZT4KICAgICAgICA8c3R5bGU+LyogLSBUaGlzIFNvdXJjZSBDb2RlIEZvcm0gaXMgc3ViamVjdCB0byB0aGUgdGVybXMgb2YgdGhlIE1vemlsbGEgUHVibGljCiAgIC0gTGljZW5zZSwgdi4gMi4wLiBJZiBhIGNvcHkgb2YgdGhlIE1QTCB3YXMgbm90IGRpc3RyaWJ1dGVkIHdpdGggdGhpcyBmaWxlLAogICAtIFlvdSBjYW4gb2J0YWluIG9uZSBhdCBodHRwOi8vbW96aWxsYS5vcmcvTVBMLzIuMC8uICovCgo6cm9vdCB7CiAgICAtLWNvbG9yLXN0ZWVsOiAjNDM0YzU4OwogICAgLS1jb2xvci1kcmlmdHdvb2Q6ICNmNGY0ZjQ7CiAgICAtLWNvbG9yLWR1c2s6ICM1NTZmOGU7CiAgICAtLWNvbG9yLXZvaWQ6ICMyMzI0MjY7CiAgICAtLWNvbG9yLXB1cnBsZTogIzMzMWE1MDsKICAgIC0tY29sb3ItdGV4dDogI2ZmZjsKfQoKKiwKKjpiZWZvcmUsCio6YWZ0ZXIgewogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAgIG1hcmdpbjogMDsKICAgIHBhZGRpbmc6IDA7Cn0KCiogewogICAgZm9udDogMjBweC8xLjJlbSBCbGlua01hY1N5c3RlbUZvbnQsIC1hcHBsZS1zeXN0ZW0sIFNlZ29lIFVJLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsIEZpcmEgU2FucywgRHJvaWQgU2FucywgSGVsdmV0aWNhIE5ldWUsIHNhbnMtc2VyaWY7Cn0KCmh0bWwsCmJvZHkgewogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWRyaWZ0d29vZCk7CiAgICBkaXNwbGF5OiBncmlkOwogICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvOwogICAgaGVpZ2h0OiAxMDAlOwogICAganVzdGlmeS1pdGVtczogY2VudGVyOwogICAgd2lkdGg6IDEwMCU7Cn0KCmgxIHsKICAgIGZvbnQtc2l6ZTogMmVtOwogICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICBtYXJnaW46IDAgMCAwLjVlbTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoKc3Ryb25nIHsKICAgIGZvbnQtd2VpZ2h0OiBib2xkOwp9CgpvbCwKdWwsCnAgewogICAgbWFyZ2luOiAxZW0gMDsKfQoKb2w6Zmlyc3QtY2hpbGQsCnVsOmZpcnN0LWNoaWxkLApwOmZpcnN0LWNoaWxkIHsKICAgIG1hcmdpbi10b3A6IDA7Cn0KCm9sOmxhc3QtY2hpbGQsCnVsOmxhc3QtY2hpbGQsCnA6bGFzdC1jaGlsZCB7CiAgICBtYXJnaW4tYm90dG9tOiAwOwp9CgpvbCwKdWwgewogICAgbGlzdC1zdHlsZS1wb3NpdGlvbjogaW5zaWRlOwp9CgpvbCB7CiAgICBsaXN0LXN0eWxlLXR5cGU6IGRlY2ltYWw7Cn0KCmxpIHsKICAgIG1hcmdpbjogMC4yNWVtIDA7CiAgICB0ZXh0LWluZGVudDogLTFlbTsKICAgIHBhZGRpbmctbGVmdDogMWVtOwp9CgpwIHsKICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTsKfQoKYSB7CiAgICBjb2xvcjogaW5oZXJpdDsKICAgIGZvbnQtc2l6ZTogaW5oZXJpdDsKICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOwp9CgpidXR0b24sCmJ1dHRvbjphY3RpdmUgewogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9CgpidXR0b24gewogICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itc3RlZWwpOwogICAgYm9yZGVyLXJhZGl1czogMTBweDsKICAgIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLWNvbG9yLXN0ZWVsKTsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogICAgZm9udC1zaXplOiBpbmhlcml0OwogICAgZm9udC13ZWlnaHQ6IDkwMDsKICAgIGhlaWdodDogM2VtOwogICAgcGFkZGluZzogMCAxZW07Cn0KCmJ1dHRvbjpob3ZlciB7CiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICAgIGNvbG9yOiB2YXIoLS1jb2xvci1zdGVlbCk7Cn0KCmJ1dHRvbjphY3RpdmUgewogICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3Itdm9pZCk7CiAgICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLXZvaWQpOwogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9CgouY29udGFpbmVyIHsKICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAxOwogICAgd2lkdGg6IDc1JTsKfQoKLmljb24gewogICAgaGVpZ2h0OiA0ZW07CiAgICB3aWR0aDogNGVtOwp9CgoudHdvLWNvbHVtbiB7CiAgICBkaXNwbGF5OiBncmlkOwogICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTsKICAgIGdyaWQtY29sdW1uLWdhcDogMWVtOwp9CgpodG1sLnByaXZhdGUgYm9keSB7CiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1wdXJwbGUpOwogICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpOwp9Cgouc2VjdGlvbi1tYWluIHsKICAgIG1hcmdpbi1ib3R0b206IDQ4cHg7Cn0KCi5hYm91dC1pbmZvIHsKICAgIGZvbnQtc2l6ZTogLjlyZW07Cn0KPC9zdHlsZT4KICAgIDwvaGVhZD4KICAgIDxib2R5PgogICAgICAgIDxzdmcgc3R5bGU9InBvc2l0aW9uOiBhYnNvbHV0ZTsgd2lkdGg6IDRlbTsgaGVpZ2h0OiA0ZW07IG92ZXJmbG93OiBoaWRkZW4iIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICAgICAgICAgIDxkZWZzPgogICAgICAgICAgICAgICAgPHN5bWJvbCBpZD0iaWNvbi1wcml2YXRlIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+CiAgICAgICAgICAgICAgICAgICAgPHRpdGxlPmljb24tcHJpdmF0ZS1icm93c2luZzwvdGl0bGU+PHBhdGggZD0iTTE4MS4zLDY4Ljk0Yy02LTcuMDctMTcuODktOS0yOC4yOC04LjgzLTMxLjE3LjY2LTM3LDExLjEtNTIuNzEsMTEuMVM3OC43Niw2MC43Nyw0Ny41OSw2MC4xMWMtMTAuMzktLjIyLTIyLjMyLDEuNzYtMjguMjgsOC44M3MtNy43MywxOC43OC00LjQyLDMzLjgxYzIuOSwxMy4xMywxMywzOCwzNi4yMywzNy41NSwyMS44OC0uNDEsMjkuMTYtMTguNjgsNDkuMTMtMTguOTMsMjAsLjI1LDI3LjM2LDE4LjUyLDQ5LjI0LDE4LjkzLDIzLjE5LjQ1LDMzLjMzLTI0LjQyLDM2LjIzLTM3LjU1QzE4OSw4Ny43MiwxODcuMTYsNzUuODgsMTgxLjMsNjguOTRabS0xMTcuODksMzhjLTguNjIuMDgtMjMuMy00LjYyLTIzLTguNjguMjYtNC4yOCwxNi0xMS42LDI2LjI2LTExLjMsNC4yLjEyLDE3LjQ3LDMuMjksMTguNjQsMTMuODNDODUuNTMsMTAzLjA1LDc1LDEwNi44LDYzLjQxLDEwNi45MlptNzMuNzksMGMtMTEuNTktLjEyLTIyLjEyLTMuODctMjEuODYtNi4xNUMxMTYuNSw5MC4yMywxMjkuNzgsODcuMDYsMTM0LDg2Ljk0YzEwLjMtLjMsMjYsNywyNi4yNiwxMS4zQzE2MC41LDEwMi4zLDE0NS44MiwxMDcsMTM3LjIsMTA2LjkyWiIgZmlsbD0iI2ZmZiIvPgogICAgICAgICAgICAgICAgPC9zeW1ib2w+CiAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICA8L3N2Zz4KICAgICAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAgICAgICAgICA8c3ZnIGNsYXNzPSJpY29uIj48dXNlIHhsaW5rOmhyZWY9IiNpY29uLXByaXZhdGUiPjwvdXNlPjwvc3ZnPgogICAgICAgICAgICA8c2VjdGlvbiBjbGFzcz0ic2VjdGlvbi1tYWluIj48aDE+UHJpdmF0ZSBCcm93c2luZzwvaDE+IDxwPldoZW4geW91IGJyb3dzZSBpbiBhIFByaXZhdGUgV2luZG93LCBSZWZlcmVuY2UgQnJvd3NlciA8c3Ryb25nPmRvZXMgbm90IHNhdmU8L3N0cm9uZz46PC9wPiA8dWwgY2xhc3M9dHdvLWNvbHVtbj4gPGxpPnZpc2l0ZWQgcGFnZXM8L2xpPiA8bGk+c2VhcmNoZXM8L2xpPiA8bGk+Y29va2llczwvbGk+IDxsaT50ZW1wb3JhcnkgZmlsZXM8L2xpPiA8L3VsPiA8cD5Qcml2YXRlIEJyb3dzaW5nIDxzdHJvbmc+ZG9lc24ndCBtYWtlIHlvdSBhbm9ueW1vdXM8L3N0cm9uZz4gb24gdGhlIEludGVybmV0LiBZb3VyIGVtcGxveWVyIG9yIEludGVybmV0IHNlcnZpY2UgcHJvdmlkZXIgY2FuIHN0aWxsIGtub3cgd2hhdCBwYWdlIHlvdSB2aXNpdC48L3A+IDxwIGNsYXNzPWFib3V0LWluZm8+TGVhcm4gbW9yZSBhYm91dCA8YSBpZD1sZWFybk1vcmU+UHJpdmF0ZSBCcm93c2luZzwvYT4uPC9wPjwvc2VjdGlvbj4KICAgICAgICA8L2Rpdj4KICAgICAgICA8c2NyaXB0PgogICAgICAgICAgKCgpID0+IHsKICAgICAgICAgICAgY29uc3QgdXJscyA9IHsKICAgICAgICAgICAgICBwcml2YXRlQnJvd3NpbmdTdXBwb3J0VXJsOiAnYWJvdXQ6cHJpdmF0ZWJyb3dzaW5nJwogICAgICAgICAgICB9OwogICAgICAgICAgICBjb25zdCBsZWFybk1vcmVFbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdsZWFybk1vcmUnKTsKICAgICAgICAgICAgaWYgKGxlYXJuTW9yZUVsKSB7CiAgICAgICAgICAgICAgbGVhcm5Nb3JlRWwuaHJlZiA9IHVybHMucHJpdmF0ZUJyb3dzaW5nU3VwcG9ydFVybDsKICAgICAgICAgICAgfQogICAgICAgICAgfSkoKTsKICAgICAgICA8L3NjcmlwdD4KICAgIDwvYm9keT4KPC9odG1sPgo= |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Private Browsing
When you browse in a Private Window, Reference Browser does not save :
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.