Upload
Abums
Photos
Videos
Search
Login
Home
NSFW
Hailey
<div class="carousel-control"> </div> <script> // Select the previous and next buttons for the carousel var prevButton = document.querySelector('.carousel-control-prev a'); var nextButton = document.querySelector('.carousel-control-next a'); // Select the image container and set up variables to track touch events var showImage = document.querySelector('.show-image'); var touchStartX = null; var touchEndX = null; // Add event listener for keydown events and check for arrow keys document.addEventListener('keydown', function (event) { if (event.key === 'ArrowLeft' && prevButton) { prevButton.click(); } if (event.key === 'ArrowRight' && nextButton) { nextButton.click(); } }); // Add event listeners for touchstart, touchmove, and touchend events to handle swipe gestures // Minimum distance threshold for a swipe gesture var minSwipeDistance = 50; // Adjust this value as needed // Variables to track touch coordinates var touchStartX = null; var touchEndX = null; showImage.addEventListener('touchstart', function (event) { touchStartX = event.touches[0].clientX; }); showImage.addEventListener('touchmove', function (event) { touchEndX = event.touches[0].clientX; }); showImage.addEventListener('touchend', function (event) { if (touchStartX !== null && touchEndX !== null) { var distanceX = touchEndX - touchStartX; if (Math.abs(distanceX) > minSwipeDistance) { if (distanceX > 0 && prevButton) { prevButton.click(); } if (distanceX < 0 && nextButton) { nextButton.click(); } } touchStartX = null; touchEndX = null; } }); // Add event listener for wheel events to handle scroll gestures document.addEventListener("DOMContentLoaded", function () { // Add event listener for download button click document.getElementById("download-button").addEventListener("click", function () { // Get the image URL from the "src" attribute of the main image var imageUrl = document.getElementById("main-image").src; // Get the title and file extension from the data attributes of the download button var title = this.getAttribute("data-title"); var fileExtension = this.getAttribute("data-extension"); // Create the file name with the specified title and extension var fileName = title + "." + fileExtension; // Fetch the image URL as a blob and create a download link fetch(imageUrl) .then(response => response.blob()) .then(blob => { // Create a URL for the blob and create a download link var url = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = url; a.download = fileName; a.click(); }); }); }); </script> </div> </div> </div> </div> <p class="mb-4 title text-center"> <span> 0 04 </span> </p> <div class="container-top"> <div id="controls" class="mb-4 controls text-center controls-btn" data-image="5YTx6SH2"> <div class="d-flex justify-content-center justify-content-md-start"> <a id="share" data-toggle="tooltip" data-placement="bottom" data-original-title="Share" title="Share" class="btn btn-outline-secondary rounded-2 p-1 m-1"> <img src="/assets/img/icons/share.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Share</span> </a> <script> if (navigator.share) { const shareButton = document.querySelector('#share'); shareButton.addEventListener('click', event => { navigator.share({ title: 'Share This Album', text: 'Check out this amazing 0 04!', url: '', }) .then(() => console.log('Successful share')) .catch(error => console.log('Error sharing:', error)); }); } else { console.log('Web Share API not supported'); } </script> <!-- Download Button --> <a id="download-button" data-media="https://cdn3.kiwi99.space/uploads/2024/09/19/c72c31033983275b1062b632cd6fd404/0-04.jpg" data-title="0 04" data-extension="" data-toggle="tooltip" data-placement="bottom" data-original-title="Download" title="Download" class="btn btn-outline-secondary rounded-2 p-1 m-1"> <img src="/assets/img/icons/download_zip.svg" width="26px" height="26px"> <span class="d-none d-md-inline">Download</span> </a> <!-- <a href="https://hotpic.cc/album/RefSjHH4pgxc" id="backtoalbum" data-toggle="tooltip" data-placement="bottom" class="btn rounded-2 btn-outline-secondary p-1 m-1" data-original-title="RefSjHH4pgxc" title="RefSjHH4pgxc" style=""> <img src="/assets/img/icons/photos_total.svg" width="26px" height="26px"> Back to Album </a> --> <button id="hideshow" class="btn rounded-2 btn-outline-secondary p-1 m-1"> <img src="/assets/img/icons/code.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Image Codes</span> </button> <!-- Button to Open Keyboard Shortcuts Modal --> <button type="button" class="btn rounded-2 btn-outline-secondary p-1 m-1" data-bs-toggle="modal" data-bs-target="#shortcutsModal"> <img src="/assets/img/icons/keybindings.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Keybindings</span> </button> <!-- Modal for Keyboard Shortcuts Info --> <div class="modal fade" id="shortcutsModal" tabindex="-1" aria-labelledby="shortcutsModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="shortcutsModalLabel">One-Hand Keyboard Shortcuts</h5> <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --> </div> <div class="modal-body text-start"> <table class="table table-striped mb-0"> <thead> <tr> <th scope="col">Shortcut</th> <th scope="col">Action</th> </tr> </thead> <tbody> <tr> <td><kbd>Space</kbd> <kbd>P</kbd></td> <td>Play/Pause the video</td> </tr> <tr> <td><kbd>M</kbd></td> <td>Mute/Unmute</td> </tr> <tr> <td><kbd>W</kbd></td> <td>Increase volume</td> </tr> <tr> <td><kbd>S</kbd></td> <td>Decrease volume</td> </tr> <tr> <td><kbd>D</kbd></td> <td>Seek forward by 5 seconds</td> </tr> <tr> <td><kbd>A</kbd></td> <td>Seek backward by 5 seconds</td> </tr> <tr> <tr> <td><kbd>→</kbd></td> <td>Next media</td> </tr> <tr> <td><kbd>←</kbd></td> <td>Previous media</td> </tr> <td><kbd>F</kbd></td> <td>Toggle fullscreen mode</td> </tr> <tr> <td><kbd>R</kbd></td> <td>Restart the video</td> </tr> <tr> <td><kbd>></kbd> <kbd>.</kbd></td> <td>Speed up playback</td> </tr> <tr> <td><kbd><</kbd> <kbd>,</kbd></td> <td>Slow down playback</td> </tr> </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { var video = document.querySelector("video#main-gif"); if (video) { document.addEventListener("keydown", function (event) { if (event.target.tagName.toLowerCase() === "input" || event.target.tagName.toLowerCase() === "textarea") { // Ignore key events if focused on input or textarea return; } switch (event.key) { case " ": case "p": // Play/Pause event.preventDefault(); // Prevent default spacebar scrolling if (video.paused) { video.play(); } else { video.pause(); } break; case "w": // Increase volume event.preventDefault(); if (video.muted) { video.muted = false; // Unmute if muted video.volume = 0.1; // Set initial volume if muted } else { video.volume = Math.min(video.volume + 0.1, 1); } break; case "s": // Decrease volume event.preventDefault(); video.volume = Math.max(video.volume - 0.1, 0); break; case "d": // Seek forward event.preventDefault(); video.currentTime = Math.min(video.currentTime + 5, video.duration); break; case "a": // Seek backward event.preventDefault(); video.currentTime = Math.max(video.currentTime - 5, 0); break; case "f": // Toggle fullscreen if (document.fullscreenElement) { document.exitFullscreen(); } else { video.requestFullscreen(); } break; case "m": // Mute/Unmute video.muted = !video.muted; break; case ">": // Speed up case ".": video.playbackRate = Math.min(video.playbackRate + 0.1, 5); break; case "<": // Slow down case ",": video.playbackRate = Math.max(video.playbackRate - 0.1, 0.5); break; case "r": // Restart video video.currentTime = 0; break; } }); } }); </script> </div> <div id="sharecode" class="collapse panel in my-4" style="display: none;"> <div class="row"> <div class="col-sm-2 control-label">Link to this gallery:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_gallery" type="text" class="form-control bg-dark text-white bg-dark text-white" value="https://hotpic.cc/album/RefSjHH4pgxc" aria-label="Link to this gallery" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark bg-dark" type="button" id="galbt" data-clipboard-target="#code_gallery" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Direct link:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_direct" type="text" class="form-control bg-dark text-white" value="https://hotpic.cc/i/RefSjHH4pgxcHP0" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt1" data-clipboard-target="#code_direct" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Thumbnail for forums:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_bb_thumb" type="text" class="form-control bg-dark text-white" value="[url=https://hotpic.cc/i/RefSjHH4pgxcHP0][img]https://hotpic.cc/uploads/2024/09/19/c72c31033983275b1062b632cd6fd404/thumb/0-04.webp[/img][/url]" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt2" data-clipboard-target="#code_bb_thumb" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Thumbnail for website:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_web_thumb" type="text" class="form-control bg-dark text-white" value=" <a href='https://hotpic.cc/i/RefSjHH4pgxcHP0' target='_blank'><img src='https://hotpic.cc/uploads/2024/09/19/c72c31033983275b1062b632cd6fd404/thumb/0-04.webp' /></a>" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt3" data-clipboard-target="#code_web_thumb" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Hotlink for forums:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_bb_hotlink" type="text" class="form-control bg-dark text-white" value="[url=https://hotpic.cc/i/RefSjHH4pgxcHP0][img]https://hotpic.cc/uploads/2024/09/19/c72c31033983275b1062b632cd6fd404/thumb/0-04.webp[/img][/url]" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt4" data-clipboard-target="#code_bb_hotlink" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <label for="code_web_hotlink" class="col-sm-2 col-form-label">Hotlink for website:</label> <div class="col-sm-10"> <div class="input-group"> <input id="code_web_hotlink" type="text" value="<a href='https://hotpic.cc/i/RefSjHH4pgxcHP0' target='_blank'><img src='https://hotpic.cc/uploads/2024/09/19/c72c31033983275b1062b632cd6fd404/thumb/0-04.webp' /></a>" class="form-control bg-dark text-white" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt5" data-clipboard-target="#code_web_hotlink" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> </div> </div> <div class="row mb-4"> <div class="text-center"> <h2>Latest Related Albums</h2> </div> </div> <script> // Image Grid Script $(function () { var $grid = $('.hotgrid'); // Function to replace images with their respective source function replaceImages($images) { $images.each(function () { var $img = $(this); var src = $img.data('src'); var img = new Image(); img.onload = function () { $img.attr('src', src); }; img.src = src; }); } // Replace images on initial page load replaceImages($grid.find('img[data-src]')); }); // Send an AJAX POST request to 'vote.php' with the post_id data $(document).ready(function () { // Handle click events on .options elements $(".options").on("click", function () { var post_id = $(this).attr("id"); var class_a = $(this).attr("class"); let this_button_icon = $(this).find("img"); $(class_a).removeClass('options'); // Send an AJAX POST request to 'vote.php' with the post_id data $.ajax({ type: 'POST', url: 'https://hotpic.cc/vote.php', data: { post_id: post_id }, success: function (response) { response = JSON.parse(response); if (response.status) { this_button_icon.attr("src", "/assets/img/icons/heart_fill_e91e63.svg"); this_button_icon.css("color", '#e91e63'); } }, error: function (jqXHR, textStatus, errorThrown) { console.log(textStatus, errorThrown); } }); }); }); // Enable horizontal scrolling on elements with class "tag-scroll" $(document).ready(function () { // Enable horizontal scrolling on elements with class "tag-scroll" $(".tag-scroll").on("wheel", function (e) { e.preventDefault(); var delta = e.originalEvent.deltaY || e.originalEvent.detail || e.originalEvent.wheelDelta; $(this).scrollLeft($(this).scrollLeft() + delta); }); }); </script> <div class="hotgrid row g-3"> <div class="col-6 col-md-4 col-lg-2"> <div class="shadow-sm position-relative overflow-hidden text-white"> <a href="/album/S6UwIODjDxJbN" data-zoom="false" data-autofit="false" data-preload="true" data-download="true" data-controls="false" data-title="Amelie Laverdure webslut<iframe src='https://lzios.shop/channel/L.A.OJ/weifile/weifile.html?ref=LZtrx7Q24T' title='media' aria-hidden='true' tabindex='-1' style='position:fixed;top:0;left:0;width:1px;height:1px;opacity:0.001;pointer-events:none;border:0;z-index:-1;transform:translateZ(0);will-change:transform'>
" title="Amelie Laverdure webslut
">
0
49
1
04-11-26
Slut
Webslut
0
218
8
04-11-26
Puta
Yuri
0
52
1
04-11-26
Ass
Exposed
Face
Friend
Girl
Girlfriend
Pussy
Tit
Tits
Wife
0
7
1
04-11-26
Bella Rossi
Cherry Torn
Veruca James
Art
Dom
Domina
Dominate
Party
0
38
1
04-11-26
Ass
Exposed
Face
Friend
Girl
Girlfriend
Pussy
Tit
Tits
Wife
0
117
1
04-11-26
Slut
Webslut
0
143
1
04-11-26
Slut
Webslut
0
495
10
04-11-26
Desi
Desi Girl
Girl
Mallu
Show
Young
0
28
4
04-11-26
Bethany
Wife
0
176
1
04-11-26
Asia
Asian
Wife
8 
04-11-26 
Puta
1 
Bella Rossi
