Skip to content

Instantly share code, notes, and snippets.

View webag's full-sized avatar

Андрей webag

  • Pen&Brain
  • Kazan, Russian Federation
View GitHub Profile
@webag
webag / template.php
Last active May 30, 2019 07:02
get Youtube video id from url
<?
//Видео url вида: https://www.youtube.com/watch?v=RYF4Gsrxur4
parse_str(parse_url($arResult['PROPERTIES']['VIDEO']['VALUE'], PHP_URL_QUERY), $video_id_arr);
?>
<pre><?print_r($video_id_arr['v'])?></pre>
@webag
webag / index.html
Last active January 14, 2020 20:56
js parallax inertia
<div class="js-parallax" data-parallax="-0.05"></div>
<div class="js-parallax" data-parallax="0.1"></div>
@webag
webag / main.js
Created April 9, 2019 12:01
Позиция элемента на странице js. Elem position
function getCoords(elem) {
const box = elem.getBoundingClientRect();
return {
top: box.top + pageYOffset,
left: box.left + pageXOffset
};
}
@webag
webag / index.html
Created March 22, 2019 08:27
Video html5 js inset
<video loop muted autoplay id="head_video">
<source src="" type="video/webm" id="source_webm">
<source src="" type="video/mp4" id="source_mp4">
</video>
<script>
var aboutHeaderCheck = function() {
var aboutHeader = document.querySelector('.s-about-head');
var video = document.getElementById("head_video");
var video_mp4 = document.getElementById("source_mp4");
@webag
webag / template.php
Created March 15, 2019 10:52
bitrix watermark
<? $watermark = Array(
array("name" => "watermark", "position" => "bottomright", "size"=>"real", "file"=>$_SERVER['DOCUMENT_ROOT'].SITE_TEMPLATE_PATH."/img/watermark.png"),
array("name" => "watermark", "position" => "center", "size"=>"real", "file"=>$_SERVER['DOCUMENT_ROOT'].SITE_TEMPLATE_PATH."/img/watermark_text.png")
);?>
<?$photo_resized = CFile::ResizeImageGet($photo, array('width'=>960, 'height'=>640), BX_RESIZE_IMAGE_EXACT, false,$watermark);?>
@webag
webag / index.html
Created March 15, 2019 07:35
100vh height 100%
<script>
function setIntroHeight(){
var vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', vh + 'px');
}
setIntroHeight();
</script>
<style>
.block{
@webag
webag / index.html
Created December 25, 2018 08:05
Round circle countdown to date timer counter
<div class="circle days"></div>
<div class="circle hours"></div>
<div class="circle minutes"></div>
<div class="circle seconds"></div>
@webag
webag / main.js
Created November 15, 2018 07:18
waypoint stagger
/***********************
Waypoints BEGIN
***********************/
$(function () {
var itemQueue = [];
var delay = 150;
var queueTimer;
function processItemQueue() {
if (queueTimer) return;
@webag
webag / main.js
Last active May 8, 2024 11:03
UTM to forms
/* UTM to Forms Begin */
document.addEventListener('DOMContentLoaded', function () {
if (window.localStorage) {
const params = new URLSearchParams(window.location.search);
const utmParams = ['utm_source', 'utm_medium', 'utm_content', 'utm_campaign', 'utm_term'];
utmParams.forEach(param => {
const value = params.get(param);
if (value !== null && value !== "") {
localStorage.setItem(param, value);
}
@webag
webag / template.php
Created July 27, 2017 08:13
Php вырезание значения src из строки
<?
$full_link = strval($arItem["PROPERTIES"]["LINK_TO_MAP"]["~VALUE"]);
preg_match('~src="(.*?)"~', $full_link, $matches);
?>
<a href="<?=$matches[1]?>" class="shop__map fancy-map">Схема проезда</a>