tinyscifi-prompt/index.html
Norman Köhring 15c5403ab8 initial
2023-04-24 23:20:23 +02:00

76 lines
No EOL
2.3 KiB
HTML

<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>tiny scifi prompt -- the codeartist</title>
<meta content="Norman Köhring" name=author>
<meta content="the codeartist — programmer and engineer based in Berlin" name=DC.title>
<meta content="52.4595, 13.5335" name=ICBM>
<meta content="52.4595; 13.5335" name=geo.position>
<meta content=DE-BE name=geo.region>
<meta content=Berlin name=geo.placename>
<meta content="width=device-width,initial-scale=1.0" name=viewport>
<link href=https://koehr.in rel=author>
<link href=https://koehr.in rel=canonical>
<link href=https://codearti.st rel=alternate>
<link href=https://k0r.n rel=alternate>
<style>
:root {
font: 20px/1.35 sans-serif;
}
body {
background: #222;
color: #eee;
max-width: 1200px;
margin: 4em auto;
}
h1 {
text-align: center;
}
q {
display: block;
max-width: 40em;
margin: 2em auto;
padding: 2em;
background: black;
text-align: justify;
}
#main {
display: flex;
flex-flow: row wrap;
}
#main>img {
flex: auto;
min-width: 640px;
margin: 2em;
border: 2px solid black;
}
</style>
</head>
<body itemscope itemtype=https://schema.org/WebPage>
<header id=siteheader itemscope itemtype=https://schema.org/WPHeader>
<h1 itemprop=headline>Tiny Scifi Prompt</h1>
<q cite="https://www.instagram.com/p/CrbAD_kPfHF/">
In a sun-drenched meadow amidst a sea of wildflowers, a sleek metallic drone hovers silently above delivering a
package to a lone figure standing in an abandoned alleyway, surrounded by broken glass and flickering neon lights
in the distance. A babbling brook flows gently, while towering skyscrapers soar high into the clouds. Their
holographic advertisements flashing across the bustling neon-lit plaza below where self-driving vehicles whiz by
in a hich-tech symphony. cinematic 4k 8k --ar 3:4
</q>
</header>
<div id="main" itemprop="mainContentOfPage" itemscope="" itemtype="https://schema.org/WebPageElement">
<img src="01.jpg">
<img src="02.jpg">
<img src="03.jpg">
</div>
<script data-goatcounter="https://tinyscifi.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</body>
</html>