|
|
@@ -0,0 +1,140 @@
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <title>科技平台</title>
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta content="width=device-width, initial-scale=1" name="viewport" />
|
|
|
+ <meta content="" name="description" />
|
|
|
+ <meta content="" name="author" />
|
|
|
+ <link rel="stylesheet" href="css/style.css">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body style="margin: 0 !important;">
|
|
|
+ <div class="home">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div id="particles-js" style="position: fixed; height: 100%; width: 100%;top:0px">
|
|
|
+ <canvas class="particles-js-canvas-el"></canvas>
|
|
|
+ </div>
|
|
|
+ <script src="./js/particles.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+ <script>
|
|
|
+
|
|
|
+ /* ---- particles.js config ---- */
|
|
|
+
|
|
|
+ particlesJS("particles-js", {
|
|
|
+ "particles": {
|
|
|
+ "number": {
|
|
|
+ "value": 80,
|
|
|
+ "density": {
|
|
|
+ "enable": true,
|
|
|
+ "value_area": 1200
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "color": {
|
|
|
+ "value": "#ffffff"
|
|
|
+ },
|
|
|
+ "shape": {
|
|
|
+ "type": "circle",
|
|
|
+ "stroke": {
|
|
|
+ "width": 0,
|
|
|
+ "color": "#000000"
|
|
|
+ },
|
|
|
+ "polygon": {
|
|
|
+ "nb_sides": 5
|
|
|
+ },
|
|
|
+ "image": {
|
|
|
+ "src": "img/github.svg",
|
|
|
+ "width": 100,
|
|
|
+ "height": 100
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "opacity": {
|
|
|
+ "value": 0.5,
|
|
|
+ "random": false,
|
|
|
+ "anim": {
|
|
|
+ "enable": false,
|
|
|
+ "speed": 1,
|
|
|
+ "opacity_min": 0.1,
|
|
|
+ "sync": false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "size": {
|
|
|
+ "value": 3,
|
|
|
+ "random": true,
|
|
|
+ "anim": {
|
|
|
+ "enable": false,
|
|
|
+ "speed": 40,
|
|
|
+ "size_min": 0.1,
|
|
|
+ "sync": false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "line_linked": {
|
|
|
+ "enable": true,
|
|
|
+ "distance": 150,
|
|
|
+ "color": "#ffffff",
|
|
|
+ "opacity": 0.4,
|
|
|
+ "width": 1
|
|
|
+ },
|
|
|
+ "move": {
|
|
|
+ "enable": true,
|
|
|
+ "speed": 3,
|
|
|
+ "direction": "none",
|
|
|
+ "random": false,
|
|
|
+ "straight": false,
|
|
|
+ "out_mode": "out",
|
|
|
+ "bounce": false,
|
|
|
+ "attract": {
|
|
|
+ "enable": false,
|
|
|
+ "rotateX": 600,
|
|
|
+ "rotateY": 1200
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "interactivity": {
|
|
|
+ "detect_on": "canvas",
|
|
|
+ "events": {
|
|
|
+ "onhover": {
|
|
|
+ "enable": false,
|
|
|
+ "mode": "grab"
|
|
|
+ },
|
|
|
+ "onclick": {
|
|
|
+ "enable": false,
|
|
|
+ "mode": "push"
|
|
|
+ },
|
|
|
+ "resize": true
|
|
|
+ },
|
|
|
+ "modes": {
|
|
|
+ "grab": {
|
|
|
+ "distance": 140,
|
|
|
+ "line_linked": {
|
|
|
+ "opacity": 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "bubble": {
|
|
|
+ "distance": 400,
|
|
|
+ "size": 40,
|
|
|
+ "duration": 2,
|
|
|
+ "opacity": 8,
|
|
|
+ "speed": 3
|
|
|
+ },
|
|
|
+ "repulse": {
|
|
|
+ "distance": 200,
|
|
|
+ "duration": 0.4
|
|
|
+ },
|
|
|
+ "push": {
|
|
|
+ "particles_nb": 4
|
|
|
+ },
|
|
|
+ "remove": {
|
|
|
+ "particles_nb": 2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "retina_detect": true
|
|
|
+ });
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
