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

 
(40 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html lang="en">
+
{{NKU_China/menubar}}
 +
<html>
 
<head>
 
<head>
−
  <meta charset="utf-8">
+
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!--separatrix-->
−
  <title>jQuery UI Accordion - Default functionality</title>
+
    <style>
−
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
+
        .main#attributions {
−
  <link rel="stylesheet" href="/resources/demos/style.css">
+
            padding: 0 10vw;
−
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+
            padding-bottom: 10vh;
−
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
+
            font-size: 1.15rem;
−
  <script>
+
        }
−
  $( function() {
+
 
−
    $( "#accordion" ).accordion();
+
        .main div.h2 {
−
  } );
+
            color: cyan;
−
  </script>
+
            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>
 
</head>
−
<body>
+
<body id="dongzhuoer">
−
+
    <div id="particles-js"></div>
−
<div id="accordion">
+
     <script>
−
  <h3>Section 1</h3>
+
        particlesJS('particles-js',
−
  <div>
+
  {
−
     <p>
+
      "particles": {
−
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+
          "number": {
−
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+
              "value": 100,
−
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+
              "density": {
−
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
+
                  "enable": true,
−
    </p>
+
                  "value_area": 800
−
  </div>
+
              }
−
  <h3>Section 2</h3>
+
          },
−
  <div>
+
          "color": {
−
    <p>
+
              "value": "#0ff"
−
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+
          },
−
    purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
+
          "shape": {
−
    velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+
              "type": "circle",
−
    suscipit faucibus urna.
+
              "stroke": {
−
    </p>
+
                  "width": 0,
−
  </div>
+
                  "color": "#000000"
−
  <h3>Section 3</h3>
+
              },
−
  <div>
+
              "polygon": {
−
    <p>
+
                  "nb_sides": 5
−
    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
+
              },
−
    Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
+
              "image": {
−
    ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+
                  "src": "img/github.svg",
−
    lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
+
                  "width": 100,
−
    </p>
+
                  "height": 100
−
    <ul>
+
              }
−
       <li>List item one</li>
+
          },
−
       <li>List item two</li>
+
          "opacity": {
−
       <li>List item three</li>
+
              "value": 0.4,
−
    </ul>
+
              "random": false,
−
  </div>
+
              "anim": {
−
  <h3>Section 4</h3>
+
                  "enable": false,
−
  <div>
+
                  "speed": 1,
−
    <p>
+
                  "opacity_min": 0,
−
    Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+
                  "sync": false
−
    et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+
              }
−
    faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+
          },
−
    mauris vel est.
+
          "size": {
−
     </p>
+
              "value": 5,
−
     <p>
+
              "random": true,
−
    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
+
              "anim": {
−
    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+
                  "enable": false,
−
    inceptos himenaeos.
+
                  "speed": 40,
−
    </p>
+
                  "size_min": 0,
−
  </div>
+
                  "sync": false
−
</div>
+
              }
−
+
          },
−
+
          "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>
 
</body>
 
</html>
 
</html>
 +
{{NKU_China/footer}}

Latest revision as of 08:07, 7 October 2016

haha