andras/photos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clean up

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-31 11:13:13 +01:00
parent ff6c7f6f68
commit 35a962935c
58 changed files with 5642 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/index.ts
View file

@ -1,35 +1,19 @@
import './index.scss';
import './no-change/404.html';
import './no-change/robots.txt';
import { Photos } from './photos';
import { photos } from './generated/photos';
import { PhotoGallery, requiredElement } from './photos';
// @ts-ignore
const images = require.context('./pictures', true, /.jpg$/);
const imagePath = name => images(name, true);
document.documentElement.classList.add('js');
const addSupportForTabNavigation = () =>
(document.onkeydown = e => {
if (e.key === ' ') {
(document.activeElement as HTMLElement)?.click();
e.preventDefault();
}
});
const sizeFrame = () => {
const container = document.querySelector('#frame-container') as HTMLElement;
const image = container.querySelector('img');
image.style.maxWidth = container.clientWidth + 'px';
image.style.left = container.offsetLeft + container.clientWidth / 2 + 'px';
};
new Photos(
images.keys().map(k => imagePath(k)),
document.querySelector('#landscapes'),
document.querySelector('#portraits'),
document.querySelector('#frame-image')
const gallery = requiredElement<HTMLElement>('#gallery', HTMLElement);
const frame = requiredElement<HTMLElement>('#frame-content', HTMLElement);
const toggle = requiredElement<HTMLButtonElement>(
'#slideshow-toggle',
HTMLButtonElement
);
addSupportForTabNavigation();
window.addEventListener('resize', sizeFrame);
sizeFrame();
new PhotoGallery({
photos,
gallery,
frame,
toggle,
});