n/nyxsite
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cool animation thing

Browse source
This commit is contained in:
Nyx 2025-02-24 19:05:13 -06:00
parent 110ab0b4ca
commit 4cd0680968
6 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
site/app.py
View file

@ -63,6 +63,27 @@ def indexStyle():
response.mimetype = "text/css"
return response
@app.route('/assets/particles.js')
def particleJs():
js = render_template('assets/scripts/particles.js')
response = make_response(js)
response.mimetype = "text/javascript"
return response
@app.route('/assets/three.min.js')
def threeJs():
js = render_template('assets/scripts/three.min.js')
response = make_response(js)
response.mimetype = "text/javascript"
return response
@app.route('/assets/vanta.net.min.js')
def vantaNetJs():
js = render_template('assets/scripts/vanta.net.min.js')
response = make_response(js)
response.mimetype = "text/javascript"
return response
@app.route('/static/assets/88x31s/<path:filename>')
def serve_dir(filename):
directory = 'templates/assets/88x31s'

11
site/templates/assets/index.css
View file

@ -16,4 +16,15 @@ body {
font-size: 18px;
max-width: 40em;
margin: 10%, 10%, 10%, 10%;
margin: auto;
width: 50%;
}
#particle-canvas {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

11
site/templates/assets/scripts/particles.js Normal file
View file

@ -0,0 +1,11 @@
VANTA.NET({
el: "#particle-canvas",
mouseControls: true,
touchControls: false,
gyroControls: false,
// minHeight: 200.00,
// minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
backgroundColor: 0x0
})

2
site/templates/assets/scripts/three.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
site/templates/assets/scripts/vanta.net.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

11
site/templates/index.j2
View file

@ -6,9 +6,20 @@
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/index.css" rel="stylesheet" type="text/css">
<script src="assets/three.min.js"></script>
<script src="assets/vanta.net.min.js"></script>
<script src="assets/particles.js" defer></script>
</head>
<body>
<div id="particle-canvas"></div>
<noscript>
<center>
<small>
this site is designed to work with no javascript. all that javascript adds is an optional animation to the background (it looks cool!).
</small>
</center>
</noscript>
<center>
<p>
hello, visitor number <b>{{ visitor }}</b>! this one is glad to see you.