Finally Fin

OverLeo007 · Mar 11, 2023 · e4ad21a · e4ad21a
commit e4ad21a
Show file tree

Hide file tree

Showing 414 changed files with 177,828 additions and 0 deletions.
diff --git a/Lab1/Lab1.docx b/Lab1/Lab1.docx
diff --git a/Lab1/index.html b/Lab1/index.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="keywords" content="Геншин импакт, Genshin impact, Блог, Геншин, Genshin">
+    <meta name="description" content="Блог по РПГ Genshin impact">
+    <meta content="index,all" name="robots">
+    <link rel="stylesheet" href="static/css/index.css">
+    <title>Genshin impact blog</title>
+</head>
+<body>
+<div class="content">
+    <header>
+        <h1 class="main-header">Блог по игре Genshin impact</h1>
+        <nav class="toc">
+            <h2>Содержание:</h2>
+            <ul>
+                <li><a href="#donate">Способы доната</a>
+                <li><a href="#promos">Акутальные промокоды</a>
+                <li><a href="#cat-girl">Новый персонаж кошко-девочка</a>
+            </ul>
+        </nav>
+        <hr style="height:2px;border-width:0;background-color:black">
+
+    </header>
+    <main>
+        <h2 class="post-header" id="donate">Способы задонатить в игру в 2023 году</h2>
+        <img src="static/img/donate.jpg" alt="miko_eat_pulls" class="post-img">
+        <i><small>Наконец-то полноценный геймплей</small></i>
+        <p class="post-txt">
+            После введения санкций, процесс получения игровой валюты затруднен,
+            многие пользователи столкнулись с этим.
+            <br>
+            Мы предлагаем способ задонатить в Genshin impact со скидкой через сайт
+            <a href="https://www.gameshopper.ru/pc?sp=%2F">gameshopper.ru</a>
+            <br>
+            <i>Сайт gameshopper.ru специально создали для РФ,
+                чтобы основной партнерский сайт не попал под санкции.</i>
+            <br>
+            Преимущества покупки кристаллов в Genshin Impact через gameshopper.ru:
+        <ul id="pluses">
+            <li>цены всегда дешевле, чем в официальном магазине miHoYo;</li>
+            <li>засчитывается бонус х2 пополнения кристаллов за первую покупку на игровом аккаунте;</li>
+            <li>кристаллы быстро приходят на аккаунт, в течение 15 минут;</li>
+            <li>для пополнения нужно ввести только свой UID (идентификатор аккаунта),
+                не нужно передавать данные для входа на аккаунт,
+                что требуют многие отечественные посредники;
+            </li>
+            <li>надежность и гарантии получения кристаллов.</li>
+        </ul>
+        <hr style="height:1px;border-width:0;background-color:black">
+        <h2 class="post-header" id="promos">Промокоды Genshin Impact на февраль 2023</h2>
+        <img src="static/img/codes.jpg" class="post-img" alt="free-primo">
+        <i><small>Ура халява</small></i>
+        <p class="post-txt">
+            HoYoverse стараются предоставить игрокам все условия для комфортного времяпровождения.
+            В конце концов, в любой игре в стиле gacha для дальнейшего
+            продвижения нужно множество ресурсов и валюты,
+            поэтому список действующих промокодов Genshin Impact на февраль 2023 будет очень кстати.
+
+            <br>
+            Список действующих кодов в феврале:
+        <ul>
+            <li><i>DAQS9FPX2U35</i> – х60 камней истока и х5 Опыт искателя приключений (добавлен 18.01).</li>
+            <li><i>FTRUFT7AT5SV</i> – х10 опыт искателя приключений, х10 000 мора, х5 Превосходная руда усиления, х5
+                редисовые шарики,
+                х5 питательный салат (добавлен 18.01).
+            </li>
+            <li><i>GENSHINGIFT</i> – 50 камней истока и х3 опыт героя по 20 000 очков (постоянный).</li>
+            <li><i>XBRSDNF6BP4R </i> – х60 камней истока и х5 Опыт искателя приключений (срок действия истек).</li>
+        </ul>
+        <hr style="height:1px;border-width:0;background-color:black">
+        <h2 class="post-header" id="cat-girl">Новый персонаж-кошкодевочка из Фонтейна в Genshin Impact</h2>
+        <img src="static/img/cat_girl.jpg" class="post-img" alt="cat-girl">
+        <i><small>Наконец-то дождались</small></i>
+        <p class="post-txt">
+            Совсем недавно на китайских форумах была опубликована информация
+            о ранее нигде не появлявшемся персонаже,
+            чей выход можно ожидать в патчах Фонтейна.
+            Инсайдер Uncle A поделился с китайским комьюнити следующим сообщением:
+            <br>
+        <div class="quote">
+            Среди женских персонажей есть еще один, которого не было ни в одной утечке.
+            Для создания ее внешности использовались референсы в виде Пардофелис
+            (Honkai Impact 3rd) и Дианы (A-SOUL), причем взятые дизайны были перенесены
+            на нового героя почти без изменений. Моделька — средняя женская (Мона, Аяка),
+            общий стиль — современный, носит очень короткую юбку.
+            Вероятно, это будет персонаж-спутник региона Фонтейн
+            (так же, как Эмбер в Мондштадте, Тарталья в Ли Юэ и Тома в Инадзуме).
+        </div>
+    </main>
+    <nav>
+        <h3>Похожие сайты:</h3>
+        <ul>
+            <li><a href="https://genshin-impact.fandom.com/wiki/Blog:Recent_posts"> Genshin fandom</a></li>
+            <li><a href="https://mobalytics.gg/blog/genshin-impact/"> Mobalytics All About Genshin impact</a></li>
+            <li><a href="https://blog.ru.playstation.com/tag/genshin-impact/"> Play station blog</a></li>
+        </ul>
+    </nav>
+</div>
+</body>
+</html>`
diff --git a/Lab1/static/css/index.css b/Lab1/static/css/index.css
@@ -0,0 +1,57 @@
+nav>ul {
+    list-style-type: square;
+}
+
+a {
+    text-decoration: none;
+}
+
+a:hover {
+    color: purple;
+    font-style: oblique;
+}
+
+main ul#pluses {
+    list-style-image: url(../img/galka.png);
+}
+
+.content {
+    background-color: rgba(0, 255, 255, 0.8);
+    position: relative;
+    width: 80%;
+    flex: 1 0 auto;
+    margin: 0 auto;
+    text-align: left;
+    border-radius: 10px;
+    font-family: "Comic Sans MS", serif;
+    padding: 20px 40px 20px 40px;
+}
+
+html {
+    background-image: url(../img/Bga.jpg);
+    background-repeat: no-repeat;
+    background-position: center left;
+    background-attachment: fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+.post-img {
+    width: 60%;
+    border-radius: 10px;
+    margin-right: 100%;
+}
+
+
+.quote {
+    font-family: "Bell MT", sans-serif;
+    font-style: italic;
+    padding: 10px 10px 10px 20px;
+    background-color: rgba(0, 128, 128, 0.8);
+    border-radius: 10px;
+    margin-bottom: 10px;
+    font-size: 90%;
+}
+
diff --git a/Lab1/static/img/Bga.jpg b/Lab1/static/img/Bga.jpg
diff --git a/Lab1/static/img/cat_girl.jpg b/Lab1/static/img/cat_girl.jpg
diff --git a/Lab1/static/img/codes.jpg b/Lab1/static/img/codes.jpg
diff --git a/Lab1/static/img/donate.jpg b/Lab1/static/img/donate.jpg
diff --git a/Lab1/static/img/galka.png b/Lab1/static/img/galka.png
diff --git a/Lab10/Lab10.docx b/Lab10/Lab10.docx
diff --git a/Lab10/index.html b/Lab10/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Работаем с формами</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
+    <!-- Bootstrap Bundle JS (jsDelivr CDN) -->
+    <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+            crossorigin="anonymous"></script>
+    <link href="static/css/index.css" rel="stylesheet">
+</head>
+<body>
+<header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container-fluid navbar-dark">
+            <a class="navbar-brand" href="#">Запись на собеседование</a>
+        </div>
+    </nav>
+</header>
+<div class="container rounded mt-4 mb-4 p-4 records bg-dark text-white">
+    <div class="row">
+        <div class="col">
+            <p class="text-info">
+                Товарищ! Предприятие 3826 ищет новых сотрудников!
+                Вы тут, потому что вам выпала возможность попасть на собеседование.
+                Заполните эту простую форму и ожидайте звонка от Академика Сеченова лично!
+            </p>
+        </div>
+    </div>
+</div>
+<div class="container rounded mt-4 mb-4 p-4 records bg-dark text-white">
+    <form id="myForm" action="https://ya.ru" method="GET">
+        <div class="row">
+            <div class="col-md-6 mb-4">
+                <div class="form-outline">
+                    <input type="text" id="name" name="name" class="form-control" required
+                           pattern="[а-яА-ЯёЁa-zA-Z]{3,}">
+                    <label class="form-label" for="name">Имя</label>
+                </div>
+            </div>
+            <div class="col-md-6 mb-4">
+                <div class="form-outline">
+                    <input type="text" id="surname" name="surname" class="form-control" required
+                           pattern="[а-яА-ЯёЁa-zA-Z]{3,}">
+                    <label class="form-label" for="surname">Фамилия</label>
+                </div>
+            </div>
+        </div>
+
+        <div class="form-outline mb-4">
+            <input type="text" id="address" name="address" class="form-control" required pattern="[а-яА-ЯёЁa-zA-Z 0-9]{3,}">
+            <label class="form-label" for="address">Адрес</label>
+        </div>
+        <div class="row">
+            <div class="col-md-6 mb-4">
+                <div class="form-outline">
+                    <input type="text" id="email" name="email" class="form-control"
+                           required pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}">
+                    <label class="form-label" for="email">Почта</label>
+                </div>
+            </div>
+            <div class="col-md-6 mb-4">
+                <div class="form-outline">
+                    <input type="text" id="phone" name="phone" class="form-control"
+                           required
+                           pattern="^\+?[0-9]{1}\s?\(?([0-9]{3})\)?[-\s]?([0-9]{3})[-\s]?([0-9]{2})[-\s]?([0-9]{2})$">
+                    <label class="form-label" for="phone">Номер телефона</label>
+                </div>
+            </div>
+        </div>
+        <div class="form-outline mb-4">
+            <select class="form-select" name='work-group' id="work-group" required>
+                <option value="kiber">Кибернетика - разработка новых роботов</option>
+                <option value="bio">Биоинженерия - прорывные сельхоз культуры</option>
+                <option value="neiro">Нейросети - у истоков нового общества</option>
+            </select>
+            <label class="form-label" for="work-group">Направление деятельности</label>
+        </div>
+        <div class="form-outline mb-4">
+            <textarea class="form-control" id="about" name="about" rows="4"></textarea>
+            <label class="form-label" for="about">О вас</label>
+        </div>
+        <button type="submit" name="submit" class="btn btn-primary btn-block mb-4">Отправить заявку</button>
+        <p id="percentage" class="text-info"></p>
+    </form>
+</div>
+<div class="modal fade" id="success" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-3">
+                        <img src="static/img/Logo.png" class="img-fluid" alt="Картинка">
+                    </div>
+                    <div class="col-9 d-flex align-items-center justify-content-center">
+                        <h3 class="text-success">Успех! Ваша заявка отправлена</h3>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous">
+</script>
+<script src="static/js/index.js"></script>
+</body>
+</html>
diff --git a/Lab10/sass/index.sass b/Lab10/sass/index.sass
@@ -0,0 +1,4 @@
+body
+  margin: 0
+  padding: 0
+  background-color: #373b3e
diff --git a/Lab10/static/css/index.css b/Lab10/static/css/index.css
diff --git a/Lab10/static/css/index.css.map b/Lab10/static/css/index.css.map
diff --git a/Lab10/static/img/Logo.png b/Lab10/static/img/Logo.png
diff --git a/Lab10/static/js/index.js b/Lab10/static/js/index.js
@@ -0,0 +1,73 @@
+print = console.log
+
+const form = document.getElementById('myForm');
+
+let inputs = [];
+
+for (let i = 0; i < form.elements.length; i++) {
+    let cur_elem = form.elements[i];
+    if (cur_elem.name !== 'name') {
+        cur_elem.disabled = true;
+    }
+    inputs.push(cur_elem)
+}
+let disables = 0
+updateButtonColor(disables, inputs.length)
+
+for (let i = 0; i < inputs.length - 1; i++) {
+    inputs[i].addEventListener('input', (ev) => {
+        if (ev.target.checkValidity()) {
+            inputs[i + 1].disabled = false;
+            ev.target.classList.remove("is-invalid");
+            ev.target.classList.add("is-valid");
+        } else {
+            ev.target.classList.add("is-invalid");
+            inputs[i + 1].disabled = true;
+        }
+        disables = inputs.filter(obj => obj.disabled === false).length
+        updateButtonColor(disables - 1, inputs.length - 1)
+    })
+}
+
+function updateButtonColor(disablesCount, inputsLen) {
+    let percentValid = disablesCount / inputsLen * 100;
+    form['submit'].style.backgroundImage = `linear-gradient(to right, #0d6efd ${percentValid}%, white ${percentValid}% 100%)`;
+    let persInfo = document.getElementById("percentage")
+    persInfo.innerText = `Заполнено на ${Math.round(percentValid)}%`;
+    if (Math.round(percentValid) === 100) {
+        persInfo.classList.remove('text-info')
+        persInfo.classList.add('text-success')
+    } else {
+        persInfo.classList.remove('text-success')
+        persInfo.classList.add('text-info')
+    }
+}
+
+form.addEventListener('submit', (event) => {
+    event.preventDefault();
+    let new_client = {};
+    const formData = new FormData(event.target);
+    for (let [key, value] of formData.entries()) {
+        new_client[key] = value;
+    }
+
+    print(new_client);
+    // form.submit();
+    form.reset();
+    inputs = [];
+    for (let i = 0; i < form.elements.length; i++) {
+        let cur_elem = form.elements[i];
+        cur_elem.classList.remove("is-valid");
+        if (cur_elem.name !== 'name') {
+            cur_elem.disabled = true;
+        }
+        inputs.push(cur_elem);
+    }
+    disables = 0;
+    updateButtonColor(disables, inputs.length)
+    let myModal = document.getElementById("success");
+    let modal = new bootstrap.Modal(myModal);
+    modal.show();
+
+});
+
diff --git a/Lab2/Lab2.docx b/Lab2/Lab2.docx