forked from CTT/tdf-webseite
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
8.6 KiB
59 lines
8.6 KiB
5 months ago
|
<!DOCTYPE html>
|
||
|
|
<!-- Endlich wieder normale Menschen! -->
|
||
|
|
<html lang='en'>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="theme-color" content="#000000">
|
||
|
|
<meta name="color-scheme" content="light dark">
|
||
|
|
<title>Info-Beamer</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel='stylesheet' type='text/css' href='/style/reset.css'/>
|
||
|
|
<link rel='stylesheet' type='text/css' href='/style/style.css'/>
|
||
|
|
<style>
|
||
|
|
body{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body id="body">
|
||
|
|
<main>
|
||
|
|
<article >
|
||
|
|
<p class='cont'>
|
||
|
|
<div id="tt" class="tt">
|
||
|
|
<nav><div style="background:black;" class="loc1">Saal 1</div><div style="background:black;" class="loc2">Seminar West</div><div style="background:black;" class="loc3">Seminar 3.OG</div><div style="background:black;" class=" loc7">Seminar Süd</div><div style="background:black;" class="loc6">Skybar</div></nav><div class="loc3" style="top: 0rem; height: 6rem"><p class="bar">12:00 | 30 min</p>Elfen Einführung</div><div class="loc1" style="top: 12rem; height: 6rem"><p class="bar">13:00 | 30 min</p>Eröffnung</div><div class="loc1" style="top: 18rem; height: 4rem"><p class="bar">13:30 | 20 min</p>Wie baut man eine Gehirn-Computer-Schnittstelle?</div><div class="loc2" style="top: 24rem; height: 11rem"><p class="bar">14:00 | 55 min</p>„Das Zeitalter des Überwachungskapitalismus“ von Shoshana Zuboff</div><div class="loc3" style="top: 24rem; height: 9rem"><p class="bar">14:00 | 45 min</p>KI: Ökologische und politische Schattenseiten der Technologie</div><div class="loc1" style="top: 24rem; height: 9rem"><p class="bar">14:00 | 45 min</p>10 einfache Tipps für mehr Datenschutz</div><div class="loc7" style="top: 36rem; height: 9rem"><p class="bar">15:00 | 45 min</p>Wackelroboter basteln (für Kinder ab 10)</div><div class="loc2" style="top: 36rem; height: 9rem"><p class="bar">15:00 | 45 min</p>Analoge Freiheit</div><div class="loc1" style="top: 36rem; height: 9rem"><p class="bar">15:00 | 45 min</p>Digitalpolitik im Europäischen Parlament und jetzt?</div><div class="loc8" style="top: 36rem; height: 12rem"><p class="bar">15:00 | 60 min</p>Freies Radio Wüste Welle – Live Sendung</div><div class="loc3" style="top: 36rem; height: 9rem"><p class="bar">15:00 | 45 min</p>Planetary Health und Ernährung</div><div class="loc1" style="top: 48rem; height: 9rem"><p class="bar">16:00 | 45 min</p>Still not loving gentrification 2/x</div><div class="loc2" style="top: 48rem; height: 9rem"><p class="bar">16:00 | 45 min</p>Wie geht inklusive Ausbildung im Hacken?</div><div class="loc3" style="top: 48rem; height: 9rem"><p class="bar">16:00 | 45 min</p>Macht dich dein Bildschirm glücklich?</div><div class="loc7" style="top: 54rem; height: 3rem"><p class="bar">16:30 | 15 min</p>Arbeitshaussyndikat - Wie das FRANZ!Werk Arbeitsinfrastruktur vergessellschaftlicht.</div><div class="loc3" style="top: 60rem; height: 9rem"><p class="bar">17:00 | 45 min</p>Anonym im Netz mit Tor</div><div class="loc1" style="top: 60rem; height: 9rem"><p class="bar">17:00 | 45 min</p>Programmieren übermorgen – Macht die KI das alles? Wenn ja, was nicht?</div><div class="loc7" style="top: 60rem; height: 3rem"><p class="bar">17:00 | 15 min</p>Chaostreff Tübingen - lokales Chaos, bildet Banden</div><div class="loc2" style="top: 60rem; height: 12rem"><p class="bar">17:00 | 60 min</p>Kaffee – Geschichte und Gegenwart einer Kolonialware</div><div class="loc7" style="top: 66rem; height: 12rem"><p class="bar">17:30 | 60 min</p>events.tuebingen.network - Vernetzung</div><div class="loc8" style="top: 72rem; height: 24rem"><p class="bar">18:00 | 120 min</p>Freies Radio Wüste Welle – Live Sendung</div><div class="loc3" style="top: 72rem; height: 24rem"><p class="bar">18:00 | 120 min</p>Einführung in OpenSCAD (vom FabLab Neckar-Alb e.V.)</div><div class="loc1" style="top: 72rem; height: 9rem"><p class="bar">18:00 | 45 min</p>OpenStreetMap nutzen und verbessern – (nicht nur) für Feuerwehr und Rettungsdienst</div><div class="loc2" style="top: 73rem; height: 8rem"><p class="bar">18:05 | 40 min</p>Freiheit in der IT-Infrastruktur?</div><div class="loc7" style="top: 78rem; height: 9rem"><p class="bar">18:30 | 45 min</p>Makerspace Vernetzungstreffen</div><div class="loc6" style="top: 78rem; height: 18rem"><p class="bar">18:30 | 90 min</p>REVERBEAT – Dj-Set mit Live-Trumpet</div><div class="loc2" style="top: 84rem; height: 9rem"><p class="bar">19:00 | 45 min</p>Digitale Mündigkeit</div><div class="loc1" style="top: 84rem; height: 5rem"><p class="bar">19:00 | 25 min</p>Lobbyarbeit für Studis an der Uni – ein Bericht aus der Praxis</div><div class="loc1" style="top: 90r
|
||
|
|
</div>
|
||
|
|
<img id="ufo" style="position:fixed; z-index: -1; top: 300px; left: -10000px;" src="/style/ufo.png">
|
||
|
|
<script>
|
||
|
|
function currentTime(){
|
||
|
|
var y = (Math.floor(new Date() - new Date( '2024/7/6 12:00+0200' ))/60000)*0.2-3.5;
|
||
|
|
if (y>0){
|
||
|
|
document.getElementById("marker").style.display = "block";
|
||
|
|
document.getElementById("marker").style.top = y+"rem";
|
||
|
|
document.getElementById("marker").innerHTML = new Date().toLocaleTimeString("de", {hour: '2-digit', minute:'2-digit', second:'2-digit'});
|
||
|
|
window.scrollTo({top: document.getElementById("marker").getBoundingClientRect().top-document.body.getBoundingClientRect().top-200});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
currentTime();
|
||
|
|
setInterval(currentTime, 1000);
|
||
|
|
setInterval(function() {document.getElementById("ufo").style.left = (Math.abs(Date.now()%140000-70000)-30000)+"px"}, 1);
|
||
|
|
window.setTimeout(function(){
|
||
|
|
location.reload();
|
||
|
|
},40000*8);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</p>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
<div id="touchBlocker"></div>
|
||
|
|
<script type="text/javascript" src="/style/confetti.min.js"></script>
|
||
|
|
<script>
|
||
|
|
let confetti = new Confetti('touchBlocker');
|
||
|
|
confetti.setCount(99);//Luftballons
|
||
|
|
confetti.setSize(2);
|
||
|
|
confetti.setPower(25);
|
||
|
|
confetti.setFade(false);
|
||
|
|
confetti.destroyTarget(false);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|