ramzs’s gists

ramzs / index.html

Last active February 13, 2025 10:33

Graphic svg

	<div class="graph">
	<svg id="graphic" preserveAspectRatio="none" width="649" height="557" viewBox="0 0 649 557" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M20 98.1783L4.95 98.1783L4.95 96.7163L11.1205 96.7163L11.1205 88.0518L4.95 88.0518L4.95 86.5898L20 86.5898L20 88.0518L12.3245 88.0518L12.3245 96.7163L20 96.7163L20 98.1783ZM12.3245 75.3917L10.669 75.3917L10.669 74.1877L20 74.1877L20 75.3917L18.409 75.3917C19.0683 75.7643 19.5628 76.2588 19.8925 76.8752C20.2222 77.4772 20.387 78.1293 20.387 78.8317C20.387 80.2937 19.9068 81.469 18.9465 82.3577C17.9862 83.2463 16.7822 83.6907 15.3345 83.6907C13.8725 83.705 12.6685 83.2607 11.7225 82.3577C10.7622 81.4403 10.282 80.2578 10.282 78.8102C10.282 78.0792 10.4468 77.427 10.7765 76.8537C11.1062 76.266 11.6222 75.7787 12.3245 75.3917ZM19.355 78.8317C19.355 77.8427 18.9895 77.0257 18.2585 76.3807C17.5275 75.7213 16.5528 75.3917 15.3345 75.3917C14.2165 75.406 13.2705 75.7285 12.4965 76.3592C11.7082 76.9755 11.314 77.7853 11.314 78.7887C11.314 79.8207

ramzs / gist:f6a9c9f2b50ae35a4e3a2115f5c39744

Created November 11, 2024 06:36

Swiper loop index slide

	function getSlideDataIndex(swipe) {
	var activeIndex = swipe.activeIndex;
	var slidesLen = swipe.slides.length;
	if (swipe.params.loop) {
	switch (swipe.activeIndex) {
	case 0:
	activeIndex = slidesLen - 3;
	break;
	case slidesLen - 1:
	activeIndex = 0;

ramzs / gist:04b393e33fe961b2872ecc3502323601

Created December 21, 2023 06:31

Вывод ссылок на дочерние страницы

	<?
	$idp = get_the_ID();

	$args = ( [
	'child_of' => $idp,
	'date_format' => get_option('date_format'),
	'depth' => 1,
	'echo' => 1,
	'exclude' => '',
	'exclude_tree' => '',

ramzs / Получить id рубрики по ее названию

Created October 5, 2022 04:30

Получить id рубрики по ее названию

	<?php $name = single_cat_title('', false);
	$cat_id = get_cat_ID($name); ?>

ramzs / Вывод подкатегорий Wordpress списком

Created October 3, 2022 09:06

Вывод подкатегорий Wordpress списком

	<?php
	if (is_category()) {
	$current_cat=get_query_var('cat');
	$categories = wp_list_categories(array(
	'child_of' => $current_cat,
	'title_li' => '',
	'use_desc_for_title' => false,
	'hide_empty' => 0,
	'exclude' => '13,7',
	'hierarchical' => 0,

ramzs / Мобильное меню с оверлеем и автовысотой

Created July 31, 2022 09:45

Мобильное меню с оверлеем и автовысотой

	mainSliderDesc.controller.control = mainSlider;
	mainSlider.controller.control = mainSliderDesc;

	let menuButton = document.querySelector('.menu-button');
	let mobileNav = document.querySelector('.mobile-nav');
	let mobileNavClose = document.querySelector('.mobile-nav__close');
	let overlay = document.querySelector('.overlay');
	let body = document.querySelector('body');
	let openMenu = function () {
	menuButton.classList.toggle('active');

Created July 31, 2022 09:41

Фикс шапка. При прокрутке вниз уезжает а при прокрутке вверх выезжает

	let lastScrollTop = 0;
	let header = document.querySelector('.header');
	let headerHeight = header.scrollHeight;
	let wrapper = document.querySelector('.wrapper');

	wrapper.style.paddingTop = headerHeight + 'px';

	let headerPos = function () {

	let top = window.pageYOffset;

Created July 31, 2022 09:27

Авто высота мобильного меню в мобильных браузерах чтобы не скрывалось за нижней плашкой браузера

	const appHeight = () => {
	let vh = window.innerHeight * 0.01;
	document.documentElement.style.setProperty('--vh', `${vh}px`);
	};
	appHeight();

	window.addEventListener('resize', appHeight);
	window.addEventListener('load', appHeight);

ramzs / Circle resize js

Created July 14, 2022 21:12

Circle resize js

	// Circle size

	let circle = document.querySelectorAll('.article__age');

	circle.forEach(item => {
	let circleWidth = item.offsetWidth;
	item.style.height = circleWidth + 'px';
	});

	window.addEventListener('resize', function (event) {

Created April 23, 2022 05:09

Поле загрузки нескольких файлов с кнопкой изменить и кнопкой удалить. Input type file

Roman Sekachev ramzs