ai/star
ai/star
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-04-27 18:21:41 +09:00
parent a2ce54ba83
commit 1abb1dd2eb
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
8 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css Normal file
View File

@ -0,0 +1,10 @@
body {
background:#313131;
color: #f1f1f1;
}
footer#footer {
text-align: center;
}
footer#footer a {
color: #f1f1f1;
}

BIN
icon/star.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

15
index.html Executable file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>ai/star</title>
</head>
<body>
<link rel="stylesheet" href="./pkg/particles/particles.css">
<link rel="stylesheet" href="./css/style.css">
<div id="particles-js"></div>
<script src="./pkg/particles/particles.min.js"></script>
<script src="./pkg/particles/config.js"></script>
</body>
<footer id="footer">© <a href="https://syui.ai">syui</a></footer>
</html>

1
pkg/particles/config.js Normal file
View File

@ -0,0 +1 @@
particlesJS("particles-js", {"particles":{"number":{"value":91,"density":{"enable":true,"value_area":881.8766334760375}},"color":{"value":"#fff700"},"shape":{"type":"circle","stroke":{"width":2,"color":"#fff700"},"polygon":{"nb_sides":6},"image":{"src":"","width":100,"height":100}},"opacity":{"value":0.48102361825965684,"random":true,"anim":{"enable":true,"speed":1.0556403676876611,"opacity_min":0.11368434728944043,"sync":true}},"size":{"value":3,"random":true,"anim":{"enable":true,"speed":2,"size_min":0,"sync":true}},"line_linked":{"enable":false,"distance":849.808392258727,"color":"#fff700","opacity":0.44093831673801875,"width":6.894671861721749},"move":{"enable":true,"speed":0.1,"direction":"none","random":true,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":true,"rotateX":1000,"rotateY":5000}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":false,"mode":"repulse"},"onclick":{"enable":true,"mode":"remove"},"resize":true},"modes":{"grab":{"distance":523.7600285834934,"line_linked":{"opacity":0.46067027525048987}},"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});var count_particles, update; count_particles = document.querySelector('.js-count-particles'); update = function() { if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { } requestAnimationFrame(update); }; requestAnimationFrame(update);;

17
pkg/particles/particles.css Normal file
View File

@ -0,0 +1,17 @@
canvas{
display: block;
vertical-align: bottom;
}
#particles-js{
/* position:absolute; */
position:static;
width: 100%;
height: 100%;
background-color: #313131;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.count-particles{
border-radius: 0 0 3px 3px;
}

1
pkg/particles/particles.json Normal file
View File

@ -0,0 +1 @@
{"particles":{"number":{"value":380,"density":{"enable":true,"value_area":2084.43567912518}},"color":{"value":"#fff700"},"shape":{"type":"circle","stroke":{"width":3,"color":"#fff700"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.32068241217310456,"random":true,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":4.008530152163807,"random":true,"anim":{"enable":true,"speed":4.87218631240459,"size_min":2.4360931562022947,"sync":false}},"line_linked":{"enable":false,"distance":641.3648243462092,"color":"#fff700","opacity":0.09620472365193136,"width":0.16034120608655228},"move":{"enable":true,"speed":1,"direction":"none","random":true,"straight":true,"out_mode":"out","bounce":false,"attract":{"enable":true,"rotateX":1000,"rotateY":5000}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":false,"mode":"grab"},"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,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true}

9
pkg/particles/particles.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
readme.md
View File

@ -1,3 +1,3 @@
# ai `star`
# <img src="./icon/star.png" width="30"> ai `star`
- [particles.js](https://github.com/VincentGarreau/particles.js)