29 lines
1.4 KiB
HTML
29 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Proxied Image | UI Components</title>
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="theme-color" content="#ff69b4">
|
|
<meta name="description" content="A progressive enhancement to images providing a mechanism to provide a path in S3 infrastructure and query an image proxy with the display size of the image for optimal display.">
|
|
<meta name="color-scheme" content="dark light">
|
|
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<img
|
|
proxied-image
|
|
src="/public/jena-skyline.jpg"
|
|
style="height: 75vh; aspect-ratio: 3808/5712;object-fit: contain;"
|
|
s3-path="ui-components/public/jena-skyline.jpg"
|
|
alt="A cityscape of Jena, Thuringia at dusk with the Jentower skyscraper as the central feature. This cylindrical tower is marked by a red stripe and the red letters spelling 'Jentower' at the top. In the foreground, the Saale River flows over a small dam, surrounded by lush greenery and graffiti-adorned riverbank walls. Various architectural styles are visible in the smaller buildings under a cloudy sky." />
|
|
</section>
|
|
|
|
<script type="module" src="/main.js"></script>
|
|
</body>
|
|
</html>
|