https://fosdem.org/2027/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5	<meta name="generator" content="Hugo 0.155.3">
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>FOSDEM 2027</title>
9    <link rel="icon" href="/2027/logo.svg" sizes="any" type="image/svg+xml">
10    <link rel="stylesheet" href="/2027/css/style.css">
11    <link rel="stylesheet" href="/2027/css/landing.css">
12    <link rel="alternate" type="application/rss+xml" title="FOSDEM 2027" href="https://fosdem.org/2027/rss.xml">
13
14    <meta property="og:type" content="website">
15    <meta property="og:title" content="FOSDEM 2027">
16    <meta property="og:url" content="https://fosdem.org/2027/">
17    
18
19    

19<script>
20        
21        
22        const saved = localStorage.getItem('theme');
23        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
24        document.documentElement.setAttribute('data-theme', saved || (prefersDark ? 'dark' : 'light'));
25    </script>

25
26</head>
27
28<body>
29    <main>
30        
31
32<div class="landing">
33    <div class="landing-logo"></div>
34
35    <h1 class="logo-text no-spacing">FOSDEM<span>'27</span></h1>
36
37    <p class="landing-date">30 &amp; 31 January 2027</p>
38    <p class="landing-location">Brussels, Belgium</p>
39</div>
40
41
42
43<section class="landing-news">
44    <h2>Latest news</h2>
45
46    <ul class="news-list">
47        
48        <li>
49            <a href="/2027/news/call-for-stands/">FOSDEM 2027 Call for Stands</a>
50            <time class="landing-date-small" datetime="2026-09-13">13 September 2026</time>
51        </li>
52        
53        <li>
54            <a href="/2027/news/call-for-devrooms/">FOSDEM 2027 Call for Devrooms</a>
55            <time class="landing-date-small" datetime="2026-09-07">7 September 2026</time>
56        </li>
57        
58        <li>
59            <a href="/2027/news/fosdem-2027-dates/">FOSDEM 2027 will take place on 30 &amp; 31 January 2027</a>
60            <time class="landing-date-small" datetime="2026-08-30">30 August 2026</time>
61        </li>
62        
63    </ul>
64
65    
66</section>
67
68
69
70    </main>
71
72    <footer class="landing-footer">
73    <address class="landing-legal"><strong>FOSDEM VZW</strong>
74        <span class="sep">&middot;</span> Guldendelle 9, 1930 Zaventem, Belgium
75        <span class="sep">&middot;</span> BE 0477.085.590
76        <span class="sep">&middot;</span> <a href="mailto:[email protected]">[email protected]</a>
77        <span class="sep">&middot;</span> <a href="/2027/news/">News</a>
78        <span class="sep">&middot;</span> <a href="/2027/practical/conduct/">Code of Conduct</a>
79        <span class="sep">&middot;</span> <a href="/2027/rss.xml">RSS</a>
80    </address>
81
82    <p class="landing-license">
83        Content licensed <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a>, except the FOSDEM
84        name and gear logo.
85    </p>
86
87    <button type="button" class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode" aria-pressed="false">
88        <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
89            stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
90            <path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z" />
91        </svg>
92        <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
93            stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
94            <circle cx="12" cy="12" r="4" />
95            <path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" />
96        </svg>
97    </button>
98</footer>
99
100
101    

101<script>
102        const toggle = document.getElementById('themeToggle');
103        const isDark = () => document.documentElement.getAttribute('data-theme') === 'dark';
104        toggle.setAttribute('aria-pressed', isDark());
105
106        toggle.addEventListener('click', () => {
107            const theme = isDark() ? 'light' : 'dark';
108            document.documentElement.setAttribute('data-theme', theme);
109            localStorage.setItem('theme', theme);
110            toggle.setAttribute('aria-pressed', theme === 'dark');
111        });
112    </script>

112
113</body>
114
115</html>