86 lines
3.0 KiB
HTML
86 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<title>beppe.online</title>
|
|
<!--- <title>bvanroll.neocities</title> --->
|
|
<link rel="stylesheet" href="main.css">
|
|
<!-- shader as bg via xemantic/shader-web-background -->
|
|
<script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script>
|
|
<script type="x-shader/x-fragment" id="image">
|
|
precision highp float;
|
|
uniform float iTime;
|
|
|
|
|
|
void main() {
|
|
|
|
float r=abs(sin(iTime));
|
|
float g=abs(cos(iTime/3.));
|
|
float b=abs(sin(iTime)*cos(iTime)/2.);
|
|
float a=1.;
|
|
gl_FragColor = vec4(r,g,b,a);
|
|
}
|
|
</script>
|
|
<script>
|
|
shaderWebBackground.shade({
|
|
shaders: {
|
|
image: {
|
|
uniforms: {
|
|
iTime: (gl, loc) => gl.uniform1f(loc,performance.now()/1000)
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
<style>
|
|
.shader-web-background-fallback{
|
|
background: url("https://placekitten.com/666/666");
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>
|
|
beppe.online
|
|
</h1>
|
|
<nav>
|
|
<ul class="navbar_links">
|
|
<li class="navbar_link" ><a href="home.html" target="main">home</a></li>
|
|
<li class="navbar_link" ><a href="qr.html" >qr code thing that loads glsl shaders</a></li>
|
|
<li class="navbar_link"><a href="gaming.html">Little games i made</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="sidebar">
|
|
<h2>my links:</h2>
|
|
<p><a href="mailto:beppe.vanrolleghem@gmail.com">my email</a> probably the best way to get in contact with me</p>
|
|
<!---<p><a href="https://www.tiktok.com/@bvanroll">tiktok</a> i sometimes post drawings/sketches</p> -->
|
|
<p><a rel="me" href="https://mastodon.art/@beppe">Mastodon</a> posting art here from now on :)</p>
|
|
<p><a href="https://steamcommunity.com/id/bvanroll/">steam</a> reviews and just to see what i've been playing :p</p>
|
|
<p><a href="https://listenbrainz.org/user/beppev/">listenbrainz</a> just what i've been listening to</p>
|
|
<p><a href="https://letterboxd.com/beppev/">letterboxd</a> i should watch more movies</p>
|
|
<p><a href="https://github.com/bvanroll">github</a> (don't look at my bad code :( )</p>
|
|
</div>
|
|
<div class="content">
|
|
|
|
<h2> what's coming </h2>
|
|
|
|
<p>
|
|
I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p
|
|
</p>
|
|
<p>
|
|
also i wanna make it so my pico8 games are playable in the browser here on a seperate page. so i'm gonna work on that too.
|
|
|
|
</p>
|
|
|
|
<iframe src="posts.html" name="posts" title="posts"></iframe>
|
|
<p><a href="posts.html" target="posts">return</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|