The DS.M homepage and stuff. https://dontsell.me/site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

256 lines
11 KiB

  1. <?php
  2. require_once __DIR__ . "/settings.php";
  3. $page = "index";
  4. ?>
  5. <!DOCTYPE HTML>
  6. <title><?php echo SITE_TITLE; ?></title>
  7. <?php
  8. include __DIR__ . '/inc/meta.php';
  9. include __DIR__ . '/inc/piwik.php';
  10. ?>
  11. <!-- Wrapper -->
  12. <div id="wrapper">
  13. <?php include __DIR__ . '/inc/header.php'; ?>
  14. <!-- Banner -->
  15. <section id="banner">
  16. <div class="content primary">
  17. <header>
  18. <img src="assets/logo.svg" alt="" style="max-height: 100px; max-width: 25%;"/>
  19. <h1>Don't Sell.Me</h1>
  20. <p>Cloud services that don't sell your data</p>
  21. </header>
  22. </div>
  23. <div class="content secondary">
  24. <div class="inner">
  25. <h2>Privacy first</h2>
  26. <p>We will never sell or share you or any of your data to third parties, and you can opt out of usage tracking by <a href="https://netsyms.com/tracking-opt-out/" target="_BLANK">clicking here</a>.
  27. <br /><a href="connect.php">Click here</a> to connect via Tor, CJDNS, or I2P.
  28. </div>
  29. </div>
  30. <video src="images/banner.mp4" muted autoplay loop playsinline></video>
  31. </section>
  32. <section id="features" class="main">
  33. <header class="accent1">
  34. <h2>Features</h2>
  35. </header>
  36. <ul class="tabs">
  37. <li>
  38. <h3>Store <span class="extra">files</span></h3>
  39. <div class="spotlight">
  40. <ul>
  41. <li id="uploadanything">
  42. <h4>Upload Anything</h4>
  43. <p>Text, images, videos, music, archives, anything goes.</p>
  44. </li>
  45. <li id="quota">
  46. <h4>Simple Quota</h4>
  47. <p>You get a single quota no matter what you upload, and you can easily see how much you have left.</p>
  48. </li>
  49. </ul>
  50. <div class="image circle">
  51. <i class="fa fa-hdd-o fa-fw large-circle-icon" id="store-icon"></i>
  52. </div>
  53. <ul>
  54. <li id="unlimband">
  55. <h4>Unlimited Bandwidth</h4>
  56. <p>Share photos and send documents with no bandwidth cutoff.</p>
  57. </li>
  58. <li id="serverraid">
  59. <h4>Reliable Servers</h4>
  60. <p>Our servers are powered by redundant power grids and fiber connections, and your data is stored with RAID mirroring to ensure safety and reliability.</p>
  61. </li>
  62. <!--
  63. <li id="nooversell">
  64. <h4>No Overselling</h4>
  65. <p>We don't sell more space than we have, so you can use your entire quota freely.</p>
  66. </li>
  67. -->
  68. </ul>
  69. </div>
  70. </li>
  71. <li>
  72. <h3>Edit <span class="extra">documents</span></h3>
  73. <div class="spotlight">
  74. <ul>
  75. <li id="nodownload">
  76. <h4>No Downloading Needed</h4>
  77. <p>View and edit common file formats in your browser.</p>
  78. </li>
  79. <li id="collaboration">
  80. <h4>Live Collaboration</h4>
  81. <p>Simply copy-paste or share a link to allow team members to collaborate in real-time. They don't even need an account.</p>
  82. </li>
  83. </ul>
  84. <div class="image circle">
  85. <i class="fa fa-file-text-o fa-fw large-circle-icon" id="edit-icon"></i>
  86. </div>
  87. <ul>
  88. <li id="notjustdocs">
  89. <h4>Not Just Documents</h4>
  90. <p>Edit presentations, spreadsheets, text files, and more.</p>
  91. </li>
  92. <li id="libreoffice">
  93. <h4>Powered by LibreOffice Online</h4>
  94. <p><a href="https://www.libreoffice.org/">Download the free LibreOffice suite</a> on your computer to enjoy 100% compatability with our services.</p>
  95. </li>
  96. </ul>
  97. </div>
  98. </li>
  99. <li>
  100. <h3><span class="extra">Do </span>More</h3>
  101. <div class="spotlight">
  102. <ul>
  103. <li id="photogallery">
  104. <h4>Photo Gallery</h4>
  105. <p>Organize and share photos with a built-in photo gallery.</p>
  106. </li>
  107. <li id="passman">
  108. <h4>Password Manager</h4>
  109. <p>Create encrypted password vaults only you can open, so you can memorize a single password, not a dozen.</p>
  110. </li>
  111. </ul>
  112. <div class="image circle">
  113. <i class="fa fa-rocket fa-fw large-circle-icon" id="more-icon"></i>
  114. </div>
  115. <ul>
  116. <li id="orglife">
  117. <h4>Organize Your Life</h4>
  118. <p>Keep a calendar, make lists, save contacts, and more.</p>
  119. </li>
  120. <li id="extstorage">
  121. <h4>External Storage</h4>
  122. <p>Connect to and access other cloud storage from one convenient place. Supports Dropbox, Google Drive, SFTP, Amazon S3, WebDAV, and more.</p>
  123. </li>
  124. </ul>
  125. </div>
  126. </li>
  127. </ul>
  128. </section>
  129. <!-- Section -->
  130. <section id="pricing" class="main accent2">
  131. <header>
  132. <h2>Pricing</h2>
  133. <p>We don't sell your data to third-parties and we hate ads, so that leaves us only one option for paying the bills. Is your privacy worth a cup of coffee?
  134. </header>
  135. <div class="inner">
  136. <div class="posts" style="color: black;">
  137. <?php
  138. foreach (PLANS as $id => $p) {
  139. ?>
  140. <div>
  141. <article style="min-height: 250px;">
  142. <div class="content">
  143. <?php
  144. echo "<h3>" . $p["name"] . "</h3>";
  145. ?>
  146. <p>$<?php echo $p["monthly"]; ?> per month
  147. <br><?php echo number_format($p["mb"]); ?> Megabytes
  148. <br><i><?php
  149. $coffee = round($p["monthly"] / COFFEE_AVG, 1);
  150. if ($coffee == 0) {
  151. echo "<br>";
  152. } else if ($coffee > 0 && $coffee < 1) {
  153. echo "Less than one cup of coffee";
  154. } else if ($coffee >= 5) {
  155. $toast = round($p["monthly"] / TOAST_AVG, 1);
  156. echo "$toast avocado toasts";
  157. } else if (ceil($coffee) - $coffee <= .2 && ceil($coffee) - $coffee > 0) {
  158. echo ceil($coffee) . " cups of coffee";
  159. } else if ($coffee >= 1 && $coffee < 6) {
  160. echo "$coffee cups of coffee";
  161. }
  162. ?></i>
  163. <ul class="actions">
  164. <li><a href="purchase.php?plan=<?php echo $id; ?>" class="button">Sign Up</a></li>
  165. </ul>
  166. </div>
  167. </article>
  168. </div>
  169. <?php
  170. }
  171. ?>
  172. </div>
  173. <div style="text-align: center;"><small>Assuming $<?php echo money_format('%i', COFFEE_AVG); ?> per coffee and $<?php echo money_format('%i', TOAST_AVG); ?> per avocado toast.</small></div>
  174. </div>
  175. </section>
  176. <?php include __DIR__ . "/inc/footer.php"; ?>
  177. </div>
  178. <?php include __DIR__ . "/inc/scripts.php"; ?>
  179. <script>
  180. var icons = {
  181. "store-icon": {
  182. "default": "fa-hdd-o",
  183. "hover": {
  184. "uploadanything": "fa-upload",
  185. "quota": "fa-tasks",
  186. "unlimband": "fa-tachometer",
  187. "nooversell": "fa-usd",
  188. "serverraid": "fa-server"
  189. }
  190. },
  191. "edit-icon": {
  192. "default": "fa-file-text-o",
  193. "hover": {
  194. "nodownload": "fa-pencil-square-o",
  195. "collaboration": "fa-users",
  196. "notjustdocs": "fa-files-o",
  197. "libreoffice": "icon-libreoffice"
  198. }
  199. },
  200. "more-icon": {
  201. "default": "fa-rocket",
  202. "hover": {
  203. "photogallery": "fa-picture-o",
  204. "passman": "fa-lock",
  205. "orglife": "fa-calendar-check-o",
  206. "extstorage": "fa-globe"
  207. }
  208. }
  209. };
  210. /* Thanks to https://stackoverflow.com/a/30293936 for the jQuery anchor/hash scrolling */
  211. $(document).ready(function () {
  212. if (window.location.hash) {
  213. $('html, body').animate({
  214. scrollTop: $(window.location.hash).offset().top + 'px'
  215. }, 1000, 'swing');
  216. }
  217. Object.keys(icons).forEach(function (icon) {
  218. var defaulticon = icons[icon]["default"];
  219. Object.keys(icons[icon]["hover"]).forEach(function (hover) {
  220. var tempicon = icons[icon]["hover"][hover];
  221. $("#" + hover).hover(
  222. function () {
  223. $("#" + icon).removeClass(defaulticon);
  224. $("#" + icon).addClass(icons[icon]["hover"][hover]);
  225. },
  226. function () {
  227. $("#" + icon).removeClass(icons[icon]["hover"][hover]);
  228. $("#" + icon).addClass(defaulticon);
  229. }
  230. );
  231. });
  232. });
  233. });
  234. if (window.location.hash) {
  235. scroll(0, 0);
  236. }
  237. setTimeout(function () {
  238. scroll(0, 0);
  239. }, 1);
  240. $('.scroll').on('click', function (e) {
  241. e.preventDefault();
  242. $('html, body').animate({
  243. scrollTop: $($(this).attr('href')).offset().top + 'px'
  244. }, 1000, 'swing');
  245. });
  246. </script>