— prompt:
write html code for a dynamic, single-page net art work in the style of igor štromajer
— GPT:
“Sure! Igor Štromajer is known for his interactive and dynamic net art works. Here’s an example of a single HTML page that incorporates some of his style elements:
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Igor Štromajer-style net art</title>
<style>
body {
background-color: black;
color: #01ffff;
font-family: Arial, sans-serif;
text-align: center;
}
#container {
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
#text {
font-size: 99px;
font-weight: bold;
animation: flicker 0.1s infinite alternate;
}
@keyframes flicker {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
</style>
</head>
<body>
<div id=”container”>
<div id=”text”>+</div>
</div>
<script>
document.addEventListener(‘mousemove’, function(event) {
var x = event.clientX;
var y = event.clientY;
var grayscale = Math.round((x + y) / 9);
var container = document.getElementById(‘container’);
container.style.background = ‘rgb(‘ + grayscale + ‘,’ + grayscale + ‘,’ + grayscale + ‘)’;
});
</script>
</body>
</html>
In this example, the HTML document contains a single page with a black background and turquoise text. The text is styled to flicker using a CSS animation. The ‘mousemove’ event listener is added to the document, which changes the background color of the container div based on the mouse position, creating an interactive effect. Feel free to customize the text, styles, and animation to further match Igor Štromajer‘s style.”
intima • Igor Štromajer 