update.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Cloud Firewall - Update Info</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <!--
  8. /*******************************************************************************
  9. Cloud Firewall - a browser extension/addon that allows users to block connections
  10. to sites, pages and web resources (images, videos, etc) hosted in major cloud services
  11. if the user wishes to do so.
  12. Copyright (C) 2019-2020 Niklas Poslovski
  13. Copyright (C) 2019 Gokulakrishna Sudharsan
  14. This program is free software: you can redistribute it and/or modify
  15. it under the terms of the GNU General Public License as published by
  16. the Free Software Foundation, either version 3 of the License, or
  17. (at your option) any later version.
  18. This program is distributed in the hope that it will be useful,
  19. but WITHOUT ANY WARRANTY; without even the implied warranty of
  20. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  21. GNU General Public License for more details.
  22. You should have received a copy of the GNU General Public License
  23. along with this program. If not, see <http://www.gnu.org/licenses/>.
  24. Home: https://notabug.org/nipos/cloud-firewall
  25. */
  26. -->
  27. <link rel="stylesheet" href="css/bootstrap.min.css" />
  28. <link rel="stylesheet" href="css/font-awesome.min.css" />
  29. <link rel="stylesheet" href="css/help.css" />
  30. <link rel="shortcut icon" href="images/shield.svg">
  31. <script src="libraries/jquery-3.4.1.min.js"></script>
  32. <script src="libraries/bootstrap.min.js"></script>
  33. <script src="js/help.js"></script>
  34. </head>
  35. <body class="container">
  36. <h3 style="text-align:center"><img src="images/shield32.png">Cloud Firewall Updated!</h2>
  37. <div id="accordion">
  38. <div class="card2">
  39. <div class="card2-header" style="text-align: center;">
  40. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#whatsNew">What's new in <span id="appVersion"></span></button>
  41. </div>
  42. <div id="whatsNew" class="collapse-open" data-parent="#accordion">
  43. <div class="card2-body">
  44. <ul> <strong>New Feature:</strong>
  45. <li>There's now a list with disabled domains and domains with own rules</li>
  46. <li>You can now set own rules for every domain to overwrite the global rules</li>
  47. <li>Bugfix: Replaced .innerHTML with .innerText at one position to fit Mozillas rules</li>
  48. </ul>
  49. <ul><strong>Contribute:</strong>
  50. <li>Send feedback, issue tickets, improvement ideas, and PRs welcome.</li>
  51. </ul>
  52. <ul>
  53. <strong>Note:</strong>
  54. <li>If you have "Decentraleyes" switch enabled in settings page, those resource URLs will not appear in the copied text. For research purposes, you can opt to disable that switch if you so wish.</li>
  55. <li>If you have a local hosts file with domains blocked, if any resource request is sent to those domains, the addon will not consider it as a Cloud-hosted resource since the Domain name will resolve to "0.0.0.0". Similar to above, if you wish, for research purposes, you can temporarily empty your hosts file. </li>
  56. <li> If Logging is enabled in Settings page, empty list "[]" will also up in the copied text when a Cloud-ResourceType combination has 0 blocked resource. If Logging is disabled, empty list will not show up. </li>
  57. <li>Only the blocked URLs will be provided when you copy. For example, if you choose to block only one Cloud, the copied text will NOT contain resources from the clouds you choose to allow.</li>
  58. <br/>
  59. <li>Do not use this addon with Tor Browser or with any Proxy addon from Mozilla store. There's a open ticket #18 for this.</li>
  60. <li>This addon works ENTIRELY OFFLINE and never makes a network call from within the addon code. No trackers, no analytics, no monitoring & no ads. The addon is also entirely User-Choice on how it's used.</li>
  61. </ul>
  62. <ul><em>Bugs? Feature Requests?</em>
  63. NotABug (Git repository): <a href="https://notabug.org/nipos/cloud-firewall/issues" target="_blank">Issue tracker</a> Mastodon: <a href="https://social.avareborn.de/@nipos" target="_blank">@nipos@social.avareborn.de</a> Email: <a href="mailto:support@nikisoft.one">support@nikisoft.one</a></p></ul>
  64. <ul><strong>News:</strong>
  65. <p> Paula Kreuzer, a Cloud Firewall user, listed it in her new article on How To Live Without the Tech Giants : <a href="https://write.privacytools.io/paulakreuzer/how-to-live-without-google-and-other-evil-tech-giants" target="_blank">in addons section here</a>
  66. <p> Paul <a href="https://nitter.pro/iampox" target="_blank">@iampox</a> from AlternativesTo.net tried it and added to AlternativesTo with a <a href="https://alternativeto.net/software/cloud-firewall" target="_blank">separate listing here</a>
  67. <p>Cloud Firewall is also featured in Humane Technologies Awesome List at :
  68. <a href="https://github.com/humanetech-community/awesome-humane-tech/blob/master/README.md" target="_blank">Humane Tech Awesome List</a></p>
  69. </ul>
  70. <!--ul>P.S. Cloud Firewall will never include trackers or analytics stuff. So I would not know if something went wrong inside addon. Reach out to me if you wish to share something! </ul-->
  71. </ul>
  72. <br/>
  73. <!--
  74. <strong>Supported Browsers:</strong> Firefox from <a href="https://mozilla.org" target="_blank">mozilla.org</a> or Mozilla's "Firefox For Android". <p><strong>NOT Supported</strong> to use this with other Firefox variants like TBB, Palemoon, Waterfox.<strong>DO NOT </strong>use it with TBB or "proxy addons" from addons store. <a href="https://gitlab.com/gkrishnaks/cloud-firewall/issues/18" target="_blank">Read more.</a> </p></ul>-->
  75. </div>
  76. </div>
  77. </div>
  78. <div class="card2"><br/>
  79. <div class="card2-header" style="text-align: center;">
  80. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#whatisWaybackEverywhere">Cloud Firewall</button>
  81. </div>
  82. <div id="whatisWaybackEverywhere" class="collapse" data-parent="#accordion">
  83. <div class="card2-body">
  84. <ul>
  85. <li>Cloud Firewall is a browser extension/addon that allows you to toggle blocking ON or OFF for allowing your browser to connect to web pages and web resources (like images, videos) hosted on popular top 5 cloud/companies. </li>
  86. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<em>Example 1: </em> If "Block Amazon" is toggled ON in Popup, all websites hosted on Amazon AWS will be blocked. Future version of addon will have a "allow all clouds in this site" button in UI for excluding some sites from blocking rules. <br/>
  87. </li>
  88. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<em>Example 2: </em> If "Block Amazon" is toggled ON, let's say a website is hosted "on-premise (not in cloud)", but has some "resources" like images, video and scripts hosted on Amazon AWS cloud, only those "3rd party" resources are blocked --> "3rd party" = these resources which are in another domain. "1st party" = site in address bar and resources delivered from same domain on-premise server.<br/>
  89. <li>By default, in version 0.0.1.x, the toggle state ON or OFF in popup menu is not persisted across browser restarts. When browser starts, all 5 toggles are set to OFF , i.e allow connections to all 5 cloud by default. You have the option to open popup menu and toggle ON or OFF against each cloud that you wish to block or allow.</li><a href="https://github.com/humanetech-community/awesome-humane-tech#privacy" target="_blank"><img src="images/humanetech.svg"></a></div>
  90. </div>
  91. </div>
  92. <div class="card2">
  93. <br/>
  94. <div class="card2-header" style="text-align: center;">
  95. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#features">Inspiration and Purpose</button>
  96. </div>
  97. <div id="features" class="collapse" data-parent="#accordion">
  98. <div class="card2-body">
  99. <ul> <em>Inspiration:</em>
  100. <li> The inspiration behind the creation of this addon was the "Life without the tech giants" series by Kashmir Hill and Dhruv Mehrotra. Read it here : <a href="https://gizmodo.com/life-without-the-tech-giants-1830258056" target="_blank">Gizmodo article series </a> and Dhruv Mehrotra published the VPN tool in his <a href="https://github.com/dmehrotra/GoodbyeBigFive"> Github Repository </a>. </li>
  101. <li> I used the AS.csv from his repository and the BASH script to generate the list of IPv4/IPv6 CIDR blocks/ranges owned by each of the 5 companies </li>
  102. </ul>
  103. <ul> <em>Purpose:</em> <li> <strong>Experience</strong> the web as though major cloud companies are not available, so that we can visualize how much of the WWW is hosted in some cloud providers</li>
  104. <li> <strong>Research: </strong> similar to Kashmir Hill's series, you can conduct research on how many times your browser connects to major top 5 tech companies when you browse the WWW. (Please let the developer know if this addon helps with your research)</li>
  105. <li> <strong>Website Testing:</strong> If you are a website developer or site owner, and have some resources like javascript or images or videos hosted in Cloud providers like AWS or Azure or Google Cloud, use this addon for testing your website behaviour for the case where the whole Cloud region goes down. (Please let the developer know if this addon helps with testing your websites)</li>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="card2"><br/>
  110. <div class="card2-header" style="text-align: center;">
  111. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#howworks">How does it work?</button>
  112. </div>
  113. <div id="howworks" class="collapse" data-parent="#accordion">
  114. <div class="card2-body">
  115. <ul>
  116. <li>Addon comes bundled with a list of all IP address ranges CIDR blocks in both IPV4 and IPV6 owned by top 5 tech companies. Refer "Inspiration" section above for the source of this list.</li>
  117. <li>Whenever a page is loaded, all the resources in the page from address bar URL to embedded images, javascript files and other resources (like video) are resolved from DNS to IP address, and the IP address is checked against the known list of IP ranges owned by each company</li>
  118. <li>If "Block {company}" switch is toggled ON in popup, the connection is blocked if the resolved IP is within a known range of the selected company.
  119. <li>Addon uses local offline storage to store a cache of hostnames so that subsqeuent page loads are faster. Domain names are stored as base64 SHA256 digest sums. User has the option to delete this cache OR disable cache storage from Settings page</li>
  120. <li>In future versions, we will research an optional setting to AES256 encrypt this cache </li>
  121. <li>When caching is enabled, cache is compressed and written to disk once every four minutes to avoid multiple disk writes</li>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="card2"><br/>
  126. <div class="card2-header" style="text-align: center;">
  127. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#Stats">Stats</button>
  128. </div><div id="Stats" class="collapse" data-parent="#accordion">
  129. <div class="card2-body">
  130. <ul>
  131. <li> Stats are displayed in popup menu. Stats include the number of connections blocked by the addon per company, and total connections blocked count across all.</li>
  132. <li> Since the stat counts are per-device (per-install) statistics, it is not included in Export/Import setting feature. (Export/Import settings option will be added in a future version)</li>
  133. <li> To avoid multiple disk writes, stats are stored to disk once every four minutes. It's fine if browser is closed before a four minute window as stats are not a critical value :)</li>
  134. </ul>
  135. </div>
  136. </div>
  137. </div>
  138. <div class="card2">
  139. <div class="card2-header" style="text-align: center;"><br/>
  140. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#Credits">Credits and Acknowledgements</button>
  141. </div>
  142. <div id="Credits" class="collapse" data-parent="#accordion">
  143. <div class="card2-body">
  144. <ul><li>Refer Inspiration section above. This addon uses the AS.csv and bash script from this Github Repo : <a href="https://github.com/dmehrotra/GoodbyeBigFive" target="_blank"> Github page </a><br/></li>
  145. <li> <em >This addon uses the following libraries for UI :</em><br/>
  146. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Bootstrap (CSS and JS)<br/>
  147. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; FontAwesome <br/>
  148. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; JQuery.<br/>
  149. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CSS for "toggle switches" was taken from this article in blog : <a href="https://dev.to/link2twenty/accessibility-first-toggle-switches-3obj" target="_blank">Dev.to post</a><br/>
  150. These are governed by their respective licenses. You can refer to their websites for the same.<br/></li>
  151. <li> <em >This addon uses the following libraries for functionality/utilities :</em><br/>
  152. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LZString data compression : <a href="http://pieroxy.net/blog/pages/lz-string/guide.html" target="_blank">Pieroxy.net</a><br/>
  153. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PublicSuffixList by Mozilla: <a href="https://publicsuffix.org/" target="_blank">Public Suffix List</a><br/>
  154. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UriTools.js from UblockOrigin: <a href="https://github.com/gorhill/uBlock/blob/master/src/js/uritools.js" target="_blank">Repository</a><br/>
  155. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ipaddr.js :<a href="https://github.com/whitequark/ipaddr.js" target="_blank"> Repository</a> <br/>
  156. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ip-range-check package : <a href="https://github.com/danielcompton/ip-range-check" target="_blank">Repository</a>
  157. <br/>
  158. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Forge library for SHA256 digest hashing: <a href="https://github.com/digitalbazaar/forge" target="_blank">Repository</a><br/>
  159. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PunyCode.js <a href="https://github.com/bestiejs/punycode.js/" target="_blank">Repository</a><br/>
  160. These are governed by their respective licenses. You can refer to their websites for the same.<br/></li>
  161. <li> This addon uses the icons created by Isaac Grant and he published it under Creative Commons license : <a href="https://www.iconfinder.com/icons/2739111/protection_secure_shield_icon">IconFinder page</a></li></ul>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="card2">
  166. <div class="card2-header" style="text-align: center;"><br/>
  167. <button class="btn btn-outline-primary" style="border-color: #007bff" class="collapsed card-link" data-toggle="collapse" data-parent="#accordion" href="#LicenseAndDisclaimer">License, Disclaimer and Privacy Policy</button>
  168. </div>
  169. <div id="LicenseAndDisclaimer" class="collapse" data-parent="#accordion">
  170. <div class="card2-body">
  171. <ul>
  172. <div class="card2-block">The Cloud Firewall addon is licensed under GPLv3 license. Refer the full license here : <a href="license.html" id="licenselink" target="_blank">License</a></div>
  173. ---
  174. <p> Cloud Firewall - a browser extension/addon that allows you to toggle blocking ON or OFF for allowing your browser to connect to web pages and web resources (like images, videos) hosted on popular top 5 cloud/companies. <br/><br/> Copyright (C) 2019-2020 Niklas Poslovski<br/>Copyright (C) 2019 Gokulakrishna Sudharsan
  175. <br/> This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  176. <br/> This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
  177. <br/> You should have received a copy of the GNU General Public License along with this program. If not, see
  178. https://www.gnu.org/licenses/
  179. </p>
  180. ---
  181. <br/><p> Privacy Policy in one line : We do not collect your data. Detailed privacy policy page : <a href="privacy.html" id="privacy" target="_blank">Privacy Policy</a>
  182. </ul>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div><br>
  188. <footer> <div style="text-align: center;" id="footer">
  189. <a href="https://notabug.org/nipos/cloud-firewall/issues" target="_blank">Report an issue/Feature request</a><br>
  190. <a href="https://liberapay.com/nipos" target="_blank">Donate on Liberapay</a>
  191. <p id="appVersion"></p>
  192. </div>
  193. </footer>
  194. </div>
  195. </body>
  196. </html>