Advertisement
Guest User

Untitled

a guest
May 21st, 2019
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.47 KB | None | 0 0
  1. <head>
  2. <title>Acclivity | Reinforcing the development of the gaming community.</title>
  3. <meta charset="utf-8">
  4. <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
  5. <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  6. <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  7. <link rel="manifest" href="site.webmanifest">
  8. <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
  9. <meta name="msapplication-TileColor" content="#da532c">
  10. <meta name="theme-color" content="#ffffff">
  11. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  12. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  13.  
  14. <style>
  15. body {
  16. margin: 0
  17. }
  18. #particles-js {
  19. position: absolute;
  20. width: 100%;
  21. height: 100%;
  22. background-color: #FFF;
  23. background-image: url("");
  24. background-repeat: no-repeat;
  25. background-size: cover;
  26. background-position: 50% 50%;
  27. }
  28. </style>
  29.  
  30. <script>
  31. particlesJS("particles-js", {
  32. "particles": {
  33. "number": {
  34. "value": 80,
  35. "density": {
  36. "enable": true,
  37. "value_area": 800
  38. }
  39. },
  40. "color": {
  41. "value": ["#BD10E0","#B8E986","#50E3C2","#FFD300","#E86363"]
  42. },
  43. "shape": {
  44. "type": "circle",
  45. "stroke": {
  46. "width": 0,
  47. "color": "#b6b2b2"
  48. }
  49. },
  50. "opacity": {
  51. "value": 0.5211089197812949,
  52. "random": false,
  53. "anim": {
  54. "enable": true,
  55. "speed": 1,
  56. "opacity_min": 0.1,
  57. "sync": false
  58. }
  59. },
  60. "size": {
  61. "value": 8.017060304327615,
  62. "random": true,
  63. "anim": {
  64. "enable": true,
  65. "speed": 12.181158184520175,
  66. "size_min": 0.1,
  67. "sync": true
  68. }
  69. },
  70. "line_linked": {
  71. "enable": true,
  72. "distance": 150,
  73. "color": "#c8c8c8",
  74. "opacity": 0.4,
  75. "width": 1
  76. },
  77. "move": {
  78. "enable": true,
  79. "speed": 1,
  80. "direction": "none",
  81. "random": false,
  82. "straight": false,
  83. "out_mode": "bounce",
  84. "bounce": false,
  85. "attract": {
  86. "enable": false,
  87. "rotateX": 600,
  88. "rotateY": 1200
  89. }
  90. }
  91. },
  92. "interactivity": {
  93. "detect_on": "canvas",
  94. "events": {
  95. "onhover": {
  96. "enable": false,
  97. "mode": "repulse"
  98. },
  99. "onclick": {
  100. "enable": false,
  101. "mode": "push"
  102. },
  103. "resize": true
  104. },
  105. "modes": {
  106. "grab": {
  107. "distance": 400,
  108. "line_linked": {
  109. "opacity": 1
  110. }
  111. },
  112. "bubble": {
  113. "distance": 400,
  114. "size": 40,
  115. "duration": 2,
  116. "opacity": 8,
  117. "speed": 3
  118. },
  119. "repulse": {
  120. "distance": 200,
  121. "duration": 0.4
  122. },
  123. "push": {
  124. "particles_nb": 4
  125. },
  126. "remove": {
  127. "particles_nb": 2
  128. }
  129. }
  130. },
  131. "retina_detect": true
  132. });
  133. </script>
  134.  
  135. </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement