parent
ecd653db65
commit
9efaeb1cec
6 changed files with 1782 additions and 3 deletions
@ -0,0 +1,74 @@ |
||||
html, |
||||
body { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
outline: 0; |
||||
font-size: 100%; |
||||
vertical-align: baseline; |
||||
background: transparent; |
||||
width: 100%; |
||||
height: 100%; |
||||
background: #111; |
||||
} |
||||
|
||||
.apImgTitle { |
||||
position: fixed; |
||||
width: 42%; |
||||
left: 30%; |
||||
top: 30%; |
||||
} |
||||
|
||||
.apTitle { |
||||
font-size: 40px; |
||||
color: #fff; |
||||
position: fixed; |
||||
top: 32%; |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.logcon { |
||||
position: fixed; |
||||
width: 100%; |
||||
top: 47%; |
||||
text-align: center; |
||||
} |
||||
|
||||
.logcon input { |
||||
padding: 10px 15px; |
||||
border-radius: 3px; |
||||
border: none; |
||||
margin-right: 10px; |
||||
width: 220px; |
||||
} |
||||
|
||||
.logcon button { |
||||
padding: 7px 20px 10px 20px; |
||||
border: none; |
||||
background: #fff; |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
.logcon button:hover { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
canvas { |
||||
display: block; |
||||
vertical-align: bottom; |
||||
} |
||||
|
||||
#particles-js { |
||||
width: 100%; |
||||
height: 100%; |
||||
background-image: url('../img/login_background.png'); |
||||
background-size: cover; |
||||
background-position: 50% 50%; |
||||
background-repeat: no-repeat; |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
After Width: | Height: | Size: 490 KiB |
@ -0,0 +1,29 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>Ushio-Proxy</title> |
||||
<link rel="stylesheet" media="screen" href="css/login.css"> |
||||
<script type="text/javascript">block_aplayer = true</script> |
||||
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script> |
||||
</head> |
||||
<body> |
||||
<!-- particles.js container --> |
||||
<div id="particles-js" style="display: flex;align-items: center;justify-content: center"> |
||||
<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas> |
||||
</div> |
||||
<div class="apTitle">请输入链接:</div> |
||||
<div class="logcon"><input type="text" id="url" placeholder="链接"> |
||||
<button type="button" id="btn">Goto</button></div> |
||||
|
||||
|
||||
<!-- scripts --> |
||||
<script src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script> |
||||
<script> |
||||
$('#btn').click(function(){ |
||||
window.location.href="./get/?url="+window.btoa($('#url').val());; |
||||
}) |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,133 @@ |
||||
/* ----------------------------------------------- |
||||
/* How to use? : Check the GitHub README |
||||
/* ----------------------------------------------- */ |
||||
|
||||
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */ |
||||
/* |
||||
particlesJS.load('particles-js', 'particles.json', function() { |
||||
console.log('particles.js loaded - callback'); |
||||
}); |
||||
*/ |
||||
|
||||
/* 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" |
||||
} |
||||
} |
||||
|
||||
); |
Loading…
Reference in new issue