Booru Slideshow

/* Basic CSS for slideshow.css */ body { font-family: sans-serif; } #slide-wrapper { position: relative; width: 800px; /* Adjust as needed */ height: 600px; /* Adjust as needed */ margin: 0 auto; } #current-image, #current-video { max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; } #loading-animation { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; /* Initially hidden */ } #tags { position: absolute; bottom: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.5); color: white; padding: 5px; } #indentation { margin-top: 20px; text-align: center; } #thumbnail-list-wrapper { overflow-x: auto; white-space: nowrap; margin-top: 10px; } #thumbnail-list img { width: 50px; /* Adjust thumbnail size */ height: auto; margin-right: 5px; cursor: pointer; }    // placeholder for js/gifframes.js console.log('js/gifframes.js'); // placeholder for js/globals.js console.log('js/globals.js'); // placeholder for js/objects/web_requester.js console.log('js/objects/web_requester.js'); // placeholder for js/objects/site_manager.js console.log('js/objects/site_manager.js'); // placeholder for js/objects/site_managers/site_manager_atfbooru.js console.log('js/objects/site_managers/site_manager_atfbooru.js'); // placeholder for js/objects/site_managers/site_manager_danbooru.js console.log('js/objects/site_managers/site_manager_danbooru.js'); // placeholder for js/objects/site_managers/site_manager_derpibooru.js console.log('js/objects/site_managers/site_manager_derpibooru.js'); // placeholder for js/objects/site_managers/site_manager_e621.js console.log('js/objects/site_managers/site_manager_e621.js'); // placeholder for js/objects/site_managers/site_manager_gelbooru.js console.log('js/objects/site_managers/site_manager_gelbooru.js'); // placeholder for js/objects/site_managers/site_manager_konachan.js console.log('js/objects/site_managers/site_manager_konachan.js'); // placeholder for js/objects/site_managers/site_manager_realbooru.js console.log('js/objects/site_managers/site_manager_realbooru.js'); // placeholder for js/objects/site_managers/site_manager_rule34.js console.log('js/objects/site_managers/site_manager_rule34.js'); // placeholder for js/objects/site_managers/site_manager_paheal.js console.log('js/objects/site_managers/site_manager_paheal.js'); // placeholder for js/objects/site_managers/site_manager_safebooru.js console.log('js/objects/site_managers/site_manager_safebooru.js'); // placeholder for js/objects/site_managers/site_manager_xbooru.js console.log('js/objects/site_managers/site_manager_xbooru.js'); // placeholder for js/objects/site_managers/site_manager_yandere.js console.log('js/objects/site_managers/site_manager_yandere.js'); // placeholder for js/objects/site_manager_factory.js console.log('js/objects/site_manager_factory.js'); // placeholder for js/objects/sites_manager.js console.log('js/objects/sites_manager.js'); // placeholder for js/objects/slide.js console.log('js/objects/slide.js'); // placeholder for js/objects/personal_list_item.js console.log('js/objects/personal_list_item.js'); // placeholder for js/objects/personal_list.js console.log('js/objects/personal_list.js'); // placeholder for js/objects/event.js console.log('js/objects/event.js'); // placeholder for js/objects/data_loader.js console.log('js/objects/data_loader.js'); // placeholder for js/mvc/slideshow_model.js console.log('js/mvc/slideshow_model.js'); // placeholder for js/mvc/slideshow_view.js console.log('js/mvc/slideshow_view.js'); // placeholder for js/mvc/slideshow_controller.js console.log('js/mvc/slideshow_controller.js'); // placeholder for js/slideshow_initialize.js console.log('js/slideshow_initialize.js'); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Personal List</title> </head> <body> <h1>Personal List</h1> <div id="personal-list"></div> <script src="js/objects/personal_list_item.js"></script> <script src="js/objects/personal_list.js"></script> <script src="js/personal_list_initialize.js"></script> </body> </html> // placeholder for js/personal_list_initialize.js console.log('js/personal_list_initialize.js');