Skip to content

Instantly share code, notes, and snippets.

View aau8's full-sized avatar
🏠
Working from home

Artem Ugryumov aau8

🏠
Working from home
  • Сам по себе
  • Санкт-Петербург
View GitHub Profile
@aau8
aau8 / HTML
Created September 4, 2022 14:46
Popup (Dismal)
<div class="modal" data-modal-id="modal" data-close-on-bg>
<div class="modal__wrap">
<div class="modal__window">
<p>MODAL_TEXT</p>
<button class="burger is-active modal-close" data-modal-close>
<span></span>
<span></span>
<span></span>
</button>
</div>
/**
* Табы
* data-tab - атрибут, который должен иметь контейнер с кнопками и карточками
* data-tab-btn - атрибут кнопки
* data-tab-card - атрибут карточки
* Значение атрибутов связаныых кнопки и карточек должны быть одинаковыми
*/
tabs()
function tabs() {
const tabElems = document.querySelectorAll('[data-tab]')
// Плейсхолдер текстовых полей
labelTextfield()
function labelTextfield() {
const textfieldElems = document.querySelectorAll('.tf')
for (let i = 0; i < textfieldElems.length; i++) {
const textfield = textfieldElems[i];
const input = textfield.querySelector('input, textarea')
const label = textfield.querySelector('label')
// Ленивая загрузка изображений
lazyLoading();
function lazyLoading() {
const imgElems = document.querySelectorAll("[data-lazy-loading]")
const windowHeight = document.documentElement.clientHeight
imgShow()
window.addEventListener("scroll", function () {
imgShow()
})
@aau8
aau8 / HTML
Last active May 2, 2022 03:15
Модальное окно
<div class="modal" data-modal-id="modal">
<div class="modal__wrap">
<div class="modal__window">
<button class="modal-close">
<span></span>
<span></span>
</button>
</div>
<div class="modal__bg"></div>
@aau8
aau8 / CDN links
Last active May 1, 2022 12:49
SwiperJS
@aau8
aau8 / telegram.php
Last active June 26, 2021 19:54
Отправка формы в Telegram
<?php
$name = $_POST['user_name'];
$phone = $_POST['user_phone'];
$email = $_POST['user_email'];
$token = ""; // http://joxi.ru/v295MB7tzM6g72 - при создании бота в BotFather дается токен
$chat_id = ""; /* https://api.telegram.org/botXXXXXXXXXXXXXXXXXXXXXXX/getUpdates, где, XXXXXXXXXXXXXXXXXXXXXXX - токен вашего бота, полученный ранее. http://joxi.ru/p27DqBgcWqBVXA - где потом взять chat_id. Сначала бота нужно добавить в группу и отправить сообщение. id у бота начинается с минуса*/
$arr = array(
'Имя пользователя: ' => $name,
'Телефон: ' => $phone,
@aau8
aau8 / reset.css
Last active December 17, 2022 10:18
Сброс css-стилей
* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
}
html,
body {
width: 100%;