Difference between revisions of "Team:NKU China/test"

 
(87 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{NKU_China/menubar}}
 
<html>
 
<html>
−
<link rel="stylesheet" type="text/css"  
+
<head>
−
href="https://2016.igem.org/Template:NKU_China/test.css?action=raw&ctype=text/css" />
+
 
−
<div class=a><p>试一试</p></div>
+
    <!--separatrix-->
 +
    <style>
 +
        .main#attributions {
 +
            padding: 0 10vw;
 +
            padding-bottom: 10vh;
 +
            font-size: 1.15rem;
 +
        }
 +
 
 +
        .main div.h2 {
 +
            color: cyan;
 +
            text-align: left;
 +
            font-size: 2rem;
 +
            padding-bottom: 1rem;
 +
        }
 +
 
 +
        article {
 +
            margin-bottom: 2.5rem;
 +
        }
 +
 
 +
        #nutshell {
 +
            padding: 1rem 0;
 +
        }
 +
 
 +
        #nutshell .article {
 +
            margin: 1rem 0.4rem;
 +
            line-height: 1.6rem;
 +
        }
 +
 
 +
        #nutshell .article div:first-child {
 +
            font-weight: bold;
 +
            color: cyan;
 +
            text-indent: 0;
 +
        }
 +
 
 +
        #details .p {
 +
            line-height: 1.2;
 +
        }
 +
    </style>
 +
    <script>
 +
        $(function () {
 +
            //particles();
 +
        })
 +
    </script>
 +
</head>
 +
<body id="dongzhuoer">
 +
    <div id="particles-js"></div>
 +
    <script>
 +
        particlesJS('particles-js',
 +
  {
 +
      "particles": {
 +
          "number": {
 +
              "value": 100,
 +
              "density": {
 +
                  "enable": true,
 +
                  "value_area": 800
 +
              }
 +
          },
 +
          "color": {
 +
              "value": "#0ff"
 +
          },
 +
          "shape": {
 +
              "type": "circle",
 +
              "stroke": {
 +
                  "width": 0,
 +
                  "color": "#000000"
 +
              },
 +
              "polygon": {
 +
                  "nb_sides": 5
 +
              },
 +
              "image": {
 +
                  "src": "img/github.svg",
 +
                  "width": 100,
 +
                  "height": 100
 +
              }
 +
          },
 +
          "opacity": {
 +
              "value": 0.4,
 +
              "random": false,
 +
              "anim": {
 +
                  "enable": false,
 +
                  "speed": 1,
 +
                  "opacity_min": 0,
 +
                  "sync": false
 +
              }
 +
          },
 +
          "size": {
 +
              "value": 5,
 +
              "random": true,
 +
              "anim": {
 +
                  "enable": false,
 +
                  "speed": 40,
 +
                  "size_min": 0,
 +
                  "sync": false
 +
              }
 +
          },
 +
          "line_linked": {
 +
              "enable": true,
 +
              "distance": 150,
 +
              "color": "#ff0",
 +
              "opacity": 0.4,
 +
              "width": 1
 +
          },
 +
          "move": {
 +
              "enable": true,
 +
              "speed": 6,
 +
              "direction": "none",
 +
              "random": false,
 +
              "straight": false,
 +
              "out_mode": "out",
 +
              "attract": {
 +
                  "enable": true,
 +
                  "rotateX": 600,
 +
                  "rotateY": 1200
 +
              }
 +
          }
 +
      },
 +
      "interactivity": {
 +
          "detect_on": "canvas",
 +
          "events": {
 +
              "onhover": {
 +
                  "enable": true,
 +
                  "mode": ["grab", "bubble"]
 +
              },
 +
              "onclick": {
 +
                  "enable": true,
 +
                  "mode": ["push", "repulse"]
 +
              },
 +
              "resize": true
 +
          },
 +
          "modes": {
 +
              "grab": {
 +
                  "distance": 100,
 +
                  "line_linked": {
 +
                      "opacity": 0.75
 +
                  }
 +
              },
 +
              "bubble": {
 +
                  "distance": 100,
 +
                  "size": 4,
 +
                  "duration": 2,
 +
                  "opacity": 8,
 +
                  "speed": 5
 +
              },
 +
              "repulse": {
 +
                  "distance": 200
 +
              },
 +
              "push": {
 +
                  "particles_nb": 4
 +
              },
 +
              "remove": {
 +
                  "particles_nb": 2
 +
              }
 +
          }
 +
      },
 +
      "retina_detect": true,
 +
      "config_demo": {
 +
          "hide_card": false,
 +
          "background_color": "#b61924",
 +
          "background_image": "",
 +
          "background_position": "50% 50%",
 +
          "background_repeat": "no-repeat",
 +
          "background_size": "cover"
 +
      }
 +
  }
 +
 
 +
);
 +
    </script>
 +
    <div class="main" id="attributions">
 +
        <div class="p">
 +
            haha
 +
        </div>
 +
    </div>
 +
</body>
 
</html>
 
</html>
 +
{{NKU_China/footer}}

Latest revision as of 08:07, 7 October 2016

haha