Apache 2.4.66
tcp/443 tcp/80
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c63442d9d63442d9db7f4c636b7f4c636b7f4c636b7f4c636
Found 1 files trough .DS_Store spidering: /images
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c63442d9d63442d9db7f4c636b7f4c636b7f4c636b7f4c636
Found 1 files trough .DS_Store spidering: /images
Open service 2a01:238:20a:202:1165:::443 · www.yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 11:25:24 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:80 · www.yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 301 Moved Permanently Date: Mon, 12 Jan 2026 11:26:22 GMT Server: Apache/2.4.66 (Unix) Location: https://www.yannickhofmann.de/ Content-Length: 278 Connection: close Content-Type: text/html; charset=iso-8859-1 Page title: 301 Moved Permanently <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="https://www.yannickhofmann.de/">here</a>.</p> </body></html>
Open service 2a01:238:20a:202:1165:::80 · www.yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 301 Moved Permanently Date: Mon, 12 Jan 2026 11:26:22 GMT Server: Apache/2.4.66 (Unix) Location: https://www.yannickhofmann.de/ Content-Length: 278 Connection: close Content-Type: text/html; charset=iso-8859-1 Page title: 301 Moved Permanently <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="https://www.yannickhofmann.de/">here</a>.</p> </body></html>
Open service 81.169.145.165:80 · yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 301 Moved Permanently Date: Mon, 12 Jan 2026 11:26:22 GMT Server: Apache/2.4.66 (Unix) Location: https://yannickhofmann.de/ Content-Length: 274 Connection: close Content-Type: text/html; charset=iso-8859-1 Page title: 301 Moved Permanently <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="https://yannickhofmann.de/">here</a>.</p> </body></html>
Open service 2a01:238:20a:202:1165:::443 · yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 11:25:24 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 11:25:24 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 2a01:238:20a:202:1165:::80 · yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 301 Moved Permanently Date: Mon, 12 Jan 2026 11:26:22 GMT Server: Apache/2.4.66 (Unix) Location: https://yannickhofmann.de/ Content-Length: 274 Connection: close Content-Type: text/html; charset=iso-8859-1 Page title: 301 Moved Permanently <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="https://yannickhofmann.de/">here</a>.</p> </body></html>
Open service 81.169.145.165:443 · www.yannickhofmann.de
2026-01-12 11:25
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 11:25:24 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · yannickhofmann.de
2026-01-09 11:03
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 11:03:48 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · www.yannickhofmann.de
2026-01-09 04:27
HTTP/1.1 200 OK
Date: Fri, 09 Jan 2026 04:27:55 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · www.yannickhofmann.de
2026-01-02 11:02
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 11:02:50 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · yannickhofmann.de
2026-01-02 03:58
HTTP/1.1 200 OK
Date: Fri, 02 Jan 2026 03:58:25 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · www.yannickhofmann.de
2025-12-23 02:50
HTTP/1.1 200 OK
Date: Tue, 23 Dec 2025 02:50:48 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · yannickhofmann.de
2025-12-22 12:15
HTTP/1.1 200 OK
Date: Mon, 22 Dec 2025 12:15:02 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · www.yannickhofmann.de
2025-12-20 18:15
HTTP/1.1 200 OK
Date: Sat, 20 Dec 2025 18:15:47 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · yannickhofmann.de
2025-12-20 10:49
HTTP/1.1 200 OK
Date: Sat, 20 Dec 2025 10:49:33 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of
Open service 81.169.145.165:443 · www.yannickhofmann.de
2025-12-19 02:44
HTTP/1.1 200 OK
Date: Fri, 19 Dec 2025 02:44:49 GMT
Server: Apache/2.4.66 (Unix)
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 16 Aug 2023 09:00:04 GMT
ETag: "16b7b-60306858454f0"
Accept-Ranges: bytes
Content-Length: 93051
Content-Type: text/html
Page title: Yannick Hofmann
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Hofmann</title>
<!--<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/77682/mixitup.min.js"></script>
<script>
$(document).ready(function() {
// Select all theme-control buttons
$('.theme-control[data-filter=".art"]').click();
var buttons = $('.theme-control');
// Add a click event listener to each button
buttons.click(function() {
// Remove "active" class from all buttons
buttons.removeClass('active');
// Add "active" class to the clicked button
$(this).addClass('active');
});
});
</script>
</head>
<body style="font-family: 'Montserrat', sans-serif;">
<header>
<div class="main">
<h1>Yannick Hofmann</h1>
<!--<p>This page is currently under construction, publications will be added soon.</p>-->
</div>
</header>
<section class="demos">
<!-- Div for loader placement -->
<div id="loader">
<img src="https://yannickhofmann.de/svg/ynk_raster.svg " style="width: 70%; height: auto;"/>
</div>
<div class='brillimantel'>
<div class='brilli'>
<div class="portfolio-themes mt-2 mb-4">
<button type="button" class="theme-control active" id="bamba1" data-filter=".art">artworks</button>
<!--<button type="button" class="theme-control" id="bamba" data-filter=".talks">talks</button>-->
<button type="button" class="theme-control" id="bamba2" data-filter=".publications">publications</button>
<button type="button" class="theme-control" id="bamba3" data-filter=".curation">curation</button>
<button type="button" class="theme-control" id="bamba4" data-filter="all">all</button>
</div>
</div>
</div>
<div class="overlay-fullscreen">
<div class="overlay-content">
<div class="overlay-thumbnail" id="ynk">
<img src="" id="butzi" alt="Thumbnail">
</div>
<div class="overlay-text">
<!--<h2></h2>-->
<p id="title"></p>
<p id="artist"></p>
<p id="format"></p>
<p id="year"></p>
<p id="description"></p>
<p id="credits"></p>
<p id="funding"></p>
</div>
</div>
<div class="overlay-close">×</div>
</div>
<div class="container">
<p style="text-align: justify;">Yannick Hofmann (*1988 in Offenbach a. M., Germany) lives and works as an artist and researcher in Karlsruhe. As the artistic director of the <i>intelligent.museum</i> project since 2020, he collaborates with a team of software developers and museum visitor research experts, pushing the boundaries of hybrid formats and applications for the future of