| | |
|---|
| | | } |
|---|
| | | .signinpanel form { |
|---|
| | | background:rgba(255,255,255,.2); |
|---|
| | | border:1px solid rgba(255,255,255,.3); |
|---|
| | | border:1px solid #04e6dd; |
|---|
| | | -moz-box-shadow:0 3px 0 rgba(12,12,12,.03); |
|---|
| | | -webkit-box-shadow:0 3px 0 rgba(12,12,12,.03); |
|---|
| | | box-shadow:0 3px 0 rgba(12,12,12,.03); |
|---|
| | |
|---|
| | | */ |
|---|
| | | |
|---|
| | | /* Otherwise just put the config content (json): */ |
|---|
| | | |
|---|
| | | particlesJS('particles-js', |
|---|
| | | |
|---|
| | | { |
|---|
| | | "particles": { |
|---|
| | | "number": { |
|---|
| | | "value": 80, |
|---|
| | | "density": { |
|---|
| | | "enable": true, |
|---|
| | | "value_area": 800 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "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": 5, |
|---|
| | | "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": 6, |
|---|
| | | "direction": "none", |
|---|
| | | "random": false, |
|---|
| | | "straight": false, |
|---|
| | | "out_mode": "out", |
|---|
| | | "attract": { |
|---|
| | | "enable": false, |
|---|
| | | "rotateX": 600, |
|---|
| | | "rotateY": 1200 |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "interactivity": { |
|---|
| | | "detect_on": "canvas", |
|---|
| | | "events": { |
|---|
| | | "onhover": { |
|---|
| | | "enable": true, |
|---|
| | | "mode": "repulse" |
|---|
| | | }, |
|---|
| | | "onclick": { |
|---|
| | | "enable": true, |
|---|
| | | "mode": "push" |
|---|
| | | }, |
|---|
| | | "resize": true |
|---|
| | | }, |
|---|
| | | "modes": { |
|---|
| | | "grab": { |
|---|
| | | "distance": 400, |
|---|
| | | "line_linked": { |
|---|
| | | "opacity": 1 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "bubble": { |
|---|
| | | "distance": 400, |
|---|
| | | "size": 40, |
|---|
| | | "duration": 2, |
|---|
| | | "opacity": 8, |
|---|
| | | "speed": 3 |
|---|
| | | }, |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | ); |
|---|
| | |
|---|
| | | <span class="logo-lg" style="font-size: 14px !important;">智能安全双重预防系统</span> |
|---|
| | | </li> |
|---|
| | | <li class="icon hidden-xs hide"> |
|---|
| | | <span class="logo-lg" style="font-size: 14px !important;">智能预警</span> |
|---|
| | | <span class="logo-lg" style="font-size: 14px !important;">双重预防</span> |
|---|
| | | </li> |
|---|
| | | </a> |
|---|
| | | <div class="sidebar-collapse" style=""> |
|---|
| | |
|---|
| | | <!-- <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>--> |
|---|
| | | <!--</div>--> |
|---|
| | | <body class="signin"> |
|---|
| | | <h1 style="font-size:56px;color: #04e6dd;text-shadow:3px 3px 1px #176fc8;font-weight: bolder;letter-spacing: 10px">智能安全双重预防系统</h1> |
|---|
| | | <h1 style="font-size:56px;color: #04e6dd;text-shadow:3px 3px 1px #073155;font-weight: bolder;letter-spacing: 10px">智能安全双重预防系统</h1> |
|---|
| | | <div class="signinpanel"> |
|---|
| | | <form id="signupForm" autocomplete="off" style="background: rgb(255, 255, 255);"> |
|---|
| | | <h4 class="no-margins">登录：</h4> |
|---|
| | | <form id="signupForm" autocomplete="off" style="background: rgb(0, 34, 67, .6);"> |
|---|
| | | <h4 class="no-margins" style="text-align: center;font-size: 2vh">登录</h4> |
|---|
| | | <!-- <p class="m-t-md">国科鸿宇</p>--> |
|---|
| | | <input type="text" name="username" class="form-control uname" placeholder="登录名"/> |
|---|
| | | <input type="password" name="password" class="form-control pword" placeholder="密码"/> |
|---|
