Browse Source

webstie updates

pull/1/head
Joshua Byatt 2 years ago
commit
2b4c613fa6
100 changed files with 13123 additions and 0 deletions
  1. BIN
      app/attachment/Whitepaper.pdf
  2. BIN
      app/fonts/Montserrat-Regular.ttf
  3. +1
    -0
      app/img/12-sec.svg
  4. BIN
      app/img/CB.png
  5. BIN
      app/img/bitalong.png
  6. BIN
      app/img/block-size.png
  7. BIN
      app/img/blocks.png
  8. BIN
      app/img/bulletproof-statistic.png
  9. BIN
      app/img/bulletproofs.png
  10. +1
    -0
      app/img/check.svg
  11. BIN
      app/img/conf.png
  12. BIN
      app/img/connect-us-dero.png
  13. BIN
      app/img/connect-us-discord.png
  14. BIN
      app/img/connect-us-reddit.png
  15. BIN
      app/img/connect-us-telegram.png
  16. BIN
      app/img/connect-us-twitter.png
  17. BIN
      app/img/connect-with-us-header.png
  18. BIN
      app/img/crex24.png
  19. BIN
      app/img/cryptopia.png
  20. BIN
      app/img/dero-grey.png
  21. BIN
      app/img/dero-white.png
  22. +1
    -0
      app/img/desktop.svg
  23. BIN
      app/img/downloads-apple.png
  24. BIN
      app/img/downloads-github.png
  25. BIN
      app/img/downloads-linux.png
  26. BIN
      app/img/downloads-windows.png
  27. BIN
      app/img/exchange-header.png
  28. BIN
      app/img/favicon.png
  29. BIN
      app/img/golang.png
  30. BIN
      app/img/graph.png
  31. BIN
      app/img/icon-connect.png
  32. BIN
      app/img/icon-crypto-currency.png
  33. BIN
      app/img/icon-decentralize-network.png
  34. BIN
      app/img/icon-relational-blockchain.png
  35. BIN
      app/img/icon-server.png
  36. BIN
      app/img/journey-header.png
  37. BIN
      app/img/logo.png
  38. BIN
      app/img/map.png
  39. BIN
      app/img/p2p-statistic.png
  40. +1
    -0
      app/img/padlock.svg
  41. BIN
      app/img/roadmap-header.png
  42. BIN
      app/img/soft-forks.png
  43. BIN
      app/img/south.png
  44. BIN
      app/img/specs-header.png
  45. BIN
      app/img/statistic.png
  46. BIN
      app/img/stex.png
  47. BIN
      app/img/tokok.png
  48. BIN
      app/img/tradeogre.png
  49. +663
    -0
      app/index.html
  50. +80
    -0
      app/js/script.js
  51. +4
    -0
      app/style/_fonts.scss
  52. +10
    -0
      app/style/_vars.scss
  53. +79
    -0
      app/style/roadmap.scss
  54. +893
    -0
      app/style/style.scss
  55. +3623
    -0
      app/vendors/animate.css
  56. +7
    -0
      app/vendors/bootstrap.min.css
  57. +7
    -0
      app/vendors/bootstrap.min.js
  58. +3735
    -0
      app/vendors/fontawesome/js/all.js
  59. +5
    -0
      app/vendors/fontawesome/js/all.min.js
  60. +513
    -0
      app/vendors/fontawesome/js/brands.js
  61. +5
    -0
      app/vendors/fontawesome/js/brands.min.js
  62. +1981
    -0
      app/vendors/fontawesome/js/fontawesome.js
  63. +5
    -0
      app/vendors/fontawesome/js/fontawesome.min.js
  64. +277
    -0
      app/vendors/fontawesome/js/regular.js
  65. +5
    -0
      app/vendors/fontawesome/js/regular.min.js
  66. +976
    -0
      app/vendors/fontawesome/js/solid.js
  67. +5
    -0
      app/vendors/fontawesome/js/solid.min.js
  68. +91
    -0
      app/vendors/fontawesome/js/v4-shims.js
  69. +5
    -0
      app/vendors/fontawesome/js/v4-shims.min.js
  70. +5
    -0
      app/vendors/fontawesome/svgs/brands/500px.svg
  71. +5
    -0
      app/vendors/fontawesome/svgs/brands/accessible-icon.svg
  72. +5
    -0
      app/vendors/fontawesome/svgs/brands/accusoft.svg
  73. +5
    -0
      app/vendors/fontawesome/svgs/brands/acquisitions-incorporated.svg
  74. +5
    -0
      app/vendors/fontawesome/svgs/brands/adn.svg
  75. +5
    -0
      app/vendors/fontawesome/svgs/brands/adversal.svg
  76. +5
    -0
      app/vendors/fontawesome/svgs/brands/affiliatetheme.svg
  77. +5
    -0
      app/vendors/fontawesome/svgs/brands/algolia.svg
  78. +5
    -0
      app/vendors/fontawesome/svgs/brands/alipay.svg
  79. +5
    -0
      app/vendors/fontawesome/svgs/brands/amazon-pay.svg
  80. +5
    -0
      app/vendors/fontawesome/svgs/brands/amazon.svg
  81. +5
    -0
      app/vendors/fontawesome/svgs/brands/amilia.svg
  82. +5
    -0
      app/vendors/fontawesome/svgs/brands/android.svg
  83. +5
    -0
      app/vendors/fontawesome/svgs/brands/angellist.svg
  84. +5
    -0
      app/vendors/fontawesome/svgs/brands/angrycreative.svg
  85. +5
    -0
      app/vendors/fontawesome/svgs/brands/angular.svg
  86. +5
    -0
      app/vendors/fontawesome/svgs/brands/app-store-ios.svg
  87. +5
    -0
      app/vendors/fontawesome/svgs/brands/app-store.svg
  88. +5
    -0
      app/vendors/fontawesome/svgs/brands/apper.svg
  89. +5
    -0
      app/vendors/fontawesome/svgs/brands/apple-pay.svg
  90. +5
    -0
      app/vendors/fontawesome/svgs/brands/apple.svg
  91. +5
    -0
      app/vendors/fontawesome/svgs/brands/asymmetrik.svg
  92. +5
    -0
      app/vendors/fontawesome/svgs/brands/audible.svg
  93. +5
    -0
      app/vendors/fontawesome/svgs/brands/autoprefixer.svg
  94. +5
    -0
      app/vendors/fontawesome/svgs/brands/avianex.svg
  95. +5
    -0
      app/vendors/fontawesome/svgs/brands/aviato.svg
  96. +5
    -0
      app/vendors/fontawesome/svgs/brands/aws.svg
  97. +5
    -0
      app/vendors/fontawesome/svgs/brands/bandcamp.svg
  98. +5
    -0
      app/vendors/fontawesome/svgs/brands/behance-square.svg
  99. +5
    -0
      app/vendors/fontawesome/svgs/brands/behance.svg
  100. +0
    -0
      app/vendors/fontawesome/svgs/brands/bimobject.svg

BIN
app/attachment/Whitepaper.pdf View File


BIN
app/fonts/Montserrat-Regular.ttf View File


+ 1
- 0
app/img/12-sec.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-46 0 512 512"><path fill="#39414b" d="M373.824 170.602l21.528-21.532c11.695-11.691 11.695-30.722 0-42.422-11.696-11.695-30.727-11.695-42.422 0l-22.985 22.985c-23.976-16.7-51.308-28.258-79.945-33.805V66h20c5.523 0 10-4.477 10-10V30c0-16.543-13.457-30-30-30h-80c-16.543 0-30 13.457-30 30v26c0 5.523 4.477 10 10 10h20v29.828c-28.633 5.543-55.969 17.106-79.945 33.805L67.07 106.648c-11.691-11.695-30.722-11.695-42.422 0-11.695 11.696-11.695 30.727 0 42.422l21.528 21.532C16.336 207.77 0 254.066 0 302c0 115.793 94.207 210 210 210s210-94.207 210-210c0-47.934-16.336-94.23-46.176-131.398zm-6.754-49.813c3.903-3.898 10.243-3.894 14.14 0 3.895 3.898 3.895 10.242 0 14.14l-20.663 20.66a212.624 212.624 0 0 0-14.617-13.655zM160 30c0-5.516 4.484-10 10-10h80c5.516 0 10 4.484 10 10v16H160zm70 36v26.945a215.141 215.141 0 0 0-40 0V66zM38.79 120.79c3.898-3.895 10.241-3.9 14.14 0l21.14 21.144a212.624 212.624 0 0 0-14.617 13.656L38.79 134.93c-3.894-3.899-3.894-10.243 0-14.14zM210 492c-104.766 0-190-85.234-190-190 0-46.215 16.777-90.742 47.238-125.387a191.635 191.635 0 0 1 27.828-25.925c25.246-19.211 55.13-31.856 86.418-36.57a193.151 193.151 0 0 1 57.028 0c31.293 4.714 61.175 17.359 86.425 36.57a191.808 191.808 0 0 1 27.825 25.925C383.222 211.258 400 255.785 400 302c0 104.766-85.234 190-190 190zm0 0"/><path fill="#39414b" d="M210 332c16.543 0 30-13.457 30-30 0-13.035-8.36-24.152-20-28.281V202c0-5.523-4.477-10-10-10s-10 4.477-10 10v71.719c-11.64 4.129-20 15.246-20 28.281 0 16.543 13.457 30 30 30zm0-40c5.516 0 10 4.484 10 10s-4.484 10-10 10-10-4.484-10-10 4.484-10 10-10zm0 0"/><path fill="#39414b" d="M316.527 196.5a7.953 7.953 0 0 0-.488-.54 9.406 9.406 0 0 0-.586-.534c-17.625-17.438-39.398-30.34-63.027-37.317-5.301-1.562-10.86 1.461-12.422 6.758-1.563 5.297 1.46 10.86 6.758 12.422 17.508 5.172 33.84 14.11 47.761 26.043l-6.746 6.746c-3.902 3.906-3.902 10.238 0 14.145a9.97 9.97 0 0 0 7.075 2.93 9.968 9.968 0 0 0 7.07-2.93l6.762-6.762c18.093 21.039 28.84 46.937 30.933 74.539H330c-5.523 0-10 4.48-10 10 0 5.523 4.477 10 10 10h9.617c-2.094 27.605-12.84 53.5-30.933 74.54l-6.762-6.763c-3.906-3.902-10.238-3.902-14.145 0-3.906 3.907-3.906 10.239 0 14.145l6.762 6.762C273.5 418.777 247.602 429.524 220 431.62V422c0-5.523-4.477-10-10-10s-10 4.477-10 10v9.617c-27.602-2.094-53.5-12.84-74.54-30.933l6.763-6.762c3.906-3.906 3.906-10.238 0-14.145-3.907-3.902-10.239-3.902-14.145 0l-6.762 6.762C93.223 365.5 82.476 339.602 80.383 312H90c5.523 0 10-4.477 10-10s-4.477-10-10-10h-9.617c2.094-27.602 12.84-53.5 30.933-74.54l6.762 6.763a9.968 9.968 0 0 0 7.07 2.93 9.97 9.97 0 0 0 7.075-2.93c3.902-3.907 3.902-10.239 0-14.145l-6.746-6.746c13.921-11.937 30.253-20.871 47.761-26.043 5.297-1.562 8.32-7.125 6.758-12.422-1.562-5.297-7.117-8.316-12.422-6.758-23.625 6.973-45.39 19.871-63.012 37.301-.207.176-.41.356-.601.547-.172.172-.324.352-.48.531C75.436 224.793 60 262.23 60 302c0 39.766 15.437 77.2 43.473 105.5.156.184.312.367.488.54.172.175.351.327.531.483C132.797 436.563 170.23 452 210 452c39.766 0 77.2-15.434 105.5-43.469.184-.16.367-.316.54-.492.17-.168.323-.352.48-.527C344.562 379.207 360 341.77 360 302c0-39.766-15.438-77.2-43.473-105.5zm0 0"/><path fill="#39414b" d="M210 172c5.52 0 10-4.48 10-10s-4.48-10-10-10-10 4.48-10 10 4.48 10 10 10zm0 0"/></svg>

BIN
app/img/CB.png View File

Before After
Width: 155  |  Height: 43  |  Size: 24KB

BIN
app/img/bitalong.png View File

Before After
Width: 155  |  Height: 43  |  Size: 5.3KB

BIN
app/img/block-size.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.4KB

BIN
app/img/blocks.png View File

Before After
Width: 100  |  Height: 100  |  Size: 1.4KB

BIN
app/img/bulletproof-statistic.png View File

Before After
Width: 480  |  Height: 461  |  Size: 22KB

BIN
app/img/bulletproofs.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.3KB

+ 1
- 0
app/img/check.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"><path fill-rule="evenodd" fill="#39414B" d="M3.625 5.808l1.758 3.406s2.856-6.921 7.359-9.228c-.109 1.648-.549 3.076.22 4.833-1.977.44-6.042 5.384-7.36 7.8C3.735 10.312 1.538 8.554 0 8.005l3.625-2.197z"/></svg>

BIN
app/img/conf.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.4KB

BIN
app/img/connect-us-dero.png View File

Before After
Width: 250  |  Height: 250  |  Size: 3.4KB

BIN
app/img/connect-us-discord.png View File

Before After
Width: 250  |  Height: 250  |  Size: 7.7KB

BIN
app/img/connect-us-reddit.png View File

Before After
Width: 250  |  Height: 250  |  Size: 7.3KB

BIN
app/img/connect-us-telegram.png View File

Before After
Width: 250  |  Height: 250  |  Size: 5.9KB

BIN
app/img/connect-us-twitter.png View File

Before After
Width: 250  |  Height: 250  |  Size: 2.6KB

BIN
app/img/connect-with-us-header.png View File

Before After
Width: 864  |  Height: 980  |  Size: 49KB

BIN
app/img/crex24.png View File

Before After
Width: 216  |  Height: 71  |  Size: 3.3KB

BIN
app/img/cryptopia.png View File

Before After
Width: 216  |  Height: 71  |  Size: 21KB

BIN
app/img/dero-grey.png View File

Before After
Width: 16  |  Height: 16  |  Size: 326B

BIN
app/img/dero-white.png View File

Before After
Width: 36  |  Height: 36  |  Size: 1012B

+ 1
- 0
app/img/desktop.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#fff" d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"/></svg>

BIN
app/img/downloads-apple.png View File

Before After
Width: 250  |  Height: 250  |  Size: 5.4KB

BIN
app/img/downloads-github.png View File

Before After
Width: 250  |  Height: 250  |  Size: 4.9KB

BIN
app/img/downloads-linux.png View File

Before After
Width: 250  |  Height: 250  |  Size: 7.9KB

BIN
app/img/downloads-windows.png View File

Before After
Width: 250  |  Height: 250  |  Size: 2.5KB

BIN
app/img/exchange-header.png View File

Before After
Width: 795  |  Height: 757  |  Size: 16KB

BIN
app/img/favicon.png View File

Before After
Width: 2762  |  Height: 2762  |  Size: 291KB

BIN
app/img/golang.png View File

Before After
Width: 222  |  Height: 300  |  Size: 8.7KB

BIN
app/img/graph.png View File

Before After
Width: 455  |  Height: 341  |  Size: 49KB

BIN
app/img/icon-connect.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.3KB

BIN
app/img/icon-crypto-currency.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.1KB

BIN
app/img/icon-decentralize-network.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.7KB

BIN
app/img/icon-relational-blockchain.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.3KB

BIN
app/img/icon-server.png View File

Before After
Width: 100  |  Height: 100  |  Size: 1.8KB

BIN
app/img/journey-header.png View File

Before After
Width: 314  |  Height: 291  |  Size: 15KB

BIN
app/img/logo.png View File

Before After
Width: 1512  |  Height: 1511  |  Size: 127KB

BIN
app/img/map.png View File

Before After
Width: 770  |  Height: 264  |  Size: 126KB

BIN
app/img/p2p-statistic.png View File

Before After
Width: 750  |  Height: 700  |  Size: 55KB

+ 1
- 0
app/img/padlock.svg View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="#39414b"><path d="M230.792 354.313l-6.729 60.51a10.67 10.67 0 0 0 10.604 11.844h42.667a10.67 10.67 0 0 0 10.604-11.844l-6.729-60.51c10.927-7.948 17.458-20.521 17.458-34.313 0-23.531-19.135-42.667-42.667-42.667S213.333 296.469 213.333 320c0 13.792 6.532 26.365 17.459 34.313zM256 298.667c11.76 0 21.333 9.573 21.333 21.333 0 8.177-4.646 15.5-12.125 19.125a10.673 10.673 0 0 0-5.958 10.781l6.167 55.427h-18.833l6.167-55.427c.5-4.49-1.885-8.802-5.958-10.781-7.479-3.625-12.125-10.948-12.125-19.125-.001-11.76 9.572-21.333 21.332-21.333z"/><path d="M437.333 192h-32v-42.667C405.333 66.99 338.344 0 256 0S106.667 66.99 106.667 149.333V192h-32A10.66 10.66 0 0 0 64 202.667v266.667C64 492.865 83.135 512 106.667 512h298.667C428.865 512 448 492.865 448 469.333V202.667A10.66 10.66 0 0 0 437.333 192zM128 149.333c0-70.583 57.417-128 128-128s128 57.417 128 128V192h-21.333v-42.667c0-58.813-47.854-106.667-106.667-106.667S149.333 90.521 149.333 149.333V192H128v-42.667zm213.333 0V192H170.667v-42.667C170.667 102.281 208.948 64 256 64s85.333 38.281 85.333 85.333zm85.334 320c0 11.76-9.573 21.333-21.333 21.333H106.667c-11.76 0-21.333-9.573-21.333-21.333v-256h341.333v256z"/></g></svg>

BIN
app/img/roadmap-header.png View File

Before After
Width: 864  |  Height: 980  |  Size: 25KB

BIN
app/img/soft-forks.png View File

Before After
Width: 100  |  Height: 100  |  Size: 2.7KB

BIN
app/img/south.png View File

Before After
Width: 437  |  Height: 129  |  Size: 25KB

BIN
app/img/specs-header.png View File

Before After
Width: 864  |  Height: 980  |  Size: 2.4KB

BIN
app/img/statistic.png View File

Before After
Width: 660  |  Height: 149  |  Size: 70KB

BIN
app/img/stex.png View File

Before After
Width: 216  |  Height: 71  |  Size: 6.9KB

BIN
app/img/tokok.png View File

Before After
Width: 155  |  Height: 43  |  Size: 27KB

BIN
app/img/tradeogre.png View File

Before After
Width: 251  |  Height: 71  |  Size: 19KB

+ 663
- 0
app/index.html View File

@@ -0,0 +1,663 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="DERO">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="description" content="DERO - Privacy for Smart Contracts">
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="css/app.min.css">
<title>DERO: Secure, Private, CryptoNote DAG Blockchain with Private Smart Contracts</title>
</head>
<body data-spy="scroll" data-target="#header_menu" data-offset="100">
<div id="page-preloader">
<div class="preloader">
<img src="img/logo.png" alt="logo">
<div class="title-bigger">Dero.io</div>
<div class="title">The World's Fastest Anonymous Blockchain</div>
</div>
</div>
<header class="header">
<div class="social-block">
<div class="container">
<a href="mailto:support@dero.io" class="email disabled"><i class="fas fa-envelope"></i><span>support AATT dero.io</span></a>
<a href="https://derowallet.io" class="email" target="_blank"><i
class="fas fa-wallet"></i><span>web wallet</span></a>
<a href="http://wiki.dero.io/" class="email" target="_blank"><i class="fab fa-wikipedia-w"></i>wiki</a>
<div class="social-links"><a href="https://twitter.com/deroproject" target="_blank" class="social-link"><i
class="fab fa-twitter"></i></a> <a href="https://discord.gg/H95TJDp" target="_blank"
class="social-link"><i class="fab fa-discord"></i></a> <a
href="https://t.me/DeroProjectGroup" target="_blank" class="social-link telegram"><i
class="fab fa-telegram-plane"></i></a> <a href="https://forum.dero.io" target="_blank"
class="social-link dero"><img src="img/dero-grey.png"
alt="dero"></a></div>
</div>
</div>
<nav class="navbar navbar-expand-lg">
<div class="container">
<div class="logo"><img src="img/logo.png" alt="logo"> Dero</div>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#header_menu"
aria-controls="header_menu" aria-expanded="false" aria-label="Toggle navigation"><span></span>
<span></span> <span></span> <span></span> <span></span> <span></span></button>
<div class="collapse navbar-collapse" id="header_menu">
<div class="nav-links">
<a href="#home-section" class="nav-link menu-link">Home</a> <a href="#journey-section"
class="nav-link menu-link">Dero&nbsp;<br
class="d-none d-md-block">journey</a> <a href="#specs-section"
class="nav-link menu-link">Specs</a> <a
href="#exchanges-section" class="nav-link menu-link">Exchanges</a> <a href="#roadmap-section"
class="nav-link menu-link">Roadmap</a>
<div class="nav-item dropdown">
<a href="#!" class="dropdown-toggle menu-link">More</a>
<div class="dropdown-menu">
<a href="#mining-section" class="nav-link menu-link">DERO Mining</a>
<a href="#downloads-section" class="nav-link menu-link">Download/Source</a>
<a href="https://explorer.dero.io/" class="nav-link menu-link">Dero Explorer</a>
<a href="#connect-section" class="nav-link menu-link">Connect</a>
<a href="#contacts-section" class="nav-link menu-link">Contact</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="home-section" id="home-section">
<div class="banner-section">
<h2 class="title-bigger">Dero Project</h2>
<div class="container">
<div class="title">The World's Fastest Anonymous Blockchain</div>
<div class="row">
<div class="col-lg-12">
<div class="mt-xl-4">Dero is the first crypto project to combine a Proof of Work blockchain with a
DAG block structure and wholly anonymous transactions. The fully distributed ledger processes
transactions with a twelve-second average block time and is secure against majority hashrate
attacks. Dero will be the first CryptoNote blockchain to have smart contracts on its native
chain without any extra layers or secondary blockchains.
</div>
</div>
<div class="col-12">
<div class="buttons"><a href="attachment/Whitepaper.pdf" target="_blank" class="btn">Whitepaper</a>
<a href="http://wiki.dero.io" target="_blank" class="btn">DERO WIKI</a> <a
href="#downloads-section" class="btn">Downloads</a> <a href="https://derowallet.io"
class="btn">Web Wallet</a></div>
</div>
</div>
</div>
</div>
<div class="services-section">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="service-item desktop">
<div class="service-img"><img src="img/desktop.svg" alt="desktop"></div>
<div class="service-title">NEW DECENTRALISED DAG BLOCKHAIN</div>
<div class="service-text">Developed from scratch to support millions of users with enhanced
reliability, privacy, security, and usability. No one can see your balances and transactions
except you on DERO blockchain.
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-item golang">
<div class="service-img"><img src="img/golang.png" alt="golang"></div>
<div class="service-title">CREATED FROM SCRATCH</div>
<div class="service-text">DERO project has been developed from scratch in Golang and is being
actively developed by original developers.
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-item">
<div class="service-img"><img src="img/dero-white.png" alt="dero"></div>
<div class="service-title">SECURE, PRIVATE SMART CONTRACTS</div>
<div class="service-text">The goal of the Dero project is a blockchain network that can serve
businesses and individuals around the globe, allowing for secure, fast and anonymous
transactions and smart contract execution.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="empty-space"></div>
<div class="why-we-section">
<div class="title">Why Dero?</div>
<div class="container">
<div class="subtitle">DERO is the industry leader with innovation and features DeroDAG technology,
Bulletproofs and a TLS encrypted network
</div>
<div class="row">
<div class="col-md-4">
<div class="why-whe-paragraph">
<div class="checkmark"></div>
Fast Transactions
</div>
<div class="why-whe-paragraph">
<div class="checkmark"></div>
Technology Leader
</div>
<div class="why-whe-paragraph">
<div class="checkmark"></div>
Privacy by Design
</div>
<div class="why-whe-paragraph">
<div class="checkmark"></div>
DeroDAG Blockchain with Bulletproofs
</div>
<div class="why-whe-paragraph">
<div class="checkmark"></div>
51% Hashrate Attack Immune
</div>
<div class="why-whe-paragraph">
<div class="checkmark"></div>
Fully Encrypted Blockchain
</div>
</div>
<div class="col-md-8"><img src="img/map.png" alt="map"></div>
</div>
</div>
</div>
<div class="empty-space"></div>
<div class="get-started-section">
<div class="title">GET STARTED TODAY<br>DOWNLOAD YOUR DERO WALLET HERE</div>
<a href="#downloads-section" class="btn mx-auto">Download</a>
</div>
<div class="empty-space"></div>
<div class="about-section">
<div class="title">About Dero</div>
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 offset-xl-1">
<div class="about-text">An initial premine of 2 000 000 Dero was established on network launch,
which is not currently part of the circulating supply. This premine will be used to finance
development and marketing. When the network migrated to the innovative new Dero Atlantis
blockchain on June 27th, 2018 the block height was 95550. Approximately 2 740 000 Dero coins
were in circulation at this time. Following the switch to Atlantis, which reduced the block time
from 120 seconds to 12 seconds, as well as implementing a brand-new type of blockchain DAG,
approximately 7200 main blocks and 4000 side blocks are emitted each day.<br><br>Proof-of-work
(PoW) algorithm: CryptoNight<br>Max supply: 18.4 million followed by an infinite emission rate
of ~157,000 DERO/year<br>Block reward: Smoothly varying<br>Difficulty: Retargets at every
block<br>Ticker: DERO
</div>
</div>
<div class="col-xl-5 col-lg-6 text-center"><img src="img/graph.png" alt="graph"></div>
</div>
</div>
</div>
<div class="empty-space"></div>
<div class="our-services-section">
<div class="title">Dero dag</div>
<div class="container">
<div class="row">
<div class="col-xl-11 offset-xl-1 col-lg-12 text-center">
<div class="subtitle">DERO Atlantis combines the Cryptonote protocol with directed acyclic graph and
Bulletproofs
</div>
<div class="subtitle">DERO DAG implementation builds outs a main chain from the DAG network of
blocks which refers to main blocks (100% reward) and side blocks (8% rewards). Side blocks
contribute to chain PoW security and thus traditional 51% attacks are not possible on DERO
network. If DERO network finds another block at the same height, instead of choosing one, DERO
include both blocks. Thus, rendering the 51% attack futile.
</div>
<div class="subtitle">Traditional Blockchains process blocks as single unit of computation(if a
double-spend tx occurs within the block, entire block is rejected). However DERO network accepts
such blocks since DERO blockchain considers transaction as a single unit of computation.DERO
blocks may contain duplicate or double-spend transactions which are filtered by client protocol
and ignored by the network. DERO DAG processes transactions atomically one transaction at a
time.
</div>
<img src="img/statistic.png" alt="statistic">
</div>
</div>
</div>
</div>
<div class="bulletproof">
<div class="container">
<div class="title">DERO ROCKET BULLETPROOFS</div>
<div class="bulletproof-text">
<p>Ten Times Faster Than Regular Bulletproofs.<br>While a typical Bulletproof takes ~15 ms to verify,
Dero’s Rocket Bulletproofs only take ~1.5 ms.</p>
<p>Bulletproofs are a cryptographic technique that reduce the space needed for zero-knowledge range
proofs in anonymous transactions. In anonymous transactions, the exact amounts are hidden, but the
network still has to make sure that the transaction is valid (e.g. no coins are generated out of
thin air).</p>
<p>For this, commitments to values are used in anonymous transactions. The most important one is the
Pedersen commitment, which proves that the outputs of a transaction are not larger than the inputs.
However, there is a method to fool the Pedersen commitment by using very large numbers for the
transaction outputs that lead to overflowing. To avoid this, range proofs are used, which prove that
the outputs lie in a certain range of values.</p>
<p>Range proofs have a size of ~4 kilobytes for 64 bits of precision, with Bulletproofs the proof size
is only 672 bytes, which greatly reduces the blockchain size.</p>
<p>But not only the size, also the speed of the verification of the proof is important as transactions
are processed by the network. For this, the Dero team studied the existing Bulletproof
implementations and managed to increase the performance by a factor of ten.</p>
<p>The Dero engineers achieved this by optimizing the double-base double-scalar multiplications that are
necessary for validating bulletproofs. Dero Atlantis uses pre-compute tables to convert 64*2 Base
Scalar multiplications into doublings and additions.</p>
<img src="img/bulletproof-statistic.png" alt="statistic">
</div>
</div>
</div>
<div class="p2pnetwork">
<div class="container">
<div class="title">TLS-SECURED P2P NETWORK</div>
<p>The Dero Project is building a blockchain network that will be used by thousands of businesses across the
globe. Therefore, the security of the network is of highest importance. Unencrypted communication via
HTTP posses a risk for privacy, security and integrity of the network participants. Dero is the first
blockchain project to use TLS encryption for its network communication, which protects the network
participants from eavesdropping and tampering of network data.</p>
<p>TLS secures data transfers by using asymmetric encryption techniques to generate a shared secret key. The
shared key is then used for the symmetric encryption of messages, which is faster than asymmetric
encryption. The encrypted messages are unreadable for someone who is spying on the network.</p>
<p>The Dero team also keeps future large scale applications in mind, e.g. enterprise servers which handle
thousands of clients per second. They are continuously working on making the network even faster to
accomplish this goal. For the encrypted network, they performed benchmarks and ended up chosing ECDSA
instead of RSA as method for key generation as it allows for a higher number of handshakes per
second.</p>
<img src="img/p2p-statistic.png" alt="statistic">
</div>
</div>
</section>
<section class="journey-section" id="journey-section">
<div class="section-banner">
<h2 class="title-bigger">The Dero Journey</h2>
<div class="title">Our Achievements so Far</div>
<img class="section-banner__banner-image" src="img/journey-header.png" alt="journey">
</div>
<div class="container">
<div class="journey-text">
<p>The project was launched in December 2017 comprising a team of three full-time Developers. The core team
members each have over a decade of experience in crypotgraphy and blockchain development.</p>
<p>The first significant milestone was reached in March 2018 when the developers implemented a world-first:
a complete re-write of the CryptoNote protocol in Golang. This programming language was chosen because
it has a high degree of immunity to security vulnerabilities such as buffer overflows and dangling
pointers.</p>
<p>In April 2018, the Dero network migrated to the Golang code base without a single second of downtime. The
migration of the code base coincided with a number of sophisticated attacks on CryptoNote based coins.
Dero core team studied how the attacks were implemented and designed a new type of blockchain that is
resistant to 51% hashrate attacks and softforks.</p>
<p>The Dero project unveiled this new blockchain technology in June 2018, codenamed “Atlantis”. It combines
the Cryptonote protocol with directed acyclic graph and Bulletproofs. However, these are not just any
Bulletproofs, but what have been coined Rocket Bulletproofs, leading to blocktimes of just a few
seconds. In a controlled environment, the Atlantis network can achieve blocktimes as low as three
seconds processing a thousand transactions per second. A world wide testnet was launched with a
nine-second blocktime which allowed for extensive tests of the new technology.</p>
<p>July 2018 saw the successful and flawless migration of the Dero network to the new Atlantis codebase with
a twelve-second block time and two minute confirmation time. This is by far the fastest CryptoNote based
blockchain ever deployed, with up to 75 transactions per second. A relatively longer twelve second block
time was chosen so that people in locations with sub-optimal network connectivity could still
participate in the network. The Dero team plans to reduce the blocktime further in coming years, as
network infrastructure improves around the world.</p>
<p>With a ground-breaking minimum viable product established by August 2018, just eight months after
conception, the Dero team initiated applications for listings on major exchanges. A bold new marketing
initiative is in the process of being established, with a primary focus on professional and business
users and developers. An advisory team drawn from and representing the wider Dero community has been
formed, and a new Dero Foundation that will support the aims of the Dero Project is in the process of
being formed.</p>
<p>Private Smart Contracts have now launched with DVM on our testnet and these will be live on the Dero
mainnet in Q1 2019.</p>
<p>View our future Roadmap <a href="#roadmap-section" class="btn mx-auto mt-4">Roadmap</a></p>
</div>
</div>
</section>
<section class="specs-section" id="specs-section">
<div class="section-banner">
<h2 class="title-bigger">Dero Specs</h2>
<div class="title">Dero Network Specifications</div>
<img src="img/specs-header.png" alt="specs" class="section-banner__banner-image">
</div>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/12-sec.svg" alt="icon"></div>
<div class="specs-text">12 Second Blocktime</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/conf.png" alt="icon"></div>
<div class="specs-text">2 Minute Confirmation Time</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/icon-decentralize-network.png" alt="icon"></div>
<div class="specs-text">DAG Blockchain</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/blocks.png" alt="icon"></div>
<div class="specs-text">No Orphan Blocks</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/soft-forks.png" alt="icon"></div>
<div class="specs-text">No Soft Forks</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/icon-server.png" alt="icon"></div>
<div class="specs-text">SSL/TLS P2P Network</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/padlock.svg" alt="icon"></div>
<div class="specs-text">CryptoNote: Fully Encrypted Blockchain</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/bulletproofs.png" alt="icon"></div>
<div class="specs-text">Bulletproofs NIZK</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/icon-connect.png" alt="icon"></div>
<div class="specs-text">Ring Signatures</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/icon-crypto-currency.png" alt="icon"></div>
<div class="specs-text">Fully Auditable Supply</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/golang.png" alt="icon"></div>
<div class="specs-text">Written from Scratch in Golang</div>
</div>
</div>
<div class="col-md-3 col-sm-4 col-6">
<div class="specs-item">
<div class="specs-img"><img src="img/block-size.png" alt="icon"></div>
<div class="specs-text">1.25 MB Block Size</div>
</div>
</div>
</div>
</div>
</section>
<section class="mining-section" id="mining-section">
<div class="section-banner">
<h2 class="title-bigger">DERO Mining </h2>
</div>
<div class="container">
<div class="row">
<div class="col-12">
<p>
To mine Dero you will need a wallet address. Please visit <a href="https://derowallet.io" target="_blank">https://derowallet.io</a>
and create a DERO wallet and save your seed in a safe place.
</p>
<p>
You will also need to download mining software, which can connect your mining system to Dero network
and the DERO mining pool.
</p>
<p>
Dero is currently mineable with a x3 Cryptonight Asic -
<a href="https://support.bitmain.com/hc/en-us/articles/360002075033-Antminer-X3" target="_blank">
https://support.bitmain.com/hc/en-us/articles/360002075033-Antminer-X3
</a>
</p>
<p>
Please see below list of mining pools that support DERO mining.
</p>
</div>
</div>
<div class="row mining-links">
<div class="col-sm-4 text-center">
<a href="http://pool.dero.io/" target="_blank">DERO Official Pool 1</a>
</div>
<div class="col-sm-4 text-center">
<a href="http://pool.dero.live/" target="_blank">DERO Official Pool 2</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://dero.miner.rocks/" target="_blank">Miner Rocks</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://dero.herominers.com/" target="_blank">Herominers</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://labs.f2pool.com/labs" target="_blank">F2pool</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://dero.cryptopool.space/#/home" target="_blank">Cryptopool</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://easyhash.pro/" target="_blank">Easyhash</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://dero.fairhash.org/" target="_blank">Fairhash</a>
</div>
<div class="col-sm-4 text-center">
<a href="https://dero.easypool.pro/" target="_blank">Easypool</a>
</div>
</div>
</div>
</section>
<section class="exchanges-section" id="exchanges-section">
<div class="section-banner">
<h2 class="title-bigger">Exchanges</h2>
<div class="title container">DERO is currently available on the below exchanges.<br>We will be bringing more
options for exchanges in the coming months.
</div>
<img src="img/exchange-header.png" alt="exchanges" class="section-banner__banner-image">
</div>
<div class="container">
<div class="row">
<div class="col-12 text-center title">Partner Exchanges</div>
<div class="col-12"><a href="https://wallet.crypto-bridge.org/market/BRIDGE.DERO_BRIDGE.BTC" target="_blank"
class="exchange text-center"><img src="img/CB.png" alt="Cryptobridge"></a>
<hr>
</div>
<div class="col-12 text-center title">Trading Exchanges
<hr>
</div>
<!--<div class="col-6 col-md-4 text-center"><a href="https://www.cryptopia.co.nz/Exchange/?market=DERO_BTC" target="_blank" class="exchange"><img src="img/cryptopia.png" alt="cryptopia"></a></div>-->
<div class="col-6 col-md-4 text-center"><a href="https://tradeogre.com/exchange/BTC-DERO" target="_blank"
class="exchange"><img src="img/tradeogre.png"
alt="tradeogre"></a></div>
<div class="col-6 col-md-4 text-center"><a
href="https://app.stocks.exchange/en/basic-trade/pair/BTC/DERO/1D" target="_blank" class="exchange"><img
src="img/stex.png" alt="stex"></a></div>
<div class="col-6 col-md-4 text-center"><a href="https://crex24.com/exchange/DERO-BTC" target="_blank"
class="exchange"><img src="img/crex24.png" alt="crex"></a></div>
<div class="col-6 col-md-4 text-center"><a href="https://bitalong.com/Trade/index/market/dero_btc"
target="_blank" class="exchange"><img src="img/bitalong.png"
alt="bitalong"></a></div>
<div class="col-6 col-md-4 text-center"><a href="https://www.southxchange.com/Market/Book/DERO/BTC"
target="_blank" class="exchange"><img src="img/south.png"
alt="southxchange"></a>
</div>
<div class="col-6 col-md-4 text-center"><a href="https://www.tokok.com/market?symbol=DERO_BTC"
target="_blank" class="exchange"><img src="img/tokok.png"
alt="bitalong"></a></div>
</div>
</div>
</section>
<section class="roadmap-section" id="roadmap-section">
<div class="section-banner">
<div class="title-bigger">Roadmap</div>
<img src="img/roadmap-header.png" alt="roadmap" class="section-banner__banner-image">
</div>
<div class="container">
<div class="timeline-row timeline-row-odd timeline-row-done">
<div class="row no-gutters text-left text-lg-center justify-content-center">
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">DEC 2017</span>
<h6 class="timeline-title">Launch of Dero Project</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">March 2018</span>
<h6 class="timeline-title">Implementation of the CryptoNote Protocol in Golang completed</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">April 2018</span>
<h6 class="timeline-title">DERO mainnet migrates to the Golang implementation</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">June 2018</span>
<h6 class="timeline-title">DERO Atlantis development completed and testnet launched</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="timeline-row timeline-row-even timeline-row-done" data-animate="fadeInUp" data-delay="0">
<div class="row no-gutters text-left text-lg-center justify-content-center flex-row-reverse">
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">July 2018</span>
<h6 class="timeline-title">Mainnet migrates to Atlantis code base with 12 secs block time and
Rocket Bulletproofs</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">August 2018</span>
<h6 class="timeline-title">Application for listings on various exchanges, Marketing and
expansion starts in parallel</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item timeline-done">
<span class="timeline-date">Q4 2018</span>
<h6 class="timeline-title">DERO Smart Contracts on testnet, Partnerships, Enhancements,
Marketing etc.</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="timeline-row timeline-row-odd timeline-row-last" data-animate="fadeInUp" data-delay="0">
<div class="row no-gutters text-left text-lg-center justify-content-center">
<div class="col-lg">
<div class="timeline-item timeline-current">
<span class="timeline-date">Q1 2019</span>
<h6 class="timeline-title">DERO Smart Contracts on mainnet</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="col-lg">
<div class="timeline-item">
<span class="timeline-date">Future</span>
<h6 class="timeline-title">Keep on innovating</h6>
<ul class="timeline-info">
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
<div class="gaps size-2x d-lg-none"></div>
</div>
</section>
<section class="downloads-section" id="downloads-section">
<div class="section-banner">
<h2 class="title-bigger">Downloads</h2>
<div class="title container">We Have Builds For Windows, Linux, And Mac.</div>
</div>
<div class="container">
<div class="row">
<div class="col"><a href="https://github.com/deroproject/derosuite/releases" target="_blank"
class="download-link"><img src="img/downloads-windows.png" alt="windows"></a></div>
<div class="col"><a href="https://github.com/deroproject/derosuite/releases" target="_blank"
class="download-link"><img src="img/downloads-linux.png" alt="linux"></a></div>
<div class="col"><a href="https://github.com/deroproject/derosuite/releases" target="_blank"
class="download-link"><img src="img/downloads-apple.png" alt="apple"></a></div>
<div class="col"><a href="https://github.com/deroproject/derosuite/releases" target="_blank"
class="download-link"><img src="img/downloads-github.png" alt="github"></a></div>
</div>
</div>
</section>
<section class="connect-section" id="connect-section">
<div class="section-banner">
<h2 class="title-bigger">Connect With Us</h2>
</div>
<div class="container">
<div class="row connect-items">
<div class="col"><a href="https://discord.gg/H95TJDp" target="_blank" class="connect-link"><img
src="img/connect-us-discord.png" alt="discord"></a></div>
<div class="col"><a href="https://t.me/DeroProjectGroup" target="_blank" class="connect-link"><img
src="img/connect-us-telegram.png" alt="telegram"></a></div>
<div class="col"><a href="https://twitter.com/deroproject" target="_blank" class="connect-link"><img
src="img/connect-us-twitter.png" alt="twitter"></a></div>
<div class="col"><a href="https://reddit.com/r/deroproject" target="_blank" class="connect-link"><img
src="img/connect-us-reddit.png" alt="reddit"></a></div>
<div class="col"><a href="https://forum.dero.io/" target="_blank" class="connect-link"><img
src="img/connect-us-dero.png" alt="dero"></a></div>
</div>
</div>
</section>
<div class="contacts-section" id="contacts-section">
<div class="container">
<div class="title">Contact Dero</div>
<p class="text-center">Any question? Reach out to us and we'll get back to you shortly.</p>
<div class="text-center"><a href="mailto:support AATT dero.io" class="email disabled"><i
class="fas fa-envelope"></i>support AATT @dero.io</a></div>
</div>
</div>
<footer class="footer">
<div class="container">
<img src="img/logo.png" class="footer-logo" alt="logo">
<div class="row">
<div class="col-sm-4">
<div class="copyright">Copyright © 2018-2019, DERO Project</div>
</div>
<div class="col-sm-5 offset-sm-3">
<div class="footer-nav"><a href="#home-section" class="footer-nav-link">Home</a> <a
href="#journey-section" class="footer-nav-link">Dero Journey</a> <a href="#specs-section"
class="footer-nav-link">Specs</a>
<a href="#exchanges-section" class="footer-nav-link">Exchanges</a> <a href="#roadmap-section"
class="footer-nav-link">Roadmap</a>
<a href="#contacts-section" class="footer-nav-link">Contact</a></div>
</div>
</div>
</div>
</footer>
<script src="js/app.min.js"></script>
</body>
</html>

+ 80
- 0
app/js/script.js View File

@@ -0,0 +1,80 @@
$(function () {
$('body,html').scrollTop(0);
$('.dropdown-menu').hide();

var $preloader = $('#page-preloader'),
$preloaderInner = $preloader.find('.preloader');
$preloaderInner.addClass('bounceOut');
$preloader.delay(500).fadeOut(500);

//scrolling to anchor if it exists
if (window.location.hash) {
var winHash = window.location.hash;
setTimeout(function () {
var top = $(winHash).offset().top;
$('body,html').animate({scrollTop: top - 98}, 1000);
}, 1000);
}

var $win = $(window),
$header = $('header');

$('a.nav-link[href*="#"], a.footer-nav-link[href*="#"], a.btn[href*="#"]').on('click', function () {
// $(document).on('click', 'a.nav-link[href*="#"], a.footer-nav-link[href*="#"]', function () {
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top - 98
}, 500);
});

if ($(window).scrollTop() > 200) $header.addClass('scrolling');
$win.on('scroll', function () {
if ($(this).scrollTop() > 200)
$header.addClass('scrolling');
else $header.removeClass('scrolling');
});

// var $dropdown_menu = $('.dropdown-toggle');
var $dropdown_menu = $('.dropdown');
if ($dropdown_menu.length > 0) {
$dropdown_menu.on("mouseover", function () {
if ($win.width() > 991) {
$('.dropdown-menu').stop().fadeIn("400");
$(this).addClass('open');
}
});
$dropdown_menu.on("mouseleave", function () {
if ($win.width() > 991) {
$('.dropdown-menu').stop().fadeOut("400");
$(this).removeClass('open');
}
});
$dropdown_menu.on("click", function () {
if ($win.width() <= 991) {
$('.dropdown-menu').slideToggle("400");
$(this).toggleClass('open');
}
});
}

// Nav collapse
$('.nav-link').on("click", function () {
$('.navbar-collapse').collapse('hide');
});

removeBorderRight();
window.addEventListener('resize', function () {
removeBorderRight();
}, true);

function removeBorderRight() {
var $footerNav = $(".footer-nav > a");
$footerNav.removeClass('noborder');
var lastElement = false;
$footerNav.each(function () {
if (lastElement && lastElement.offset().top != $(this).offset().top) {
lastElement.addClass("noborder");
}
lastElement = $(this);
}).last().addClass("noborder");
}
});

+ 4
- 0
app/style/_fonts.scss View File

@@ -0,0 +1,4 @@
@font-face {
font-family: 'Montserrat-Regular';
src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
}

+ 10
- 0
app/style/_vars.scss View File

@@ -0,0 +1,10 @@
$black: #000000;
$grey: #333333;
$grey2: #888888;
$grey3: #f6f6f6;
$grey4: #777777;
$grey5: #eeeeee;
$white: #FFFFFF;
$yellow: #fce201;
$title-color: #39414b;
$blue: #727c89;

+ 79
- 0
app/style/roadmap.scss View File

@@ -0,0 +1,79 @@
.roadmap-section{
padding-bottom: 32px;
ul, ol {
padding: 0px;
margin: 0px;
}

ul li, ol li {
list-style: none;
}

.timeline-item:before, .timeline-item:after { background: $black; }
.timeline-date:after { background: $blue; }
.timeline-date:before { background: rgba(43, 86, 245, 0.23); }
.timeline-title:before { border-right-color: $black; }
.timeline-info li { color: #707d98; }
.timeline-info li:after { background: #79859f; }
.timeline-done .timeline-title { color: #ffffff; }
.timeline-current .timeline-title { color: #ffffff; }
.timeline-row { position: relative; }
.timeline-row:before { border-bottom-color: rgba(186, 188, 195, 0.3); }
.timeline-row:after { border-color: rgba(186, 188, 195, 0.3); }
.timeline-row-done:after { border-color: $black; }

@media only screen and (max-width: 991px) { .timeline-title:before { border-top-color: rgba(186, 188, 195, 0.3); }
.timeline-row:before { border-left-color: rgba(186, 188, 195, 0.3); } }
.tab-custom-s3 .nav-tabs .nav-link { background: rgba(34, 59, 85, 0.07); color: #4c5a77; }
.tab-custom-s3 .nav-tabs .nav-link.active { color: $black; background: rgba(22, 161, 255, 0.1); }

.timeline-item { position: relative; padding: 0 15px 54px; }
.timeline-item:before, .timeline-item:after { position: absolute; top: 41px; width: 50%; height: 3px; content: ''; background: $blue; opacity: 0; }
.timeline-item:before { left: 0; }
.timeline-item:after { right: 0; }
.timeline-date { text-transform: uppercase; font-size: .81em; font-weight: 700; letter-spacing: .1em; display: block; padding-bottom: 26px; position: relative; z-index: 2; }
.timeline-date:after, .timeline-date:before { position: absolute; bottom: -3px; left: 50%; border-radius: 50%; content: ''; }
.timeline-date:after { margin-left: -5px; height: 11px; width: 11px; background: $blue; }
.timeline-date:before { margin-left: -13px; margin-bottom: -8px; height: 27px; width: 27px; background: rgba(43, 86, 245, 0.23); opacity: 0; }
.timeline-title { color: $blue; margin-bottom: 4px; padding-top: 48px; position: relative; }
.timeline-title:before { position: absolute; top: 0; left: 50%; height: 40px; width: 0; content: ''; border-right: 1px dashed $blue; }
.timeline-info li { position: relative; padding: 8px 0; color: #707d98; line-height: 26px; }
.timeline-info li:after { position: absolute; left: 50%; bottom: 0; height: 1px; width: 20px; margin-bottom: -0.5px; margin-left: -10px; content: ''; background: #79859f; }
.timeline-info li:last-child:after { display: none; }
.timeline-done:before, .timeline-done:after { opacity: 1; }
.timeline-done .timeline-title { color: #223b55; }
.timeline-done .timeline-date:before { opacity: 1; }
.timeline-current:before, .timeline-current:after { opacity: 1; }
.timeline-current:after { opacity: 0; }
.timeline-current .timeline-title { color: #223b55; }
.timeline-current .timeline-date:before { opacity: 1; }
.timeline-row { position: relative; }
.timeline-row:before { position: absolute; top: 42px; left: 0; width: 100%; height: 0; content: ''; border-bottom: 1px dashed $black; }
.timeline-row:after { position: absolute; top: 42px; width: 15px; height: calc(100% + 1px); content: ''; border: 1px dashed $black; }
.timeline-row-done:after { position: absolute; top: 41px; width: 15px; height: calc(100% + 3px); content: ''; border: 3px solid $blue; }
.timeline-row-done.timeline-row-odd:after { right: -15px; }
.timeline-row-done.timeline-row-even:after { left: -15px; }
.timeline-row-odd:after { right: -17px; border-left: 0; border-radius: 0 20px 20px 0; }
.timeline-row-even:after { left: -17px; border-right: 0; border-radius: 20px 0 0 20px; }
.timeline-row-even .timeline-item { padding-left: 40px; padding-right: 40px; }
.timeline-row-even .timeline-item:before { right: 0; left: auto; }
.timeline-row-even .timeline-item:after { left: 0; right: auto; }
.timeline-row-last:after { display: none; }

@media only screen and (max-width: 991px) { .timeline-item { padding: 30px 25px 24px; }
.timeline-item:before, .timeline-item:after { width: 3px; }
.timeline-item:before { top: 0; left: -1px; height: 72px; }
.timeline-item:after { top: 72px; right: auto; left: -1px; height: calc(100% - 72px); }
.timeline-date:after, .timeline-date:before { left: 0; }
.timeline-date:after { margin-left: -30px; margin-bottom: -5px; }
.timeline-date:before { margin-left: -38px; margin-bottom: -13px; }
.timeline-title { padding-top: 30px; }
.timeline-title:before { top: 0; left: -25px; height: 0; width: 40px; margin-top: -1.5px; border-right: none; border-top: 1px dashed rgba(186, 188, 195, 0.3); }
.timeline-info li:after { left: 0; margin-left: 0; }
.timeline-row { margin-left: 12px; }
.timeline-row:before { top: 0; width: 0; height: 100%; border-left: 1px dashed $black; border-bottom: none; }
.timeline-row:after { display: none; }
.timeline-row-even .timeline-item { padding-left: 25px; padding-right: 25px; }
.timeline-row-even .timeline-item:before { right: auto; left: -1px; }
.timeline-row-even .timeline-item:after { left: -1px; right: auto; } }
}

+ 893
- 0
app/style/style.scss View File

@@ -0,0 +1,893 @@
@import "vars";
@import "fonts";
@import "roadmap";

/***************************************/
/* Common styles */
/***************************************/

.cbalink {
display: none;
}

body {
font-family: Montserrat-Regular, sans-serif;
}

.disabled {
pointer-events: none;
}

.email {
color: inherit;
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
&:hover {
text-decoration: none;
}
.fa-envelope {
width: 18px;
height: 15px;
margin-right: 10px;
}
}

.title {
font-size: 28px;
text-align: center;
color: $title-color;
margin-bottom: 20px;
text-transform: uppercase;
@media (min-width: 992px) {
font-size: 32px;
}
}

.title-bigger {
color: $title-color;
font-size: 32px;
margin-bottom: 0;
text-align: center;
text-align: center;
text-transform: uppercase;
font-family: Montserrat-Regular, sans-serif;
@media (min-width: 992px) {
font-size: 45px;
}
}

.section-banner {
padding: 39px 0;
text-align: center;
background-color: $grey3;
margin-bottom: 42px;
.section-banner__banner-image {
max-width: 60%;
max-height: 200px;
//margin-top: 16px;
@media (min-width: 576px) {
max-width: none;
}
}
}

.subtitle {
color: $blue;
font-size: 16px;
text-align: center;
}

.btn {
width: 105px;
overflow: hidden;
color: $black;
display: block;
font-size: 11px;
cursor: pointer;
font-weight: 700;
padding-left: 3px;
margin-left: 10px;
margin-right: 10px;
padding-right: 3px;
border-radius: 5px;
border: 1px solid $black;
text-transform: uppercase;
background-color: transparent;
&:hover {
color: $black;
}
@media (min-width: 340px) {
margin-left: 14px;
margin-right: 14px;
}
}

.empty-space {
padding-top: 32px;
@media (min-width: 992px) {
padding-top: 50px;
}
@media (min-width: 1200px) {
padding-top: 91px;
}
}

/***************************************/
/* Preloader */
/***************************************/

#page-preloader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
z-index: 100500;
.preloader {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
max-width: 100px;
}
}
}

/***************************************/
/* Header */
/***************************************/

.header {
top: 0;
right: 0;
left: 0;
z-index: 999;
position: fixed;
font-family: Montserrat-Regular, sans-serif;
.social-block {
height: 50px;
background-color: $grey;
> .container {
display: flex;
justify-content: space-between;
align-items: center;
}
a {
&:hover {
background-color: #484848;
}
}
.email {
color: $grey2;
line-height: 50px;
svg {
height: 15px;
margin-right: 10px
}
@media (max-width: 767px) {
span {
display: none;
}
}
@media(max-width: 575px) {
padding: 0;
.fa-envelope {
margin-right: 5px;
}
}
}
.social-links {
height: 100%;
display: flex;
.social-link {
color: $grey2;
line-height: 50px;
padding-left: 17px;
padding-right: 17px;
&.telegram {
color: $grey;
svg {
width: 15px;
border-radius: 2px;
background-color: $grey2;
}
}
&.dero {
line-height: 47px;
img {
width: 16px;
height: 16px;
}
}
@media(max-width: 575px) {
padding-left: 8px;
padding-right: 8px;
}
}
}
}
@media(min-width: 992px) {
&.scrolling {
.navbar {
height: 50px;
}
}
}
.navbar {
height: 93px;
padding-top: 0;
padding-bottom: 0;
transition: height 500ms linear;
background-color: $white;
> .container {
height: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
@media (max-width: 991px) {
height: auto;
padding-left: 15px;
padding-right: 15px;
}
}
.logo {
color: #444f5f;
display: flex;
font-size: 32px;
align-items: center;
text-transform: uppercase;
justify-content: flex-start;
img {
width: 40px;
height: 40px;
margin-right: 20px;
}
}
.nav-links {
height: 100%;
display: flex;
.menu-link {
display: flex;
padding: .5rem 1rem;
justify-content: center;
align-items: center;
line-height: 1;
color: $grey;
font-size: 14px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
position: relative;
//border-bottom: 3px solid transparent;
&.active,
&:hover {
text-decoration: none;
background-color: unset;
//border-bottom-color: $yellow;
@media (min-width: 768px) {
background-color: $grey3;
}
&:not(.dropdown-toggle):after {
width: 100%;
background-color: $yellow;
}
}
&:not(.dropdown-toggle):after {
content: '';
display: block;
margin: auto;
height: 3px;
width: 0px;
background: transparent;
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: width .5s ease, background-color .5s ease;
}
&.dropdown-toggle {
height: 100%;
position: relative;
&:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
}
@media (max-width: 767px) {
&:hover {
background-color: $white;
}
}
}
.nav-item {
position: relative;
}
.dropdown-menu {
top: 98%;
padding: 0;
display: block;
left: -103px;
@media (min-width: 991px) {
&:before {
position: absolute;
top: -7px;
right: 12px;
content: "";
height: 0;
width: 0;
border-bottom: 7px solid rgb(153, 153, 153);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
}
@media (max-width: 767px) {
display: flex;
position: static;
border: 0px;
border-radius: 0px;
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media (max-width: 991px) {
height: auto;
justify-content: flex-end;
}
@media (max-width: 767px) {
align-items: center;
flex-direction: column;
justify-content: center;
}
}
.navbar-collapse {
justify-content: flex-end;
@media (max-height: 400px) {
height: 200px;
overflow: scroll;
}
}
@media (max-width: 991px) {
height: auto;
}
}
.navbar-toggler {
width: 60px;
height: 45px;
position: relative;
margin: 50px auto;
transform: rotate(0deg) scale(0.5);
transition: .5s ease-in-out;
cursor: pointer;
@media (max-width: 991px) {
margin: 0;
}
span {
display: block;
position: absolute;
height: 9px;
width: 50%;
background: $grey;
opacity: 1;
transform: rotate(0deg);
transition: .25s ease-in-out;
&:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
&:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
&:nth-child(1), &:nth-child(2) {
top: 0px;
}
&:nth-child(3), &:nth-child(4) {
top: 18px;
}
&:nth-child(5), &:nth-child(6) {
top: 36px;
}
}
&:not(.collapsed) { //.open
span {
&:nth-child(1), &:nth-child(6) {
transform: rotate(45deg);
}
&:nth-child(2), &:nth-child(5) {
transform: rotate(-45deg);
}
&:nth-child(1) {
left: 5px;
top: 7px;
}
&:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}
&:nth-child(3) {
left: -50%;
opacity: 0;
}
&:nth-child(4) {
left: 100%;
opacity: 0;
}
&:nth-child(5) {
left: 5px;
top: 29px;
}
&:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
}
}
}
}
}

/***************************************/
/* Banner */
/***************************************/

.banner-section {
font-size: 16px;
padding: 110px 0 20px;
background-color: $grey3;
.title {
@media (min-width: 992px) {
margin-bottom: 50px;
}
}
iframe {
border: 0;
}
.buttons {
display: flex;
margin-top: 39px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
iframe {
max-width: 100%;
margin: 0 auto 32px;
@media (min-width: 992px) {
height: 208px;
margin-right: 0;
margin-bottom: 0;
}
@media (min-width: 1200px) {
width: 432px;
height: 243px;
}
}
@media (min-width: 992px) {
padding-top: 181px;
}
.btn {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
@media (min-width: 330px) {
margin-left: 10px;
margin-right: 10px;
}
}
}

/***************************************/
/* Services */
/***************************************/

.services-section {
padding-bottom: 5px;
.service-item {
height: 100%;
min-height: 275px;
padding: 28px 16px 18px;
&.desktop {
img {
height: 23px;
width: 26px;
}
}
&.golang {
background-color: $blue;
box-shadow: 0 1px 14px rgba(145, 145, 145, 0.8),
-23px 0 20px -23px rgba(145, 145, 145, .8),
23px 0 20px -23px rgba(145, 145, 145, .8),
0 0 40px rgba(0, 0, 0, .1) inset;
.service-img {
background-color: $white;
}
img {
height: 49px;
width: 37px;
}
.service-title {
color: $white;
}
.service-text {
color: $white;
}
}
@media (min-width: 576px) {
min-height: 230px;
}
@media (min-width: 768px) {
min-height: 257px;
}
}
.service-img {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: 50%;
margin: 0 auto 19px;
background-color: $blue;
}
.service-title {
font-size: 15px;
text-align: center;
color: $title-color;
text-transform: uppercase;
}
.service-text {
color: $grey4;
font-size: 13px;
text-align: center;
}
@media (min-width: 768px) {
padding-top: 65px;
}
}

/***************************************/
/* Why we */
/***************************************/

.why-we-section {
color: $title-color;
font-size: 18px;
img {
max-width: 100%;
}
.subtitle {
margin-bottom: 24px;
@media (min-width: 992px) {
margin-bottom: 56px;
}
}
.why-whe-paragraph {
display: flex;
margin-bottom: 12px;
align-items: center;
@media(min-width: 575px) {
white-space: nowrap;
}
justify-content: flex-start;
}
.checkmark {
margin-right: 17px;
border-radius: 50%;
width: 30px;
height: 30px;
min-width: 30px;
border: 2px solid $title-color;
background: url(../img/check.svg) center center no-repeat;
}
}

/***************************************/
/* Get started */
/***************************************/

.get-started-section {
padding: 44px 0 70px;
background-color: $grey5;
.subtitle {
margin-bottom: 32px;
}
}

/***************************************/
/* About */
/***************************************/

.about-section {
font-size: 14px;
color: $title-color;
padding-bottom: 14px;
.about-text {
text-align: center;
}
img {
max-width: 100%;
}
}

/***************************************/
/* Our service */
/***************************************/

.our-services-section {
padding-bottom: 50px;
.subtitle {
margin-bottom: 18px;
}
img {
max-width: 100%;
}
}

/***************************************/
/* Bulletproof */
/***************************************/

.bulletproof {
padding-bottom: 28px;
.bulletproof-text {
text-align: center;
}
img {
max-height: 250px;
}
}

/***************************************/
/* P2P Network */
/***************************************/

.p2pnetwork {
padding-bottom: 32px;
text-align: center;
img {
max-height: 400px;
max-width: 100%;
}
}

/***************************************/
/* Journey */
/***************************************/

.journey-section {
.title {
text-transform: none;
}
.journey-text {
overflow: scroll;
max-height: 360px;
margin-bottom: 32px;
font-size: 16px;
text-align: center;
@media (min-width: 768px) {
overflow: auto;
max-height: none;
}
}
}

/***************************************/
/* Specs */
/***************************************/

.specs-section {
padding-bottom: 24px;
.title {
text-transform: none;
}
.specs-item {
margin-bottom: 24px;
.specs-img {
text-align: center;
height: 100px;
margin-bottom: 22px;
img {
max-width: 100%;
max-height: 100%;
}
}
.specs-text {
text-align: center;
}
}
}

/***************************************/
/* Mining */
/***************************************/

.mining-section {
padding-bottom: 24px;
.mining-links {
@media (max-width: 767px) {
a {
font-size: 14px;
}
}
}
}

/***************************************/
/* Exchanges */
/***************************************/

.exchanges-section {
padding-bottom: 28px;
.title {
text-transform: none;
}
.exchange {
//display: flex;
//height: 100%;
//align-items: center;
//justify-content: center;
max-width: 200px;
display: block;
margin: 0 auto 10px;
img {
//width: 155px;
height: 43px;
max-width: 100%;
max-height: 100%;
margin-bottom: 10px;
}
}
hr {
border-top-color: rgba(0, 0, 0, 0.3);
}
}

/***************************************/
/* Roadmap */
/***************************************/

//Roadmap styles are in roadmap.scss

/***************************************/
/* Downloads */
/***************************************/

.downloads-section {
text-align: center;
padding-bottom: 36px;
.download-link {
text-align: center;
img {
width: 60px;
height: 60px;
margin-bottom: 12px;
@media (min-width: 576px) {
margin-bottom: 0;
}
}
}
}

/***************************************/
/* Connect With Us */
/***************************************/

.connect-section {
text-align: center;
padding-bottom: 36px;
.connect-link {
img {
width: 60px;
height: 60px;
margin-bottom: 12px;
@media (min-width: 576px) {
margin-bottom: 0;
}
}
}
.connect-items {
@media (max-width: 575px) {
padding-left: 15px;
padding-right: 15px;
justify-content: center;
.col {
width: auto;
flex-grow: unset;
}
}
}
}

/***************************************/
/* Contacts */
/***************************************/

.contacts-section {
color: $white;
font-size: 13px;
padding: 80px 0 180px;
background-color: $grey;
.title {
color: inherit;
line-height: 1;
}
.email {
padding: 0;
color: $white;
text-transform: uppercase;
}
}

/***************************************/
/* Footer */
/***************************************/

.footer {
font-size: 13px;
position: relative;
color: $title-color;
padding: 18px;
.copyright {
height: 100%;
display: flex;
align-items: center;
@media (max-width: 575px) {
justify-content: center;
}
}
.footer-logo {
width: 47px;
height: 49px;
top: 3px;
left: 50%;
margin-bottom: 16px;
transform: translateX(-50%);
position: relative;
@media (min-width: 576px) {
top: 50%;
margin-bottom: 0;
position: absolute;
transform: translate(-50%, -50%);
}
}
.footer-nav {
text-align: center;
@media (min-width: 576px) {
text-align: right;
}
@media (min-width: 1200px) {
text-align: left;
}
}
.footer-nav-link {
padding: 0 4px;
display: inline;
font-size: 11px;
color: $title-color;
text-transform: uppercase;
&:not(:last-of-type) {
border-right: 1px solid $title-color;
}
&:hover {
text-decoration: none;
}
&.noborder {
border-right: none;
}
}
}

+ 3623
- 0
app/vendors/animate.css
File diff suppressed because it is too large
View File


+ 7
- 0
app/vendors/bootstrap.min.css
File diff suppressed because it is too large
View File


+ 7
- 0
app/vendors/bootstrap.min.js
File diff suppressed because it is too large
View File


+ 3735
- 0
app/vendors/fontawesome/js/all.js
File diff suppressed because it is too large
View File


+ 5
- 0
app/vendors/fontawesome/js/all.min.js
File diff suppressed because it is too large
View File


+ 513
- 0
app/vendors/fontawesome/js/brands.js
File diff suppressed because it is too large
View File


+ 5
- 0
app/vendors/fontawesome/js/brands.min.js
File diff suppressed because it is too large
View File


+ 1981
- 0
app/vendors/fontawesome/js/fontawesome.js
File diff suppressed because it is too large
View File


+ 5
- 0
app/vendors/fontawesome/js/fontawesome.min.js
File diff suppressed because it is too large
View File


+ 277
- 0
app/vendors/fontawesome/js/regular.js View File

@@ -0,0 +1,277 @@
/*!
* Font Awesome Free 5.4.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
(function () {
'use strict';

var _WINDOW = {};
try {
if (typeof window !== 'undefined') _WINDOW = window;
} catch (e) {}

var _ref = _WINDOW.navigator || {};
var _ref$userAgent = _ref.userAgent;
var userAgent = _ref$userAgent === undefined ? '' : _ref$userAgent;

var WINDOW = _WINDOW;





var IS_IE = ~userAgent.indexOf('MSIE') || ~userAgent.indexOf('Trident/');

var NAMESPACE_IDENTIFIER = '___FONT_AWESOME___';









var PRODUCTION = function () {
try {
return "production" === 'production';
} catch (e) {
return false;
}
}();

var oneToTen = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var oneToTwenty = oneToTen.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]);



var RESERVED_CLASSES = ['xs', 'sm', 'lg', 'fw', 'ul', 'li', 'border', 'pull-left', 'pull-right', 'spin', 'pulse', 'rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical', 'stack', 'stack-1x', 'stack-2x', 'inverse', 'layers', 'layers-text', 'layers-counter'].concat(oneToTen.map(function (n) {
return n + 'x';
})).concat(oneToTwenty.map(function (n) {
return 'w-' + n;
}));

function bunker(fn) {
try {
fn();
} catch (e) {
if (!PRODUCTION) {
throw e;
}
}
}

var w = WINDOW || {};

if (!w[NAMESPACE_IDENTIFIER]) w[NAMESPACE_IDENTIFIER] = {};
if (!w[NAMESPACE_IDENTIFIER].styles) w[NAMESPACE_IDENTIFIER].styles = {};
if (!w[NAMESPACE_IDENTIFIER].hooks) w[NAMESPACE_IDENTIFIER].hooks = {};
if (!w[NAMESPACE_IDENTIFIER].shims) w[NAMESPACE_IDENTIFIER].shims = [];

var namespace = w[NAMESPACE_IDENTIFIER];

var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];

for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}

return target;
};

function define(prefix, icons) {
var normalized = Object.keys(icons).reduce(function (acc, iconName) {
var icon = icons[iconName];
var expanded = !!icon.icon;

if (expanded) {
acc[icon.iconName] = icon.icon;
} else {
acc[iconName] = icon;
}
return acc;
}, {});

if (typeof namespace.hooks.addPack === 'function') {
namespace.hooks.addPack(prefix, normalized);
} else {
namespace.styles[prefix] = _extends({}, namespace.styles[prefix] || {}, normalized);
}

/**
* Font Awesome 4 used the prefix of `fa` for all icons. With the introduction
* of new styles we needed to differentiate between them. Prefix `fa` is now an alias
* for `fas` so we'll easy the upgrade process for our users by automatically defining
* this as well.
*/
if (prefix === 'fas') {
define('fa', icons);