pages/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <title>Klankschool</title>
    </head>
  <body>
    <canvas id="background" style="width:100%; height: 100%;"></canvas>
	<div id="menu">
		<p class="border"><a href="https://funk.klank.school">funkwhale</a></p>
		<p class="border"><a href="http://calendar.klank.school">calendar</a></p>
	</div>
    <div id="app">
      <h1 id="main" class="border"><marquee  behavior="alternate">Klankschool</marquee></h1>
      <img class="home-img border" src="klankschool2.gif">
      <p class="border">Klankschool is a community operating a space (and a server) in the south of Rotterdam. Its members share a common interest in performances, sound art, improvisation, noise, ... Each member is a teacher, student, musician, janitor and more. The motivation to have a community-run space is to share sounds, work on projects, organise events, hang out, exhibit works, learn, teach and listen. See the calendar for upcoming and past activities.</p>
      <p class="border"> Are you interested in joining? <br>
      Do you search a space for performance, project, ...? <br>
      Do you like activities outside of the norms of Spotify streams, elevator sounds, Muzak™, piped music, Ikea furnitures, Netflix series, Airplane flights, eating meat, ... ? <br>
      Write us an e-mail: klankschool@extratonal.org </p>
      
    </div>
    </body>
    <script>
	// nothing special. just background. joak 2024-10-13
	const canvas = document.querySelector("canvas");
	const height = window.innerHeight;
	const width =  window.innerWidth;
	const ctx = canvas.getContext("2d");
	ctx.canvas.height = window.innerHeight;
	ctx.canvas.width = window.innerWidth;
	console.log(height, width);
	size = 20;
	function rfiller (){
		console.log("now");
		for(var w = 0; w < width; w=w+size){
			for(var h = 0; h < height; h=h+size){
				var r = Math.floor(Math.random()*255).toString(16);
				var g= Math.floor(Math.random()*255).toString(16);
				var b = Math.floor(Math.random()*255).toString(16);
				ctx.fillStyle = "#"+r+g+b;
				ctx.fillRect(w, h, w+size, h+size);
			}
		}
	}
	rfiller();
	setInterval(rfiller, 2000);
    </script>
</html>
Second Commit Added Index, stylesheet and two images 2024-10-05 22:33:57 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<link rel="stylesheet" type="text/css" href="styles.css" />`
some updates 2024-10-13 22:33:21 +00:00			`<title>Klankschool</title>`
Second Commit Added Index, stylesheet and two images 2024-10-05 22:33:57 +00:00			`</head>`
			`<body>`
some updates 2024-10-13 22:33:21 +00:00			`<canvas id="background" style="width:100%; height: 100%;"></canvas>`
			`<div id="menu">`
			`<p class="border"><a href="https://funk.klank.school">funkwhale</a></p>`
			`<p class="border"><a href="http://calendar.klank.school">calendar</a></p>`
			`</div>`
Second Commit Added Index, stylesheet and two images 2024-10-05 22:33:57 +00:00			`<div id="app">`
some updates 2024-10-13 22:33:21 +00:00			`<h1 id="main" class="border"><marquee behavior="alternate">Klankschool</marquee></h1>`
			`<img class="home-img border" src="klankschool2.gif">`
			`<p class="border">Klankschool is a community operating a space (and a server) in the south of Rotterdam. Its members share a common interest in performances, sound art, improvisation, noise, ... Each member is a teacher, student, musician, janitor and more. The motivation to have a community-run space is to share sounds, work on projects, organise events, hang out, exhibit works, learn, teach and listen. See the calendar for upcoming and past activities.</p>`
			`<p class="border"> Are you interested in joining? <br>`
			`Do you search a space for performance, project, ...? <br>`
			`Do you like activities outside of the norms of Spotify streams, elevator sounds, Muzak™, piped music, Ikea furnitures, Netflix series, Airplane flights, eating meat, ... ? <br>`
			`Write us an e-mail: klankschool@extratonal.org </p>`

Second Commit Added Index, stylesheet and two images 2024-10-05 22:33:57 +00:00			`</div>`
			`</body>`
some updates 2024-10-13 22:33:21 +00:00			`<script>`
			`// nothing special. just background. joak 2024-10-13`
			`const canvas = document.querySelector("canvas");`
			`const height = window.innerHeight;`
			`const width = window.innerWidth;`
			`const ctx = canvas.getContext("2d");`
			`ctx.canvas.height = window.innerHeight;`
			`ctx.canvas.width = window.innerWidth;`
			`console.log(height, width);`
			`size = 20;`
			`function rfiller (){`
			`console.log("now");`
			`for(var w = 0; w < width; w=w+size){`
			`for(var h = 0; h < height; h=h+size){`
			`var r = Math.floor(Math.random()*255).toString(16);`
			`var g= Math.floor(Math.random()*255).toString(16);`
			`var b = Math.floor(Math.random()*255).toString(16);`
			`ctx.fillStyle = "#"+r+g+b;`
			`ctx.fillRect(w, h, w+size, h+size);`
			`}`
			`}`
			`}`
			`rfiller();`
			`setInterval(rfiller, 2000);`
			`</script>`
Second Commit Added Index, stylesheet and two images 2024-10-05 22:33:57 +00:00			`</html>`