forked from cal/tdf-2023-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.
96 lines
4.3 KiB
96 lines
4.3 KiB
6 months ago
|
<!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/logo.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/logo.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>
|