This commit is contained in:
Damian 2026-02-02 03:28:39 +01:00
commit a19f3bb824
3 changed files with 25 additions and 62 deletions

View file

@ -1,29 +0,0 @@
html {
color: rgb(51, 51, 46);
font-family: "monospace";
font-size: 1rem;
}
pre {
font-size: 0.7rem;
}
#links {
line-height: 1.5;
}
#links a {
color: #2525d8;
}
@media (max-width: 600px) {
html {
font-size: 1rem;
}
pre {
font-size: 2.6vw
}
#links {
line-height: 1.6;
}
}

View file

@ -7,14 +7,34 @@
<link rel="stylesheet" href="photography.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Photography">
<style>
#container {
width: 100%;
display: flex;
flex-direction: column;
}
.photo {
width: 38em;
max-width: 100%;
background-color: aliceblue;
margin-bottom: 8px;
aspect-ratio: 3/2;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.photo img {
width: 100%;
vertical-align: middle;
}
</style>
</head>
<body>
<div id="container" aria-hidden="true">
</div>
<div id="container" aria-hidden="true"></div>
<script>
let photos = [
@ -95,10 +115,6 @@
// Append the div to the container
container.appendChild(photoDiv);
});
</script>
</body>
</html>

View file

@ -1,24 +0,0 @@
#container {
width: 100%;
display: flex;
flex-direction: column;
}
.photo {
width: 38em;
max-width: 100%;
background-color: aliceblue;
margin-bottom: 8px;
aspect-ratio: 3/2;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.photo img {
width: 100%;
vertical-align: middle;
}