Встреча НЕвыпускников

<div class="project__container">  <div class="project__top-container"> <div class="project__top-container2"> <div class="project__top_logo-down"> <img alt="ПЕРВЫЙ МЕДИЦИНСКИЙ КАНАЛ" src="https://1med.tv/upload/medialibrary/c78/zai6bhdptn39g2t1vl978qg8saphfws0/logo_med.webp" class="project__top_logo-down-img"> </div> <div class="project__top"> <div class="project__top-image"> <img src="https://1med.tv/upload/medialibrary/709/984406nu72lhoc0dpccns1fs1104c8a7/logo_main.webp" class="project__top-image-img" alt="НЕконференция"> </div> <div class="project__top-left"> <h1 class="project__top-header project__top-header--goldman">08.08. </h1> <h3 class="project__top-header3"> Газгольдер Event Hall <br> Санкт-Петербург, Обводный канал 74Е <br> <br> Встреча НЕвыпускников! </h3> <a class="project__btn" href="#form" rel="noopener">Участвую</a> </div> </div> </div> </div>  <div class="project__bottom-container"> <div class="project__bottom">  <div class="article__container4"> <div class="article__main-container4"> <p> Кто-то из нас закончил университет год назад, кто-то — лучше и не знать, когда. Кто-то дружит группами до сих пор, а у кого-то сложились более теплые отношения с коллегами на работе. Кто-то уехал в родной город, кто-то — покорять зарубежные университеты. Но где бы и с кем мы ни были, мы все друг у друга есть. Чем не повод устроить альтернативную встречу выпускников вместо конференции? <br> <br> <b>Вместе с 1med.tv собираем самый веселый НЕвыпускной в Санкт-Петербурге!</b> Для тех, кто работает, учится, выгорает и вновь зажигается, спорит и остается в профессии. Обнимаемся, поддерживаем друг друга, пляшем, смеемся, отдыхаем! </p> <div class="article__cols-scroll4"> <div class="article__cols-container4"> <div class="expert-card"> <span> <source media="(max-width: 770px)" srcset="https://1med.tv/upload/medialibrary/ab1/41ik1ke441hwpvacdzbs9kr652ng74m6/pic1.webp"> <img alt="pic1" src="https://1med.tv/upload/medialibrary/ab1/41ik1ke441hwpvacdzbs9kr652ng74m6/pic1.webp" class="expert-card__photo"> </span> <div class="expert-card__info"> <div class="expert-card__name"> <b>Что будет:</b> </div> <div class="expert-card__name"> <ul class="expert-card__list"> <li>медицинский <b>баттл</b> на горячую тему</li> <li><b>квиз</b></li> <li><b>выступление</b> кавер-группы НЕмодные</li> <li><b>танцы</b> до тех пор, пока хватит сил и удобной обуви</li> </ul> </div> <div class="expert-card__name"> <b> Стоимость участия: 5 000 руб.</b> без учета комиссии<br> <span style="color: #757575;"><b>Скидка 20%</b> при оплате до 20.07.2026 (промокод <b>EARLY</b>).</span> </div> </div> </div> </div> </div> </div> </div>  </div> </div>      <div class="booking" id="form"> <div class="booking__bg booking__bg--pink" aria-hidden="true"> </div> <div class="booking__content"> <div class="booking__panel"> <h2 class="booking__title">Забронировать место</h2> <div class="booking__cols"> <div class="booking__col booking__col--form"> <script type="text/javascript" data-cfasync="false" async="async" defer="defer" charset="UTF-8" src="https://timepad.ru/js/tpwf/loader/min/loader.js" data-timepad-customized="81057" data-twf2s-event--id="4035625" data-timepad-widget-v2="event_register">(function () { return { "loadCSS": [ //"timepad-widget.css" "https://1med.tv/upload/projects/timepad-widget-neconference.css?v=18" ], "skipBaseCSS": false, "disableBootstrap": false, "iframe": { "autoHeight": true } }; })();</script> </div> <div class="booking__col booking__col--text"> <p> Заполните форму регистрации, чтобы забронировать место на встрече НЕвыпускников. После отправки заявки вы получите подтверждение на указанную электронную почту. </p> <p> Если у вас возникнут вопросы по участию или оплате, напишите организаторам — мы поможем разобраться с любыми деталями. </p> </div> </div> </div> </div> </div>   <div class="project__bottom-container"> <div class="project__bottom"> <div class="project__bubble"> <div class="project__bubble-header"> Как добраться </div> <div class="project__bubble-line"> </div> </div> </div> </div>   <div class="video__container"> <div class="video__left" id="a-video"> <div class="video__main"> <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aa759bbdfdd4898405326b3598ae76e8af7a3577b22b863d8b9142ad7eed9a914&source=constructor" width="100%" height="482" frameborder="0"></iframe> </div> </div> </div>  <div class="project__bottom-container" id="expert-videos"> <div class="project__bottom"> <div class="project__bubble"> <div class="project__bubble-header"> Как это было </div> <div class="project__bubble-line"> </div> </div> </div> </div> <section class="photo-gallery" aria-label="Фотогалерея"> <div class="photo-gallery__viewport"> <button class="photo-gallery__arrow photo-gallery__arrow--left" type="button" aria-label="Предыдущее фото"> <img src="https://1med.tv/upload/medialibrary/afd/dn00nbmoacbp8zcbbjnrwmn5pji2p0zt/left.svg" alt="" aria-hidden="true"> </button> <div class="photo-gallery__track-wrapper"> <div class="photo-gallery__track"> <img alt="Фото 1" src="https://1med.tv/upload/medialibrary/92e/u9suey06yk3l7lsmjk4kwnyh5ceri3iw/01.webp" class="photo-gallery__slide is-active" loading="lazy"> <img alt="Фото 2" src="https://1med.tv/upload/medialibrary/70d/wya0mmzgn5lb7vb5a69dr1lpo378omhe/02.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 3" src="https://1med.tv/upload/medialibrary/9bf/gjtfyg1vcgiw5yqdtmila4vio188485o/03.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 4" src="https://1med.tv/upload/medialibrary/257/yrwgfcr9rzfdr0o5yvuvzzsikaq6now3/04.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 5" src="https://1med.tv/upload/medialibrary/fb6/a2mtgrkzciav77odv81bzmqr8z23fxi3/05.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 6" src="https://1med.tv/upload/medialibrary/e53/ic8ughogyhvugt2vtpoj0men7wop0pzd/06.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 7" src="https://1med.tv/upload/medialibrary/a73/6m72tvfw0n9hkh0c6cbfvjo9higtesnm/07.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 8" src="https://1med.tv/upload/medialibrary/ed8/tzx3mxoa5r5tkyksw1u4tkbyx5w4vkpn/08.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 9" src="https://1med.tv/upload/medialibrary/5e5/o5952owns9gbe14iiq23ndzf6pw0o2jp/09.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 10" src="https://1med.tv/upload/medialibrary/3c8/b5neyfpcazks3kdvq640epjo14xcldt5/10.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 11" src="https://1med.tv/upload/medialibrary/774/fkvawkzaht3nmyplg2r1mwc399aqw2v3/11.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 12" src="https://1med.tv/upload/medialibrary/337/xv4bre6c86bdx6ut8j8gyyrv7b5wldrc/12.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 13" src="https://1med.tv/upload/medialibrary/8ef/a45fpa76rf7nfaos8yw2v7u6wf03e777/13.webp" class="photo-gallery__slide" loading="lazy"> <img alt="Фото 14" src="https://1med.tv/upload/medialibrary/edd/tpf3p8m53e1r0p5yfy24egwh90juv2m6/14.webp" class="photo-gallery__slide" loading="lazy"> </div> </div> <button class="photo-gallery__arrow photo-gallery__arrow--right" type="button" aria-label="Следующее фото"> <img src="https://1med.tv/upload/medialibrary/211/cdfir3by93doj6ovtz5zcb38p5txnams/right.svg" alt="" aria-hidden="true"> </button> </div> <div class="photo-gallery__actions"> <a class="photo-gallery__find-btn" href="https://phchernikov.ru/disk/18-07-2025-nekonferentsiya-b7bjp9/afterparty" target="_blank" rel="noopener">Найти себя</a> </div> </section> </div>  <script> (function () { const gallery = document.querySelector('.photo-gallery'); if (!gallery) { return; } const trackWrapper = gallery.querySelector('.photo-gallery__track-wrapper'); const track = gallery.querySelector('.photo-gallery__track'); const slides = Array.from(gallery.querySelectorAll('.photo-gallery__slide')); const prevBtn = gallery.querySelector('.photo-gallery__arrow--left'); const nextBtn = gallery.querySelector('.photo-gallery__arrow--right'); const MOBILE_QUERY = window.matchMedia('(max-width: 770px)'); const AUTOPLAY_DELAY = 5000; const SWIPE_THRESHOLD = 50; let currentIndex = 0; let autoplayTimer = null; let isDragging = false; let dragStartX = 0; let dragDeltaX = 0; let pointerId = null; const isMobileLayout = function () { return MOBILE_QUERY.matches; }; const getSlideMetrics = function () { const wrapperWidth = trackWrapper.offsetWidth; if (!isMobileLayout()) { return { mode: 'desktop', wrapperWidth: wrapperWidth }; } const styles = getComputedStyle(gallery); const gap = parseFloat(styles.getPropertyValue('--gallery-slide-gap')) || 12; const ratio = parseFloat(styles.getPropertyValue('--gallery-slide-ratio')) || 0.82; const slideWidth = wrapperWidth * ratio; const step = slideWidth + gap; const centerOffset = (wrapperWidth - slideWidth) / 2; return { mode: 'mobile', wrapperWidth: wrapperWidth, slideWidth: slideWidth, step: step, centerOffset: centerOffset }; }; const getTransformValue = function (index, dragPx) { const metrics = getSlideMetrics(); if (metrics.mode === 'desktop') { const dragPercent = metrics.wrapperWidth ? (dragPx / metrics.wrapperWidth) * 100 : 0; return `translateX(-${index * 100 - dragPercent}%)`; } const offset = metrics.centerOffset - index * metrics.step + dragPx; return `translateX(${offset}px)`; }; const updateGallery = function (animate) { if (animate === false) { track.classList.add('is-dragging'); } else { track.classList.remove('is-dragging'); } track.style.transform = getTransformValue( currentIndex, isDragging ? dragDeltaX : 0 ); slides.forEach(function (slide, index) { slide.classList.toggle('is-active', index === currentIndex); }); }; const goTo = function (index) { currentIndex = (index + slides.length) % slides.length; updateGallery(true); restartAutoplay(); }; const goNext = function () { goTo(currentIndex + 1); }; const goPrev = function () { goTo(currentIndex - 1); }; const stopAutoplay = function () { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } }; const startAutoplay = function () { if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) { return; } stopAutoplay(); autoplayTimer = setInterval(goNext, AUTOPLAY_DELAY); }; const restartAutoplay = function () { stopAutoplay(); startAutoplay(); }; const endDrag = function (deltaX) { trackWrapper.classList.remove('is-dragging'); track.classList.remove('is-dragging'); isDragging = false; dragDeltaX = 0; pointerId = null; if (deltaX <= -SWIPE_THRESHOLD) { goNext(); return; } if (deltaX >= SWIPE_THRESHOLD) { goPrev(); return; } updateGallery(true); restartAutoplay(); }; const onPointerDown = function (event) { if (event.pointerType === 'mouse' && event.button !== 0) { return; } stopAutoplay(); isDragging = true; dragStartX = event.clientX; dragDeltaX = 0; pointerId = event.pointerId; trackWrapper.classList.add('is-dragging'); track.classList.add('is-dragging'); if (trackWrapper.setPointerCapture) { trackWrapper.setPointerCapture(event.pointerId); } }; const onPointerMove = function (event) { if (!isDragging || event.pointerId !== pointerId) { return; } dragDeltaX = event.clientX - dragStartX; updateGallery(false); }; const onPointerUp = function (event) { if (!isDragging || event.pointerId !== pointerId) { return; } const deltaX = dragDeltaX; if (trackWrapper.releasePointerCapture) { trackWrapper.releasePointerCapture(event.pointerId); } endDrag(deltaX); }; prevBtn.addEventListener('click', goPrev); nextBtn.addEventListener('click', goNext); trackWrapper.addEventListener('pointerdown', onPointerDown); trackWrapper.addEventListener('pointermove', onPointerMove); trackWrapper.addEventListener('pointerup', onPointerUp); trackWrapper.addEventListener('pointercancel', onPointerUp); gallery.addEventListener('mouseenter', stopAutoplay); gallery.addEventListener('mouseleave', startAutoplay); document.addEventListener('visibilitychange', function () { if (document.hidden) { stopAutoplay(); } else { startAutoplay(); } }); window.addEventListener('resize', function () { updateGallery(true); }); MOBILE_QUERY.addEventListener('change', function () { updateGallery(true); }); updateGallery(true); startAutoplay(); })(); </script>