<!DOCTYPE html>
<!-- Endlich wieder normale Menschen! -->
< html lang = 'en' >
< head > < meta charset = "UTF-8" >
< meta name = "description" content = "3. Tübinger Tag der digitalen Freiheit" >
< meta name = "keywords" content = "TDF, CCC, Event" >
< meta name = "author" content = "Chaostreff Tübingen" >
< meta name = "robots" content = "index, follow" >
< meta name = "theme-color" content = "#000000" >
< meta name = "color-scheme" content = "light dark" >
<!-- Open Graph metadata for social media -->
< meta property = "og:title" content = "3. Tübinger Tag der digitalen Freiheit | Social" >
< meta property = "og:description" content = "3. Tübinger Tag der digitalen Freiheit" >
< meta property = "og:image" content = "https://tdf.cttue.de/style/sharepic.png" >
< meta property = "og:url" content = "https://tdf.cttue.de/fed/" >
< meta property = "og:type" content = "website" >
<!-- Twitter card metadata -->
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:site" content = "@cttue@chaos.social" >
< meta name = "twitter:title" content = "3. Tübinger Tag der digitalen Freiheit | Social" >
< meta name = "twitter:description" content = "3. Tübinger Tag der digitalen Freiheit" >
< meta name = "twitter:image" content = "https://example.org/style/sharepic.png" >
<!-- Canonical URL -->
< link rel = "canonical" href = "https://tdf.cttue.de/fed/" >
< title > 3. Tübinger Tag der digitalen Freiheit | Social< / title >
< link rel = 'apple-touch-icon' sizes = '180x180' href = '/style/apple-touch-icon.png' >
< link rel = 'icon' type = 'image/png' sizes = '32x32' href = '/style/favicon-32x32.png' >
< link rel = 'icon' type = 'image/png' sizes = '16x16' href = '/style/favicon-16x16.png' >
< link rel = 'manifest' href = '/style/site.webmanifest' >
< link rel = 'stylesheet' type = 'text/css' href = '/style/reset.css' / >
< link rel = 'stylesheet' type = 'text/css' href = '/style/style.css' / >
< meta name = "viewport" content = "width=600" / >
< / head >
< body >
< a href = '#main' style = "display:none" > goto content< / a >
< header >
< img id = 'logo' alt = 'logo' src = '/style/logo.png' / >
< / header >
< nav > < a href = "/" class = '' > About< / a >
    < a href = "/t/talk" class = '' > Talks< / a >
    < a href = "/t/workshop" class = '' > Workshops< / a >
    < a href = "/t/assembly" class = '' > Assemblies< / a >
    < a href = "/t/faq" class = '' > FAQ< / a >
    < a href = "/fed" class = 'nohmenu current' > Social< / a >
    < a href = "/search" class = '' > Search< / a >
< / nav >
< main id = "main" >
< article >
< h1 > Social< / h1 > < p class = 'desc' > Folge < a href = "https://chaos.social/@ctt" > @ctt@chaos.social< / a > im < a href = "https://de.wikipedia.org/wiki/Fediverse" > Fediverse< / a > ! Poste etwas unter dem Hashtag < a href = "https://tuebingen.network/tags/tdf" > #TDF< / a > und es könnte hier auftauchen. Du suchst noch eine Instanz? Join < a href = "https://tuebingen.network" > tuebingen.network< / a > !< / p > < div class = 'cont' >
< div id = "statuses" > Loading...< / div >
< script >
async function loadStatuses() {
const request = await fetch(`https://tuebingen.network/api/v1/accounts/112508401951529893/statuses?limit=20`);
const statuses = await request.json();
const statusesContainer = document.getElementById('statuses');
statusesContainer.innerHTML = '';
statuses.forEach(status => {
if (status.content == "") {
status = status.reblog;
}
const statusElement = document.createElement('div');
statusElement.className = 'box';
var content = `< p class = "bar" > < a target = "_blank" href = "${status.url}" > ${status.account.display_name} (@${status.account.acct}) posted on: ${new Date(status.created_at).toLocaleString()}< / a > < / p > ${status.content}< br / > < center > `;
status.media_attachments.forEach(attachment => {
content += `< img src = "${attachment.url}" > `;
});
content += "< / center > ";
statusElement.innerHTML = content;
statusesContainer.appendChild(statusElement);
});
}
document.addEventListener('DOMContentLoaded', () => {
loadStatuses();
});
< / script >
< div >
< / article >
< / main >
< footer > < small > © All rights reserved. | < a href = "/privacy" > imprint/privacy< / a > | < a href = "/search" > Search< / a > < / small >
< / footer >
< a href = '#' style = "display:none" > goto top< / a >
< script type = "text/javascript" src = "/style/confetti.min.js" > < / script >
< script >
let confetti = new Confetti('logo');
confetti.setCount(99);//Luftballons
confetti.setSize(2);
confetti.setPower(25);
confetti.setFade(false);
confetti.destroyTarget(false);
< / script >
< / body >
< / html >
