74 lines
2.3 KiB
Django/Jinja
74 lines
2.3 KiB
Django/Jinja
<!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="{{url_for('static', filename='style.css')}}" />
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
|
|
<title>Klankschool voicemail</title>
|
|
</head>
|
|
<body>
|
|
|
|
<canvas id="background" style="width:100%; height: 100%;"></canvas>
|
|
<div id="menu">
|
|
<p class="border"><a href="voicemail.html">voicemail</a></p>
|
|
<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">VoiceMail</marquee></h1>
|
|
|
|
<p class="border">Heard or made something funky at Klankschool? Leave a voicemail! <br> Voicemails are archived and can be used by any klankschool member. </p>
|
|
<div class="border">
|
|
<p>
|
|
{% with messages = get_flashed_messages(category_filter=["form"]) %}
|
|
{% if messages %}
|
|
<ul class=flashes>
|
|
{% for message in messages %}
|
|
<li>{{ message }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% if status == "completed" %}
|
|
<h1>Wow thank you!</h1>
|
|
{% endif %}<form method="POST" action="/" enctype="multipart/form-data">
|
|
<input type='file' name="the_voicemail" />
|
|
<input type="submit">
|
|
</form></p>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
// very 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>
|