286 lines
18 KiB
HTML
286 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<meta name="theme-color" content="#151515">
|
||
<meta name="robots" content="noindex,nofollow">
|
||
<title>Отчёт</title>
|
||
<link rel="stylesheet" href="/report.css">
|
||
<link rel="stylesheet" href="/report.custom.css">
|
||
</head>
|
||
<body>
|
||
<div class="mosaic-wrap">
|
||
<div class="root root--u-i8z5xo3zc" id="top">
|
||
|
||
<section class="section paddings--left-right section--u-i7l3q2nvu rep-nav">
|
||
<div class="container container--u-i80idakgi">
|
||
<a href="#top" class="link-block link-block--u-ij7yf5mm2">
|
||
<div class="image image--u-irhpgss26 rep-logo-box">
|
||
<img id="brandLogo" class="rep-brand-logo" alt="" hidden>
|
||
<span class="rep-logo" id="brandMark">—</span>
|
||
</div>
|
||
<span class="rep-brand-name" id="brandName" hidden></span>
|
||
</a>
|
||
<div class="menu menu--u-i9yrdei10 menu--s2-i9yrdei10">
|
||
<div class="menu__fixed-wrapper menu__fixed-wrapper--s2-iek5sxvy1 rep-menu-panel" id="navPanel">
|
||
<div class="menu__scroll-wrapper menu__scroll-wrapper--u-ihg46fvlv menu__scroll-wrapper--s2-ihg46fvlv">
|
||
<div class="menu__wrapper-lvl1 menu__wrapper-lvl1--u-ic1ljomjg menu__wrapper-lvl1--s2-ic1ljomjg">
|
||
<div class="menu__list-lvl1 menu__list-lvl1--u-ioyaxt4m1 menu__list-lvl1--s2-ioyaxt4m1">
|
||
<div class="menu__item-lvl1 menu__item-lvl1--u-imeieea6o" data-nav="about">
|
||
<a href="#about" class="menu__link-lvl1 menu__link-lvl1--u-i6278jyvl">
|
||
<div class="menu__link-text menu__link-text--u-i2qgb1ij1"><span class="text-block-wrap-div">Обо мне</span></div>
|
||
</a>
|
||
</div>
|
||
<div class="menu__item-lvl1 menu__item-lvl1--u-imeieea6o" data-nav="timeline">
|
||
<a href="#timeline" class="menu__link-lvl1 menu__link-lvl1--u-i6278jyvl">
|
||
<div class="menu__link-text menu__link-text--u-i2qgb1ij1"><span class="text-block-wrap-div">Хроника</span></div>
|
||
</a>
|
||
</div>
|
||
<div class="menu__item-lvl1 menu__item-lvl1--u-imeieea6o" data-nav="works">
|
||
<a href="#works" class="menu__link-lvl1 menu__link-lvl1--u-i6278jyvl">
|
||
<div class="menu__link-text menu__link-text--u-i2qgb1ij1"><span class="text-block-wrap-div">Работы</span></div>
|
||
</a>
|
||
</div>
|
||
<div class="menu__item-lvl1 menu__item-lvl1--u-imeieea6o" data-nav="gallery">
|
||
<a href="#gallery" class="menu__link-lvl1 menu__link-lvl1--u-i6278jyvl">
|
||
<div class="menu__link-text menu__link-text--u-i2qgb1ij1"><span class="text-block-wrap-div">Фото</span></div>
|
||
</a>
|
||
</div>
|
||
<div class="menu__item-lvl1 menu__item-lvl1--u-imeieea6o" data-nav="files">
|
||
<a href="#files" class="menu__link-lvl1 menu__link-lvl1--u-i6278jyvl">
|
||
<div class="menu__link-text menu__link-text--u-i2qgb1ij1"><span class="text-block-wrap-div">Файлы</span></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div role="button" class="menu__close-button menu__close-button--u-ib386a3r1 menu__close-button--s2-ib386a3r1 rep-menu-close" id="navClose"></div>
|
||
</div>
|
||
<div role="button" class="menu__burger-button menu__burger-button--u-ibf8kzqjr menu__burger-button--s2-ibf8kzqjr rep-burger" id="navBurger"></div>
|
||
<div class="menu__overlay menu__overlay--u-io05iogd9 rep-overlay" id="navOverlay"></div>
|
||
</div>
|
||
<a href="#contact" class="link text--link-1 link--u-i2ifdcrc4"><span class="text-block-wrap-div">Контакты</span></a>
|
||
</div>
|
||
</section>
|
||
|
||
<div id="errorBox" class="rep-error" style="display:none">
|
||
<div class="rep-error-inner">
|
||
<div class="rep-error-title">Отчёт недоступен</div>
|
||
<div class="rep-error-text" id="errorText"></div>
|
||
<a href="/" class="button button--u-i4a1jl1f8 text--button rep-error-btn">
|
||
<span class="text-button text-button--u-i4t8wl9m2"><span class="text-block-wrap-div">На главную</span></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<main id="content" style="display:none">
|
||
<section class="section section--u-imrochvid" id="hero">
|
||
<div class="text text--u-ihro87s5g h1" id="heroName"><span class="text-block-wrap-div">—</span></div>
|
||
<div class="div div--u-iypw3r3hy"></div>
|
||
<div class="div div--u-iac2fpjoy paddings--left-right">
|
||
<div class="text text--u-if3tqh9j6 t2" id="heroRole"><span class="text-block-wrap-div">—</span></div>
|
||
<div class="text text--u-il0q6mzel t2" id="heroPeriod"><span class="text-block-wrap-div">—</span></div>
|
||
</div>
|
||
<div class="div div--u-ii07pa6dy">
|
||
<div class="image image--u-ivhonc1br">
|
||
<img class="image__img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDExIiBoZWlnaHQ9IjQxMiIgdmlld0JveD0iMCAwIDQxMSA0MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjIwNSIgY3k9IjIwNiIgcj0iMjA0LjUiIHN0cm9rZT0iIzIxMjEyMSIvPgo8cmVjdCB3aWR0aD0iNTgxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1KSIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4KCg==" alt="">
|
||
</div>
|
||
<div class="div div--u-ivyxhpbts">
|
||
<div class="div div--u-inb3arto0">
|
||
<div class="div div--u-iloks34xh">
|
||
<div class="image image--u-id09xtq63">
|
||
<img class="image__img image__img--s2-ipfbguwr1" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEwyMCAyMEgwVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjAgMjBMNDAgLTguNzQyMjhlLTA3TDQwIDIwTDIwIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cgo=" alt="">
|
||
</div>
|
||
<div class="text text--u-is1fxv2no l1 rep-hero-lead" id="heroLead"><span class="text-block-wrap-div"></span></div>
|
||
<div class="text text--u-ig2k8b0st l1" id="heroTag"><span class="text-block-wrap-div">[Отчёт]</span></div>
|
||
<div class="image image--u-i5hwy71ca">
|
||
<img class="image__img image__img--s2-icfu2drw3" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwIDIwTDIwIC0xLjc0ODQ2ZS0wNkw0MCAwTDQwIDIwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIwIDBMLTguNzQyMjhlLTA3IDIwTDAgLTguNzQyMjhlLTA3TDIwIDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KCg==" alt="">
|
||
</div>
|
||
<div class="div div--u-iasmwwdzw"></div>
|
||
<div class="div div--u-i9jct2f9m"></div>
|
||
<div class="div div--u-is7e9z5nq"></div>
|
||
<div class="div div--u-i0k4yxpc8"></div>
|
||
</div>
|
||
</div>
|
||
<div class="image image--u-is0urbrfg rep-hero-photo" id="heroPhotoBox">
|
||
<img class="image__img" id="heroPhoto" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="image image--u-i8jhhfeik">
|
||
<img class="image__img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEwIiBoZWlnaHQ9IjQxMiIgdmlld0JveD0iMCAwIDQxMCA0MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjIwNSIgY3k9IjIwNSIgcj0iMjA0LjUiIHN0cm9rZT0iIzIxMjEyMSIvPgo8cmVjdCB4PSI0MTEiIHk9IjEiIHdpZHRoPSI1ODAiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMTM1IDQxMSAxKSIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4KCg==" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="div div--u-ivqnx6ncb"></div>
|
||
<div class="div div--u-ivysvnhdd"></div>
|
||
</section>
|
||
|
||
<section class="section section--u-ije008ww5 paddings--left-right" id="about">
|
||
<div class="div div--u-ikil9thol"></div>
|
||
<div class="text text--u-ivqsnwblc h2" id="aboutTitle"><span class="text-block-wrap-div">Обо мне</span></div>
|
||
<div class="div div--u-isbf1g6de"></div>
|
||
<div class="div div--u-iayi3al5a">
|
||
<div class="div div--u-i7arpju57"></div>
|
||
<div class="div div--u-i6wqm8o03">
|
||
<div class="text text--u-iaopidyhq h3" id="aboutLead"><span class="text-block-wrap-div"></span></div>
|
||
</div>
|
||
<div class="div div--u-isrs3fsi8">
|
||
<div class="div div--u-ih80fbo71"></div>
|
||
<div class="div div--u-inkx4saax">
|
||
<div class="image image--u-iidjge3zd rep-about-photo" id="aboutPhotoBox">
|
||
<img class="image__img" id="aboutPhoto" alt="">
|
||
</div>
|
||
<div class="div div--u-irqublwm9"></div>
|
||
<div class="div div--u-ikxc1qjen"></div>
|
||
<div class="div div--u-i88rv34ah"></div>
|
||
<div class="div div--u-i8l8bxdx6"></div>
|
||
</div>
|
||
<div class="div div--u-iryjyivpv">
|
||
<div class="text text--u-igq5dogo6 t2" id="aboutNote"><span class="text-block-wrap-div"></span></div>
|
||
</div>
|
||
</div>
|
||
<div class="list list--u-i59hjh2ej" id="statsList"></div>
|
||
</div>
|
||
<a href="#contact" class="button button--u-i4a1jl1f8 text--button">
|
||
<span class="text-button text-button--u-i4t8wl9m2"><span class="text-block-wrap-div">Связаться</span></span>
|
||
</a>
|
||
</section>
|
||
|
||
<section class="section paddings--left-right section--u-iw83bdcw9" id="timeline">
|
||
<div class="text text--u-i6dz2a56i h2"><span class="text-block-wrap-div">Хроника занятий</span></div>
|
||
<div class="list list--u-iaxl58kyi" id="timelineList"></div>
|
||
</section>
|
||
|
||
<section class="section section--u-ibq7nxfzo paddings--left-right" id="works">
|
||
<div class="text h2 text--u-ihb2xbsz6"><span class="text-block-wrap-div">Работы</span></div>
|
||
<div class="div rep-slider" data-slider="works">
|
||
<div class="blocklist blocklist--u-ivlioq6ab blocklist--s2-ivlioq6ab">
|
||
<div class="blocklist__list-wrapper blocklist__list-wrapper--s2-i4t2ufz23">
|
||
<div class="blocklist__list blocklist__list--s2-iou286xss" id="worksTrack"></div>
|
||
</div>
|
||
<div class="blocklist__controls-wrapper blocklist__controls-wrapper--s2-igcvqnkng">
|
||
<div class="blocklist__controls blocklist__controls--u-igz87d7pf">
|
||
<div class="blocklist__control-arrows blocklist__control-arrows--u-ihwh9bgqr">
|
||
<div role="button" class="blocklist__arrow-prev2 blocklist__arrow-prev2--u-i72uloioe" data-slider-prev></div>
|
||
<div role="button" class="blocklist__arrow-next2 blocklist__arrow-next2--u-ivlw85q4f" data-slider-next></div>
|
||
</div>
|
||
<div class="blocklist__controls-pagination-wrapper"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section paddings--left-right section--u-ip0mjje82" id="files">
|
||
<div class="text text--u-i24jt3mcb h2"><span class="text-block-wrap-div">Проектные файлы</span></div>
|
||
<div class="list list--u-iix2uh3ie" id="filesList"></div>
|
||
</section>
|
||
<section class="section section--u-i0y44hvpw paddings--left-right" id="gallery">
|
||
<div class="text h2 text--u-ikcqharhc"><span class="text-block-wrap-div">Фото группы</span></div>
|
||
<div class="div div--u-ig1bsrybs"></div>
|
||
<div class="div div--u-i0kioh3ih"></div>
|
||
<div class="div rep-slider" data-slider="gallery">
|
||
<div class="blocklist blocklist--u-iohyxn81v blocklist--s2-iohyxn81v">
|
||
<div class="blocklist__list-wrapper blocklist__list-wrapper--s2-ijirftpw5">
|
||
<div class="blocklist__list blocklist__list--s2-iak70wit9" id="galleryTrack"></div>
|
||
</div>
|
||
<div class="blocklist__controls-wrapper blocklist__controls-wrapper--s2-ig787iibk">
|
||
<div class="blocklist__controls blocklist__controls--u-iau8c9wem">
|
||
<div class="blocklist__control-arrows blocklist__control-arrows--u-ihw55qli4">
|
||
<div role="button" class="blocklist__arrow-prev2 blocklist__arrow-prev2--u-i8t1smxl7" data-slider-prev></div>
|
||
<div role="button" class="blocklist__arrow-next2 blocklist__arrow-next2--u-ixzxe7qta" data-slider-next></div>
|
||
</div>
|
||
<div class="blocklist__controls-pagination-wrapper"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="section section--u-ihbjvn71x" id="contact">
|
||
<div class="text text--u-ifdrgto5v h2"><span class="text-block-wrap-div">Связь с нами</span></div>
|
||
<div class="div div--u-ivyhwi7sr"></div>
|
||
<div class="div div--u-iq5a3c8eo">
|
||
<div class="image image--u-ipv2zlpi2">
|
||
<img class="image__img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDExIiBoZWlnaHQ9IjQxMiIgdmlld0JveD0iMCAwIDQxMSA0MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjIwNSIgY3k9IjIwNiIgcj0iMjA0LjUiIHN0cm9rZT0iIzIxMjEyMSIvPgo8cmVjdCB3aWR0aD0iNTgxIiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1KSIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4KCg==" alt="">
|
||
</div>
|
||
<div class="text text--u-ieyliov62 h3" id="contactNote"><span class="text-block-wrap-div"></span></div>
|
||
<div class="image image--u-im8xge6of">
|
||
<img class="image__img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEwIiBoZWlnaHQ9IjQxMiIgdmlld0JveD0iMCAwIDQxMCA0MTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjIwNSIgY3k9IjIwNSIgcj0iMjA0LjUiIHN0cm9rZT0iIzIxMjEyMSIvPgo8cmVjdCB4PSI0MTEiIHk9IjEiIHdpZHRoPSI1ODAiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoMTM1IDQxMSAxKSIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4KCg==" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="div div--u-ifj6asx15">
|
||
<div class="div div--u-i95yztn00"></div>
|
||
<div class="div div--u-iqswnal3i"></div>
|
||
<div class="image image--u-i9ff2hgvg rep-footer-photo" id="footerPhotoBox">
|
||
<img class="image__img" id="footerPhoto" alt="">
|
||
</div>
|
||
<div class="image image--u-ishqnsp3y">
|
||
<img class="image__img" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEwyMCAyMEgwVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjAgMjBMNDAgLTguNzQyMjhlLTA3TDQwIDIwTDIwIDIwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cgo=" alt="">
|
||
</div>
|
||
<div class="div div--u-iosm3syjx"></div>
|
||
<div class="div div--u-imsajm4rq"></div>
|
||
</div>
|
||
<div class="div div--u-i0phithov">
|
||
<div class="div div--u-i82ybieml">
|
||
<a href="#top" class="link-block link-block--u-ic5ntfotz">
|
||
<div class="image image--u-iwz9z9ztv rep-logo-box rep-logo-box--footer"><span class="rep-logo rep-logo--white" id="brandMarkFooter">—</span></div>
|
||
</a>
|
||
<div class="div div--u-iqpqkl8er">
|
||
<div class="div div--u-i230b7fin">
|
||
<div class="text t2 text--u-iukrw4zbo"><span class="text-block-wrap-div">Меню</span></div>
|
||
<a href="#about" class="link text--link-1 link--u-ihn1tumex"><span class="text-block-wrap-div">Обо мне</span></a>
|
||
<a href="#timeline" class="link text--link-1 link--u-iw5fg3iez"><span class="text-block-wrap-div">Хроника занятий</span></a>
|
||
<a href="#works" class="link text--link-1 link--u-i6sruiw9p" data-nav="works"><span class="text-block-wrap-div">Работы</span></a>
|
||
<a href="#files" class="link text--link-1 link--u-ivy8mkxoi" data-nav="files"><span class="text-block-wrap-div">Файлы</span></a>
|
||
<a href="#gallery" class="link text--link-1 link--u-i17jh0lsx" data-nav="gallery"><span class="text-block-wrap-div">Фото группы</span></a>
|
||
</div>
|
||
<div class="div div--u-i3z8k7bsc">
|
||
<div class="text t2 text--u-isp07chjo"><span class="text-block-wrap-div">Отчёт</span></div>
|
||
<div class="link text--link-1 rep-static"><span class="text-block-wrap-div" id="footGroup"></span></div>
|
||
<div class="link text--link-1 rep-static"><span class="text-block-wrap-div" id="footPeriod"></span></div>
|
||
<div class="link text--link-1 rep-static"><span class="text-block-wrap-div" id="footCreated"></span></div>
|
||
</div>
|
||
<div class="div div--u-i94yzqcsn">
|
||
<div class="text t2 text--u-ibz851gxs"><span class="text-block-wrap-div">Ссылка</span></div>
|
||
<a href="#" class="link text--link-1 link--u-ioxiekbkh" id="footLink" target="_blank" rel="noopener noreferrer" style="display:none"><span class="text-block-wrap-div">Перейти по ссылке</span></a>
|
||
<div class="link text--link-1 rep-static"><span class="text-block-wrap-div" id="footExpires"></span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form form--u-i3ge2e3aw rep-contact">
|
||
<div class="rep-contact-title" id="contactLead"></div>
|
||
<div class="rep-contact-note" id="contactSub"></div>
|
||
<a href="#top" class="button button--u-i4a1jl1f8 text--button rep-contact-btn" id="contactBtn">
|
||
<span class="text-button text-button--u-i4t8wl9m2"><span class="text-block-wrap-div">В начало отчёта</span></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="div div--u-inush9rz9">
|
||
<div class="text t2 text--u-irub9snx4"><span class="text-block-wrap-div" id="footCopy"></span></div>
|
||
<div class="link text--link-1 rep-static"><span class="text-block-wrap-div" id="footBrand">WhatIDo</span></div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="rep-countdown" id="countdown" style="display:none"><span class="rep-cd-text"></span></div>
|
||
|
||
<div class="rep-lightbox" id="lightbox"><img id="lightboxImg" alt=""></div>
|
||
|
||
<div class="rep-modal" id="passwordModal">
|
||
<div class="rep-modal-box">
|
||
<div class="rep-modal-title">Ссылка защищена паролем</div>
|
||
<div class="rep-modal-text">Введите пароль, чтобы открыть отчёт</div>
|
||
<input type="password" id="passwordInput" class="rep-modal-input" placeholder="Пароль" autocomplete="current-password">
|
||
<button type="button" id="passwordSubmitBtn" class="button button--u-i4a1jl1f8 text--button rep-modal-btn">
|
||
<span class="text-button text-button--u-i4t8wl9m2"><span class="text-block-wrap-div">Войти</span></span>
|
||
</button>
|
||
<div class="rep-modal-error" id="passwordError" style="display:none">Неверный пароль</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/js/report.js"></script>
|
||
</body>
|
||
</html>
|