PageSourceSearch

https://obiterdictum.ch/tag/ict-law/

html obiterdictum.ch collected 2026-10-04 08:06:11 UTC 24,374 bytes, 480 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" class="is-color-ice">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>ICT Law - Obiter Dictum</title>
8
9    <link rel="preload" as="style" href="/assets/built/screen.css?v=kNN4Gc_UVGIKwgyE">
10    <link rel="preload" as="script" href="/assets/built/main.min.js?v=hUP3mM9sBoPZV078">
11    <link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=kNN4Gc_UVGIKwgyE">
12
13    
13<script>
14        // Function to set the theme
15        function setTheme(theme) {
16            document.documentElement.setAttribute('data-theme', theme);
17            localStorage.setItem('theme', theme);
18            updateThemeToggleIcon(theme);
19        }
20
21        // Function to get the user's color scheme preference
22        function getColorScheme() {
23            return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
24        }
25
26        // Function to update theme toggle icon
27        function updateThemeToggleIcon(theme) {
28            const toggle = document.querySelector('.gh-theme-toggle');
29            if (toggle) {
30                toggle.setAttribute('data-theme', theme);
31            }
32        }
33
34        // Function to toggle theme
35        function toggleTheme() {
36            const currentTheme = document.documentElement.getAttribute('data-theme');
37            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
38            setTheme(newTheme);
39        }
40
41        // Get the theme setting from Ghost
42        var themeSetting = 'light';
43        var savedTheme = localStorage.getItem('theme');
44
45        // Initialize theme based on settings
46        if (themeSetting === 'user') {
47            // Use saved preference if available, otherwise system preference
48            if (savedTheme) {
49                setTheme(savedTheme);
50            } else {
51                setTheme(getColorScheme());
52            }
53        } else if (themeSetting === 'light') {
54            setTheme('light');
55        } else if (themeSetting === 'dark') {
56            setTheme('dark');
57        } else if (themeSetting === 'system') {
58            setTheme(getColorScheme());
59        }
60
61        // Add click handler to theme toggles
62        document.addEventListener('DOMContentLoaded', function() {
63            const themeToggles = document.querySelectorAll('.gh-theme-toggle');
64            themeToggles.forEach(toggle => {
65                toggle.addEventListener('click', function() {
66                    if (themeSetting === 'user') {
67                        toggleTheme();
68                    }
69                });
70            });
71        });
72
73        // Listen for changes in system color scheme
74        if (themeSetting === 'system') {
75            window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
76                setTheme(e.matches ? 'dark' : 'light');
77            });
78        }
79    </script>
79
80    <meta name="description" content="Droit des nouvelles technologies de l’information et de la communication (NICT) ou information and communication technologies (ICT) law">
81    <link rel="canonical" href="https://obiterdictum.ch/tag/ict-law/">
82    <meta name="referrer" content="no-referrer-when-downgrade">
83    
84    <meta property="og:site_name" content="Obiter Dictum">
85    <meta property="og:type" content="website">
86    <meta property="og:title" content="ICT Law - Obiter Dictum">
87    <meta property="og:description" content="Droit des nouvelles technologies de l’information et de la communication (NICT) ou information and communication technologies (ICT) law">
88    <meta property="og:url" content="https://obiterdictum.ch/tag/ict-law/">
89    <meta property="og:image" content="https://images.unsplash.com/photo-1555532538-dcdbd01d373d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGtleWJvYXJkfGVufDB8fHx8MTcxNzUwNTY2MHww&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000">
90    <meta name="twitter:card" content="summary_large_image">
91    <meta name="twitter:title" content="ICT Law - Obiter Dictum">
92    <meta name="twitter:description" content="Droit des nouvelles technologies de l’information et de la communication (NICT) ou information and communication technologies (ICT) law">
93    <meta name="twitter:url" content="https://obiterdictum.ch/tag/ict-law/">
94    <meta name="twitter:image" content="https://images.unsplash.com/photo-1555532538-dcdbd01d373d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fGtleWJvYXJkfGVufDB8fHx8MTcxNzUwNTY2MHww&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000">
95    <meta property="og:image:width" content="1200">
96    <meta property="og:image:height" content="722">
97    
98    
98<script type="application/ld+json">
99{
100    "@context": "https://schema.org",
101    "@type": "Series",
102    "publisher": {
103        "@type": "Organization",
104        "name": "Obiter Dictum",
105        "url": "https://obiterdictum.ch/",
106        "logo": {
107            "@type": "ImageObject",
108            "url": "https://obiterdictum.ch/favicon.ico",
109            "width": 48,
110            "height": 48
111        }
112    },
113    "url": "https://obiterdictum.ch/tag/ict-law/",
114    "name": "ICT Law",
115    "mainEntityOfPage": "https://obiterdictum.ch/tag/ict-law/",
116    "description": "Droit des nouvelles technologies de l’information et de la communication (NICT) ou information and communication technologies (ICT) law"
117}
118    </script>
118
119
120    <meta name="generator" content="Ghost 6.65">
121    <link rel="alternate" type="application/rss+xml" title="Obiter Dictum" href="https://obiterdictum.ch/rss/">
122    
122<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://obiterdictum.ch/" data-key="e005d6b8f9508b0961a9528f1e" data-api="https://obiterdictum.ch/ghost/api/content/" data-locale="fr" crossorigin="anonymous"></script>
122<style id="gh-members-styles">.gh-post-upgrade-cta-content,
123.gh-post-upgrade-cta {
124    display: flex;
125    flex-direction: column;
126    align-items: center;
127    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
128    text-align: center;
129    width: 100%;
130    color: #ffffff;
131    font-size: 16px;
132}
133
134.gh-post-upgrade-cta-content {
135    border-radius: 8px;
136    padding: 40px 4vw;
137}
138
139.gh-post-upgrade-cta h2 {
140    color: #ffffff;
141    font-size: 28px;
142    letter-spacing: -0.2px;
143    margin: 0;
144    padding: 0;
145}
146
147.gh-post-upgrade-cta p {
148    margin: 20px 0 0;
149    padding: 0;
150}
151
152.gh-post-upgrade-cta small {
153    font-size: 16px;
154    letter-spacing: -0.2px;
155}
156
157.gh-post-upgrade-cta a {
158    color: #ffffff;
159    cursor: pointer;
160    font-weight: 500;
161    box-shadow: none;
162    text-decoration: underline;
163}
164
165.gh-post-upgrade-cta a:hover {
166    color: #ffffff;
167    opacity: 0.8;
168    box-shadow: none;
169    text-decoration: underline;
170}
171
172.gh-post-upgrade-cta a.gh-btn {
173    display: block;
174    background: #ffffff;
175    text-decoration: none;
176    margin: 28px 0 0;
177    padding: 8px 18px;
178    border-radius: 4px;
179    font-size: 16px;
180    font-weight: 600;
181}
182
183.gh-post-upgrade-cta a.gh-btn:hover {
184    opacity: 0.92;
185}</style>
186    
186<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="e005d6b8f9508b0961a9528f1e" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://obiterdictum.ch/" data-locale="fr" crossorigin="anonymous"></script>
186
187    
188    <link href="https://obiterdictum.ch/webmentions/receive/" rel="webmention">
189    
189<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
189
190    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
191    
191<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://obiterdictum.ch/members/api/comments/counts/"></script>
191
192    
192<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
192<style>:root {--ghost-accent-color: #f86115;}</style>
193    
193<script async src="https://eu.umami.is/script.js" data-website-id="012dfae2-7dd2-4676-a433-5ad7dff1286d"></script>
193
194    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=fira-mono:400,700|poppins:400,500,600"><style>:root {--gh-font-heading: Fira Mono;--gh-font-body: Poppins;}</style>
195</head>
196
197<body class="tag-template tag-ict-law gh-font-heading-fira-mono gh-font-body-poppins">
198    <div class="is-color-ice">
199        <div class="site">
200            <header id="gh-head" class="gh-outer">
201                <div class="head-inner no-profile">
202                    <div class="gh-head-nav">
203                        <div class="gh-head-brand">
204                            <div class="gh-head-brand-wrapper">
205                                <div class="gh-head-logo-text">
206                                </div>
207                                <div class="gh-head-text-wrapper">
208                                    <a class="h4 gh-head-title" href="https://obiterdictum.ch">
209                                        Obiter Dictum
210                                    </a>
211                                        <div class="sub-heading tagline">
212                                            👨‍💻⚖️📷
213                                        </div>
214                                </div>
215                            </div>
216                                                        <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
217    <path d="m21 21-4.35-4.35"/>
218</svg></button>
219                            <button class="gh-burger"></button>
220                        </div>
221
222                        <div class="head-action-social">
223                            <a class="header-search-bar u-header-search-bar"
224                                href="#"
225                            aria-label="Search"
226                            data-ghost-search >
227                                <span class="social-item">
228                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"/>
229    <path d="m21 21-4.35-4.35"/>
230</svg>                                </span>
231                                <span class="search-help-text">⌘K</span>
232                            </a>
233                                                    </div>
234                        
235                        <nav class="head-menu">
236                            
237    <ul class="nav">
238            <li class="nav-home nav-item">
239                <a href="https://obiterdictum.ch/">
240                    <div class="nav-icon"></div>
241                    <span>Home</span>
242                </a>
243            </li>
244            <li class="nav-blog nav-item">
245                <a href="https://obiterdictum.ch/blog/">
246                    <div class="nav-icon"></div>
247                    <span>Blog</span>
248                </a>
249            </li>
250            <li class="nav-ict-law nav-current nav-item">
251                <a href="https://obiterdictum.ch/tag/ict-law/">
252                    <div class="nav-icon"></div>
253                    <span>ICT Law</span>
254                </a>
255            </li>
256            <li class="nav-lab nav-item">
257                <a href="https://obiterdictum.ch/tag/lab/">
258                    <div class="nav-icon"></div>
259                    <span>Lab</span>
260                </a>
261            </li>
262            <li class="nav-photography nav-item">
263                <a href="https://obiterdictum.ch/tag/photos/">
264                    <div class="nav-icon"></div>
265                    <span>Photography</span>
266                </a>
267            </li>
268            <li class="nav-auteur nav-item">
269                <a href="https://obiterdictum.ch/auteur/">
270                    <div class="nav-icon"></div>
271                    <span>Auteur</span>
272                </a>
273            </li>
274    </ul>
275
276                        </nav>
277
278                    </div>
279                        <div class="head-member-actions">
280                            <div class="gh-head-members">
281                                            <a class="gh-head-link button button-primary button-head" href="#/portal/signup" data-portal="signup">S&#x27;abonner</a>
282                                            <a class="gh-head-link" href="#/portal/signin" data-portal="signin">Se connecter</a>
283                            </div>
284                        </div>
285                </div>
286
287            </header>
288            <div class="sidebar-overlay-nav">
289                <button class="sidebar-burger" aria-label="Close menu"></button>
290                <div class="gh-head-brand-wrapper">
291                    <div class="gh-head-text-wrapper">
292                        <a class="h4 gh-head-title" href="https://obiterdictum.ch">
293                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 20 20" class="size-5">
294  <path fill-rule="evenodd" d="M9.293 2.293a1 1 0 0 1 1.414 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.707-1.707l7-7Z" clip-rule="evenodd" />
295</svg>
296                            Obiter Dictum
297                        </a>
298                    </div>
299                </div>
300            </div>
301
302            <div class="site-content">
303                
304<div class="content-area">
305    <main class="site-main">
306            <section class="container medium">
307                <div class="hero-wrapper">
308                    <h1 class="hero-header">ICT Law</h1>
309                        <p class="body-1 hero-desc"> Droit des nouvelles technologies de l’information et de la communication (NICT) ou information and communication technologies (ICT) law</p>
310                </div>
311            </section>
312
313            <nav class="blog-nav container medium">
314    <button class="blog-nav-scroll-btn prev" aria-label="Scroll left">
315        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
316    <path d="M26.667 14.667v2.667h-16L18 24.667l-1.893 1.893L5.547 16l10.56-10.56L18 7.333l-7.333 7.333h16z"></path>
317</svg>    </button>
318    <button class="blog-nav-scroll-btn next" aria-label="Scroll right">
319        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
320    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
321</svg>    </button>
322    <div class="blog-nav-scroll-wrapper">
323                <div class="blog-navbar">
324                    <a href="/blog/" class="body-2 blog-navbar-item">Tous</a>
325                        <a href="/tag/it/" class="body-2 blog-nav-it blog-navbar-item">IT</a>
326                        <a href="/tag/lab/" class="body-2 blog-nav-lab blog-navbar-item">Lab</a>
327                        <a href="/tag/ia/" class="body-2 blog-nav-ia blog-navbar-item">IA</a>
328                        <a href="/tag/privacy/" class="body-2 blog-nav-privacy blog-navbar-item">Privacy</a>
329                        <a href="/tag/photos/" class="body-2 blog-nav-photos blog-navbar-item">Photos</a>
330                        <a href="/tag/wallpapers/" class="body-2 blog-nav-wallpapers blog-navbar-item">Wallpapers</a>
331                        <a href="/tag/ict-law/" class="body-2 blog-nav-ict-law blog-navbar-item">ICT Law</a>
332                </div>
333    </div>
334</nav>
335        <section class="section-container">
336            <div class="post-feed expanded gh-feed container medium">
337                    <article class="feed post tag-it tag-privacy tag-ict-law post-year-2022 post-date-5" data-month="mai 2022">
338    
339
340                <div class="feed-image u-placeholder rectangle round blur-load">
341                        <img class="blur-img"
342                            src="https://images.unsplash.com/photo-1526898943670-92bfa9f94c12?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGxlYWtzfGVufDB8fHx8MTY1MjM5MjA2OQ&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;150"
343                            alt=""
344                            aria-hidden="true"
345                        >
346                        <img class="u-object-fit full-img"
347                            srcset="https://images.unsplash.com/photo-1526898943670-92bfa9f94c12?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGxlYWtzfGVufDB8fHx8MTY1MjM5MjA2OQ&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;400 400w,
348                                    https://images.unsplash.com/photo-1526898943670-92bfa9f94c12?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGxlYWtzfGVufDB8fHx8MTY1MjM5MjA2OQ&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;750 750w"
349                            sizes="(min-width: 576px) 300px, 90vw"
350                            src="https://images.unsplash.com/photo-1526898943670-92bfa9f94c12?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGxlYWtzfGVufDB8fHx8MTY1MjM5MjA2OQ&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;400"
351                            alt="Leaky Forms"
352                            loading="lazy"
353                        >
354                </div>
355    <div class="feed-wrapper">
356            <div class="feed-tag">
357                <span class="feed-tag-item sub-heading">IT</span>
358            </div>
359        <h2 class="body-1 feed-title">Leaky Forms</h2>
360            <div class="feed-excerpt">... ou comment les agences de publicité étoffent leur carnet d&#39;adresse avant même que vous vous en rendiez compte.</div>
361        <div class="dot-spacer"></div>
362        <div class="feed-right">
363            <time class="body-1 feed-calendar" datetime="2022-05-14">
364                    14 mai
365            </time>
366            <div class="feed-icon">
367                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
368    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
369</svg>            </div>
370        </div>
371    </div>
372        <a class="u-permalink" href=/leaky_forms/ aria-label="Leaky Forms"></a>
373</article>                    <article class="feed post tag-ict-law tag-it post-year-2022 post-date-5" data-month="mai 2022">
374    
375
376                <div class="feed-image u-placeholder rectangle round blur-load">
377                        <img class="blur-img"
378                            src="https://images.unsplash.com/photo-1476357471311-43c0db9fb2b4?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGRlY2VwdGl2ZSUyMGRlc2lnbnxlbnwwfHx8fDE2NTE4NjQ2NDA&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;150"
379                            alt=""
380                            aria-hidden="true"
381                        >
382                        <img class="u-object-fit full-img"
383                            srcset="https://images.unsplash.com/photo-1476357471311-43c0db9fb2b4?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGRlY2VwdGl2ZSUyMGRlc2lnbnxlbnwwfHx8fDE2NTE4NjQ2NDA&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;400 400w,
384                                    https://images.unsplash.com/photo-1476357471311-43c0db9fb2b4?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGRlY2VwdGl2ZSUyMGRlc2lnbnxlbnwwfHx8fDE2NTE4NjQ2NDA&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;750 750w"
385                            sizes="(min-width: 576px) 300px, 90vw"
386                            src="https://images.unsplash.com/photo-1476357471311-43c0db9fb2b4?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGRlY2VwdGl2ZSUyMGRlc2lnbnxlbnwwfHx8fDE2NTE4NjQ2NDA&amp;ixlib&#x3D;rb-1.2.1&amp;q&#x3D;80&amp;w&#x3D;400"
387                            alt="Dark patterns : état des lieux # 1"
388                            loading="lazy"
389                        >
390                </div>
391    <div class="feed-wrapper">
392            <div class="feed-tag">
393                <span class="feed-tag-item sub-heading">ICT Law</span>
394            </div>
395        <h2 class="body-1 feed-title">Dark patterns : état des lieux # 1</h2>
396            <div class="feed-excerpt">Les &quot;dark patterns&quot; qu&#39;est-ce que c&#39;est?
397
398
399Selon le site deceptive.design (anciennement darkpatterns.</div>
400        <div class="dot-spacer"></div>
401        <div class="feed-right">
402            <time class="body-1 feed-calendar" datetime="2022-05-06">
403                    06 mai
404            </time>
405            <div class="feed-icon">
406                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
407    <path d="M5.333 14.667v2.667h16L14 24.667l1.893 1.893L26.453 16 15.893 5.44 14 7.333l7.333 7.333h-16z"></path>
408</svg>            </div>
409        </div>
410    </div>
411        <a class="u-permalink" href=/dark-patterns-etat-des-lieux/ aria-label="Dark patterns : état des lieux # 1"></a>
412</article>            </div>
413        </section>
414
415        <nav class="load-more">
416    <button class="button button-secondary button-disabled gh-loadmore">
417        <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
418    <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper">
419        <g class="nc-loop-dots-4-24-icon-o">
420            <circle cx="4" cy="12" r="3"></circle>
421            <circle cx="12" cy="12" r="3"></circle>
422            <circle cx="20" cy="12" r="3"></circle>
423        </g>
424        <style data-cap="butt">
425            .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}
426            .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite}
427            .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}
428            .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}
429            .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}
430            @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
431        </style>
432    </g>
433</svg>    </button>
434</nav>
435
436
437
438    </main>
439</div>
440
441
442                <footer class="site-footer">
443    <div class="container medium footer-container">
444        <div class="fade-to-right"></div>
445        <div class="body-2 footer-copyright">
446            Obiter Dictum © 2026.
447           <span class="footer-signature">
448                Publié avec
449                <a class="menu-item badge" href="https://ghost.org/" target="_blank" rel="noopener noreferrer"> Ghost</a>
450                & <a class="menu-item badge" href="https://themex.studio/braun/" target="_blank" rel="noopener noreferrer"> Braun</a>
451            </span>
452        </div>
453         <div class="fade-to-left"></div>
454    </div>
455    <div class="footer-container-bottom">
456        <div class="footer-bottom-inner body-2">
457            
458    <ul class="nav-footer">
459            <li class="nav-ai nav-footer-item">
460                <a href="https://obiterdictum.ch/ai/">
461                    <span>AI</span>
462                </a>
463            </li>
464    </ul>
465
466        </div>
467    </div>
468</footer>            </div>
469        </div>
470    </div>
471
472
473    
473<script src="/assets/built/main.min.js?v=hUP3mM9sBoPZV078"></script>
473
474    
474<script src="/assets/built/lightbox.min.js?v=FkFQklkHa2OLyoKL"></script>
474
475
476
477    
478
479</body>
480</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.