-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 14.5 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Personal welcome page"><link rel="shortcut icon" type="image/x-icon" href="./favicon.ico?v=1"><link rel="stylesheet" href="./css/style.min.css"><noscript><style>*{cursor:auto}#quote{max-width:max-content}@media screen and (max-width:1200px){#quote{max-width:100%}}</style></noscript><title>Pilot</title><meta name="google-site-verification" content="DaJt66bgd3bWUiPzV9_AH-a195b5yPif6_o6qxC-am0" /></head><body><input type="checkbox" name="theme-toggler" id="themeToggler" autocomplete="off"><main id="page"><div id="cursor"><div class="cursor__ball cursor__ball--big"></div><div class="cursor__ball cursor__ball--small"></div></div><label id="themeTogglerLabel" for="themeToggler" class="hoverable"><svg id="themeIcon" width="100%" height="100%" viewBox="0 0 71 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:10"><g id="sun"><circle cx="35.46" cy="35.45" r="19.83" style="fill:none;stroke-width:2px"/><path d="M61.4,35.45L69.91,35.45" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M1,35.45L9.51,35.45" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M35.46,61.4L35.46,69.9" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M35.46,1L35.46,9.5" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M53.76,53.8L59.78,59.81" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M11.06,11.09L17.07,17.1" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M17.07,53.8L11.06,59.81" style="fill:none;fill-rule:nonzero;stroke-width:2px"/><path d="M59.78,11.09L53.76,17.1" style="fill:none;fill-rule:nonzero;stroke-width:2px"/></g><g id="cloud_left"><path d="M57.61,42s0,.07,0,.11A4.18,4.18,0,0,1,53.49,46H17.16a6,6,0,0,1-5.89-6v-.07A9.73,9.73,0,0,1,20.77,30a9,9,0,0,1,3.53.71h0a12.61,12.61,0,0,1,11.52-7.78A12.75,12.75,0,0,1,48,32.61h0a6.24,6.24,0,0,1,1-.08A8.71,8.71,0,0,1,57.61,42Z"/></g><g id="cloud_right"><path d="M57.58,41v0a4.43,4.43,0,0,1-4.41,4.4h-36a5.84,5.84,0,0,1-5.88-5.71v-.07a9.47,9.47,0,0,1,9.47-9.48,9.35,9.35,0,0,1,3.52.68h0A12.61,12.61,0,0,1,45.68,28.2h0a4.62,4.62,0,0,1,3,0,4.39,4.39,0,0,1,3,4.79v0h0A8.4,8.4,0,0,1,57.58,41Z"/></g></svg></label><div id="content" lang="ru"><h1 class="title">Программиста ищем, значит?</h1><div id="box"><label for="whoami_checkbox" id="whoami" class="hoverable"><h2>Кто я?</h2></label> <label for="statistics_checkbox" id="statistics" class="hoverable"><h2>Статистика</h2></label> <label for="contacts_checkbox" id="contacts" class="hoverable"><h2>Контакты</h2></label> <label for="works_checkbox" id="works" class="hoverable"><h2>Работы</h2></label><!-- MODAL --><!-- WHOAMI --> <input type="checkbox" name="whoami" id="whoami_checkbox" autocomplete="off"><div class="modal" id="whoami_modal"><label class="modal__bg" for="whoami_checkbox"></label><div class="modal__inner"><div class="modal__header"><h2>Кто я?</h2><label class="modal__close hoverable" for="whoami_checkbox"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L21 21" stroke-width="2" stroke-linejoin="round"/><path d="M21 1L0.999998 21" stroke-width="2" stroke-linejoin="round"/></svg></label></div><p>Студент последних курсов технического вуза. Учился в Винницком Национальном Техническом университете, после перевелся в Хмельницкий Национальный Политехнический университет. Много работал в других сферах, имею несколько лет трудового стажа и опыта работы в продажах и кулинарии.</p><p>Сейчас иду к тому, чтобы сделать веб-разработку своей основной деятельностью и источником дохода.</p></div></div><!-- STATISTICS --> <input type="checkbox" name="statistics" id="statistics_checkbox" autocomplete="off"><div class="modal" id="statistics_modal"><label class="modal__bg" for="statistics_checkbox"></label><div class="modal__inner"><div class="modal__header"><h2>Статистика</h2><label class="modal__close hoverable" for="statistics_checkbox"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L21 21" stroke-width="2" stroke-linejoin="round"/><path d="M21 1L0.999998 21" stroke-width="2" stroke-linejoin="round"/></svg></label></div><div id="statistics_box"><div id="complete_projects"><div class="counter_upper">5</div><div class="counter_desc">Коммерческих проектов выполнено</div></div><div id="averal_day"><div class="counter_upper"><div>3<span class="low_counter">дня</span></div></div><div class="counter_desc">Среднее время выполнения проекта</div></div><div id="line_counter"><div class="counter_upper" id="progressBar"></div><div class="counter_desc">Строк кода написано, пока вы находитесь на этом сайте</div></div></div></div></div><!-- CONTACTS --> <input type="checkbox" name="contacts" id="contacts_checkbox" autocomplete="off"><div class="modal" id="contacts_modal"><label class="modal__bg" for="contacts_checkbox"></label><div class="modal__inner"><div class="modal__header"><h2>Контакты</h2><label class="modal__close hoverable" for="contacts_checkbox"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L21 21" stroke-width="2" stroke-linejoin="round"/><path d="M21 1L0.999998 21" stroke-width="2" stroke-linejoin="round"/></svg></label></div><div id="contacts_box"><a href="mailto:wasiliev.cloud@gmail.com" id="mail" class="hoverable" target="_blank" rel="noopener">wasiliev.cloud@gmail.com</a> <a href="https://www.instagram.com/wasiliev96/" id="instagram" class="hoverable" target="_blank" rel="noopener"><svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 2.69923C19.0103 2.69923 19.473 2.71851 21.054 2.79563C22.5193 2.85347 23.3098 3.10411 23.8303 3.3162C24.5244 3.58612 25.0257 3.91388 25.5463 4.43445C26.0668 4.95501 26.3946 5.4563 26.6645 6.15039C26.8766 6.67095 27.108 7.48072 27.1851 8.92673C27.2622 10.5077 27.2815 10.9897 27.2815 14.9807C27.2815 18.991 27.2622 19.4537 27.1851 21.0347C27.1272 22.5 26.8766 23.2905 26.6645 23.8111C26.3946 24.5051 26.0668 25.0064 25.5463 25.527C25.0257 26.0476 24.5244 26.3753 23.8303 26.6452C23.3098 26.8573 22.5 27.0887 21.054 27.1658C19.473 27.2429 19.0103 27.2622 15 27.2622C10.9897 27.2622 10.527 27.2429 8.94601 27.1658C7.48072 27.108 6.69023 26.8573 6.16967 26.6452C5.47558 26.3753 4.97429 26.0476 4.45373 25.527C3.93316 25.0064 3.6054 24.5051 3.33548 23.8111C3.12339 23.2905 2.89203 22.4807 2.81491 21.0347C2.73779 19.4537 2.71851 18.9717 2.71851 14.9807C2.71851 10.9704 2.73779 10.5077 2.81491 8.92673C2.87275 7.46144 3.12339 6.67095 3.33548 6.15039C3.6054 5.4563 3.91388 4.95501 4.45373 4.43445C4.97429 3.91388 5.47558 3.58612 6.16967 3.3162C6.69023 3.10411 7.5 2.87275 8.94601 2.79563C10.527 2.71851 11.009 2.69923 15 2.69923ZM15 0C10.9319 0 10.4113 0.0192797 8.83033 0.0964005C7.23008 0.173521 6.15038 0.424164 5.18637 0.790488C4.20308 1.17609 3.37404 1.67738 2.52571 2.52571C1.69666 3.35476 1.17609 4.20308 0.790489 5.18638C0.424165 6.13111 0.173522 7.23008 0.0964014 8.83033C0.0192806 10.4306 0 10.9319 0 15C0 19.0681 0.0192806 19.5887 0.0964014 21.1697C0.173522 22.7699 0.424165 23.8496 0.790489 24.8136C1.17609 25.7969 1.67738 26.626 2.52571 27.4743C3.35476 28.3033 4.20308 28.8239 5.18637 29.2095C6.1311 29.5758 7.23008 29.8265 8.83033 29.9036C10.4306 29.9807 10.9319 30 15 30C19.0681 30 19.5887 29.9807 21.1697 29.9036C22.7699 29.8265 23.8496 29.5758 24.8136 29.2095C25.7969 28.8239 26.626 28.3226 27.4743 27.4743C28.3033 26.6452 28.8239 25.7969 29.2095 24.8136C29.5758 23.8689 29.8265 22.7699 29.9036 21.1697C29.9807 19.5694 30 19.0681 30 15C30 10.9319 29.9807 10.4113 29.9036 8.83033C29.8265 7.23008 29.5758 6.15039 29.2095 5.18638C28.8239 4.20308 28.3226 3.37404 27.4743 2.52571C26.6452 1.69666 25.7969 1.17609 24.8136 0.790488C23.8689 0.424164 22.7699 0.173521 21.1697 0.0964005C19.5887 0.0192797 19.0681 0 15 0Z" fill="#C5DDE2"/><path d="M15 7.5C10.8647 7.5 7.5 10.8647 7.5 15C7.5 19.1353 10.8647 22.5 15 22.5C19.1353 22.5 22.5 19.1353 22.5 15C22.5 10.8647 19.1541 7.5 15 7.5ZM15 19.8684C12.312 19.8684 10.1316 17.688 10.1316 15C10.1316 12.312 12.312 10.1316 15 10.1316C17.688 10.1316 19.8684 12.312 19.8684 15C19.8684 17.688 17.688 19.8684 15 19.8684Z" fill="#C5DDE2"/><path d="M25 8.125C25 9.15323 24.1532 10 23.125 10C22.0766 10 21.25 9.15323 21.25 8.125C21.25 7.09677 22.0968 6.25 23.125 6.25C24.1734 6.25 25 7.09677 25 8.125Z" fill="#C5DDE2"/></svg> </a><a href="https://www.facebook.com/wasiliev96" id="facebook" class="hoverable" target="_blank" rel="noopener"><svg width="14" height="30" viewBox="0 0 14 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.1217 30H9.20635V14.8687H13.4568L13.9153 9.80736H9.22399C9.22399 9.80736 9.22399 7.91594 9.22399 6.91769C9.22399 5.7268 9.4709 5.25394 10.6349 5.25394C11.5697 5.25394 13.933 5.25394 13.933 5.25394V0C13.933 0 10.4586 0 9.71782 0C5.18519 0 3.15697 1.97898 3.15697 5.76182C3.15697 9.0718 3.15697 9.80736 3.15697 9.80736H0V14.9387H3.15697V30H3.1217Z" fill="#C5DDE2"/></svg> </a><a href="tg://resolve?domain=wasiliev" id="telegram" class="hoverable" rel="noopener"><svg width="30" height="23" viewBox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.7668 0.0559123L0.580427 10.0749C-0.209661 10.3522 -0.189909 11.4243 0.619931 11.6646L7.88875 13.9568L24.4411 3.9563L11.3454 15.3987L21.5375 22.6449C22.6041 23.4028 24.1448 22.8852 24.4609 21.6836L29.9717 1.03563C30.1495 0.388647 29.4582 -0.184396 28.7668 0.0559123Z" fill="#C5DDE2"/></svg> </a><a href="https://github.com/wasiliev96" id="github" class="hoverable" target="_blank" rel="noopener"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7238 40.2599C16.7238 40.4667 16.4919 40.6321 16.1996 40.6321C15.8669 40.6631 15.6351 40.4977 15.6351 40.2599C15.6351 40.0531 15.8669 39.8877 16.1593 39.8877C16.4617 39.8567 16.7238 40.0221 16.7238 40.2599ZM13.5887 39.7947C13.5181 40.0014 13.7198 40.2392 14.0222 40.3013C14.2843 40.4047 14.5867 40.3013 14.6472 40.0945C14.7077 39.8877 14.5161 39.6499 14.2137 39.5569C13.9516 39.4845 13.6593 39.5879 13.5887 39.7947ZM18.0444 39.6189C17.752 39.6913 17.5504 39.8877 17.5806 40.1255C17.6109 40.3323 17.873 40.4667 18.1754 40.3943C18.4677 40.322 18.6694 40.1255 18.6391 39.9187C18.6089 39.7223 18.3367 39.5879 18.0444 39.6189ZM24.6774 0C10.6956 0 0 10.8869 0 25.2271C0 36.693 7.03629 46.5047 17.0867 49.9579C18.377 50.1957 18.8306 49.3789 18.8306 48.7069C18.8306 48.0658 18.8004 44.5299 18.8004 42.3587C18.8004 42.3587 11.744 43.9096 10.2621 39.2777C10.2621 39.2777 9.1129 36.2691 7.45968 35.4937C7.45968 35.4937 5.15121 33.8704 7.62097 33.9015C7.62097 33.9015 10.131 34.1082 11.5121 36.5689C13.7198 40.5598 17.4194 39.4121 18.8609 38.7298C19.0927 37.0755 19.748 35.9279 20.4738 35.2455C14.8387 34.6045 9.15323 33.7671 9.15323 23.821C9.15323 20.9778 9.91935 19.551 11.5323 17.7313C11.2702 17.0593 10.4133 14.2884 11.7944 10.7112C13.9012 10.0391 18.75 13.5027 18.75 13.5027C20.7661 12.9237 22.9335 12.6239 25.0806 12.6239C27.2278 12.6239 29.3952 12.9237 31.4113 13.5027C31.4113 13.5027 36.2601 10.0288 38.3669 10.7112C39.748 14.2988 38.8911 17.0593 38.629 17.7313C40.2419 19.5613 41.2298 20.9881 41.2298 23.821C41.2298 33.7981 35.2923 34.5942 29.6573 35.2455C30.5847 36.0623 31.371 37.6132 31.371 40.0428C31.371 43.527 31.3407 47.8384 31.3407 48.6862C31.3407 49.3582 31.8044 50.175 33.0847 49.9372C43.1653 46.5047 50 36.693 50 25.2271C50 10.8869 38.6593 0 24.6774 0ZM9.79839 35.6591C9.66734 35.7625 9.69758 36.0003 9.86895 36.1967C10.0302 36.3621 10.2621 36.4345 10.3931 36.3001C10.5242 36.1967 10.494 35.9589 10.3226 35.7625C10.1613 35.597 9.92944 35.5247 9.79839 35.6591ZM8.70968 34.8216C8.63911 34.956 8.73992 35.1215 8.94153 35.2248C9.10282 35.3282 9.30444 35.2972 9.375 35.1525C9.44556 35.0181 9.34476 34.8526 9.14314 34.7493C8.94153 34.6872 8.78024 34.7182 8.70968 34.8216ZM11.9758 38.5023C11.8145 38.6367 11.875 38.9469 12.1069 39.1433C12.3387 39.3811 12.631 39.4121 12.7621 39.2467C12.8931 39.1123 12.8327 38.8021 12.631 38.6057C12.4093 38.3679 12.1069 38.3369 11.9758 38.5023ZM10.8266 36.9825C10.6653 37.0859 10.6653 37.3547 10.8266 37.5925C10.9879 37.8303 11.2601 37.9337 11.3911 37.8303C11.5524 37.6959 11.5524 37.4271 11.3911 37.1893C11.25 36.9515 10.9879 36.8481 10.8266 36.9825Z" fill="#C5DDE2"/></svg> </a><a id="designer" href="https://www.instagram.com/zaecwork/" target="_blank" rel="noopener">Дизайн: @zaecwork</a></div></div></div><!-- WORKS --> <input type="checkbox" name="works" id="works_checkbox" autocomplete="off"><div class="modal" id="works_modal"><label class="modal__bg" for="works_checkbox"></label><div class="modal__inner"><div class="modal__header"><h2>Работы</h2><label class="modal__close hoverable" for="works_checkbox"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L21 21" stroke-width="2" stroke-linejoin="round"/><path d="M21 1L0.999998 21" stroke-width="2" stroke-linejoin="round"/></svg></label></div><div class="works-container"><div class="work-link"><a href="#" class="hoverable">В скором времени здесь будет ссылка на мой новый проект.</a></div><div class="work-link"><a href="#" class="hoverable">В скором времени здесь будет ссылка на мой новый проект.</a></div><div class="work-link"><a href="#" class="hoverable">В скором времени здесь будет ссылка на мой новый проект.</a></div><div class="work-link"><a href="#" class="hoverable">В скором времени здесь будет ссылка на мой новый проект.</a></div></div></div></div></div></div><div id="quote"><div class="pacman-container"><div class="pacman" id="pacman"><div class="pacman-food">*</div></div></div><span id="hello-world" class="anim-typewriter">console.log("Привет, Мир!");</span></div></main><script src="./js/progressbar.js"></script><script src="./js/script.js"></script></body></html>