Add infobeamer timetable
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.
 
 
tdf-webseite/infobeamer/index.html

58 lines
8.6 KiB

<!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: 90rem; height: 4rem"><p class="bar">19:30 | 20 min</p>Warum Markenrecht auch für deinen Hackspace richtig wichtig ☝ ist</div><div class="loc1" style="top: 96rem; height: 9rem"><p class="bar">20:00 | 45 min</p>Von der ePA zum EHDS – was ist passiert im Digitalen Gesundheitswesen?</div><div class="loc2" style="top: 96rem; height: 9rem"><p class="bar">20:00 | 45 min</p>Putzlappen, Gurkenmaske oder Aluhut? Was schützt vor Radarsensoren?</div><div class="loc6" style="top: 96rem; height: 24rem"><p class="bar">20:00 | 120 min</p>Mattou – Electronic DJ</div><div class="loc3" style="top: 96rem; height: 12rem"><p class="bar">20:00 | 60 min</p>Cryptoparty - die eigenen Geräte datensparsamer einrichten</div><div class="loc2" style="top: 108rem; height: 4rem"><p class="bar">21:00 | 20 min</p>Datenschutz – Aber wieso? Erste Schritte zur digitalen Selbstbestimmung.</div><div class="loc3" style="top: 111rem; height: 3rem"><p class="bar">21:15 | 15 min</p>Project: Common Ground – Eine Digitale Plattform für lokales Engagement und Diskurs</div><div class="loc1" style="top: 114rem; height: 15rem"><p class="bar">21:30 | 75 min</p>Canned Wizardry – Live-Konzert</div><div class="loc2" style="top: 114rem; height: 6rem"><p class="bar">21:30 | 30 min</p>Freiheitlich solidarisches Wirtschaften und der mündige Mensch</div><div class="loc3" style="top: 120rem; height: 24rem"><p class="bar">22:00 | 120 min</p>Mini-Retro-Videospiel programmieren</div><div class="loc2" style="top: 129rem; height: 6rem"><p class="bar">22:45 | 30 min</p>Kleiner Exkurs zur mächtigsten Technologie der Menschen</div><div class="loc1" style="top: 132rem; height: 24rem"><p class="bar">23:00 | 120 min</p>connect! allstars – ein progressives Techno/House-Statement</div><div class="loc2" style="top: 144rem; height: 6rem"><p class="bar">00:00 | 30 min</p>Expanding Dimension – Audio Visuelle Performance</div><div class="loc1" style="top: 162rem; height: 18rem"><p class="bar">01:30 | 90 min</p>V.S.B. b2b Chachoe – Vinyl Techno</div><div class="loc1" style="top: 180rem; height: 12rem"><p class="bar">03:00 | 60 min</p>KnoepfeDruecken – Live Impro</div><div class="loc3" style="top: 264rem; height: 36rem"><p class="bar">10:00 | 180 min</p>Climate Fresk</div><div class="loc1" style="top: 264rem; height: 9rem"><p class="bar">10:00 | 45 min</p>Pub(lic) Values - Pub(lic) Quiz</div><div class="loc2" style="top: 276rem; height: 9rem"><p class="bar">11:00 | 45 min</p>Brainstorming Common Ground: Eine Digitale Plattform für lokales Engagement und Diskurs?</div><div class="loc1" style="top: 276rem; height: 9rem"><p class="bar">11:00 | 45 min</p>Matrix : Die chance Kommunikation und Collaboration unabhaenging zu machen.</div><div class="loc1" style="top: 288rem; height: 9rem"><p class="bar">12:00 | 45 min</p>Lightning Talks</div><div class="loc1" style="top: 300rem; height: 4rem"><p class="bar">13:00 | 20 min</p>Closing</div><div id="marker"></div>
</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>