Kresimir Pendic mkdizajn

## js.js
(function($) {
  "use strict";
  $(document).ready(function (){
  	// push custom widgetized calendar widget (hidden inside footer page)
  	// to masonry layout grid
		var elem = $('.calmasonry').clone()
		// clone the classes for layout of the box
		elem.addClass('isotope-entry col span_1_of_4').removeClass('hidden')
		$('#blog-entries').masonry().append( elem ).masonry( 'appended', elem ).masonry()


## Dinamic_IP_address_logger.sh
#! /bin/sh

# let it sleep for half a minute..
sleep 30
# get my current mobile IP address!
IP=$(dig +short myip.opendns.com @resolver1.opendns.com)
# move to root dir
cd /home/krex/bin/IPS_TELE2/
# append current IP if not there already
grep -qxF $IP file || echo $IP >> file

## regex-search.js
var start = "some starting term";
var end = "some ending term";
var reg = new RegExp("(?:"+ start +")([\\s\\S]*)(?:"+ end +")", "igm");
var j = res.match( reg );

// example with search markers
var txt = `Lorem Ipsum is simply dummy
text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s, when an unknown printer

## url-emoticons-in-SERP
https://www.google.hr/search?tbs=sbi:AMhZZiuvJh9qdvPGSzBLKa9IO6t9V7S7dIN-vFwmyFDKIfON_1ACNEchxJA-56WbyXVhQpZZ3IIdWLu7jvKoC1N-Tzx0sFE5xyqSa-05GZ-k1Q6IgeDEikSURitBjoaKh8SAVf-JgsNj_1bpC14Ecrl6hnbiS-ajo5ZsL2YQG2Plm7VdBq7pzh9I0S1rYYqcHmv7fesqR290J5AZreHD67sCqPWi8XucQWHYlkl9GWvQvni9zILnWQ7tSynK8F08GCMvDgIlpld-RCk6IddixocavYEuPy0YF1gaiZMaGQYA6_1pzAYlpG2DTUY0BXLpIz9u9zb5QhVkYzNrokvoORmiFAWkmybTM-TGQ&hl=en-HR


## gist:cb015e50b147e2da570d495c610b8792
942


## index.html


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  <link rel="shortcut icon" type="image/x-icon" href="https://static.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" />
  <link rel="mask-icon" type="" href="https://static.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" />

## index.html
<div>
	<button url="https://cdn-002.whatsupcams.com/hls/hr_sljeme1.m3u8" class="btn btn-info" >Video 1</button>
	<button url="https://cdn-002.whatsupcams.com/hls/hr_sljeme2.m3u8" class="btn btn-info" >Video 2</button>
	<a class="btn btn-primary">Radio Sljeme</a>
</div>
<video id="video" controls></video>
<audio id="aud"></audio>

## template.html
<div id="list">
	<a v-on:click="pullData('posts')">Show posts </a> |
	<a v-on:click="pullData('comments')">Show comments </a>
	<ul>
		<div v-if="type == 'posts' ">
			<li v-for="item in items">
				<div class="title"> {{ item.title }} </div>
				<div class="add1"> {{ item.body }} </div>
			</li>
		</div>

## jQuery-hook-and-bind-to-addClass-or-attr-method.js
(function($) {
		// save Original attr method!
    var orgAttr = $.fn.attr;
    // Change attr | addClass | similar method to be able to hook to JQ event
    $.fn.attr = function(){
        var result = orgAttr.apply( this, arguments ); // Execute the original method.
        $(this).trigger('customTriggerName'); // trigger custom event on element
        return result; // return the original result
    }
    // HOOK @ ATTR binded event

## js.js
(function($){
	$('.mobile-menu-toggle').on('click', function(){
		if( !window.bindOnceAfterMobileMenuFinished){
			$( '.full-screen-overlay-nav.black li a span' ).on('click', function(event) {
				var hash = $(this).attr('data-ls_linkto');
				setTimeout(function() {
					window.wpex.scrollTo(hash);
				}, 600, hash);
				$('.full-screen-overlay-nav-close').click();
			});
	(function($) {
	"use strict";
	$(document).ready(function (){
	// push custom widgetized calendar widget (hidden inside footer page)
	// to masonry layout grid
	var elem = $('.calmasonry').clone()
	// clone the classes for layout of the box
	elem.addClass('isotope-entry col span_1_of_4').removeClass('hidden')
	$('#blog-entries').masonry().append( elem ).masonry( 'appended', elem ).masonry()
	#! /bin/sh

	# let it sleep for half a minute..
	sleep 30
	# get my current mobile IP address!
	IP=$(dig +short myip.opendns.com @resolver1.opendns.com)
	# move to root dir
	cd /home/krex/bin/IPS_TELE2/
	# append current IP if not there already
	grep -qxF $IP file \|\| echo $IP >> file
	var start = "some starting term";
	var end = "some ending term";
	var reg = new RegExp("(?:"+ start +")([\\s\\S]*)(?:"+ end +")", "igm");
	var j = res.match( reg );

	// example with search markers
	var txt = `Lorem Ipsum is simply dummy
	text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard
	dummy text ever since the 1500s, when an unknown printer


	<!DOCTYPE html>
	<html lang="en" >

	<head>

	<meta charset="UTF-8">
	<link rel="shortcut icon" type="image/x-icon" href="https://static.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" />
	<link rel="mask-icon" type="" href="https://static.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" />
	<div>
	<button url="https://cdn-002.whatsupcams.com/hls/hr_sljeme1.m3u8" class="btn btn-info" >Video 1</button>
	<button url="https://cdn-002.whatsupcams.com/hls/hr_sljeme2.m3u8" class="btn btn-info" >Video 2</button>
	<a class="btn btn-primary">Radio Sljeme</a>
	</div>
	<video id="video" controls></video>
	<audio id="aud"></audio>
	<div id="list">
	<a v-on:click="pullData('posts')">Show posts </a> \|
	<a v-on:click="pullData('comments')">Show comments </a>
	<ul>
	<div v-if="type == 'posts' ">
	<li v-for="item in items">
	<div class="title"> {{ item.title }} </div>
	<div class="add1"> {{ item.body }} </div>
	</li>
	</div>
	(function($) {
	// save Original attr method!
	var orgAttr = $.fn.attr;
	// Change attr \| addClass \| similar method to be able to hook to JQ event
	$.fn.attr = function(){
	var result = orgAttr.apply( this, arguments ); // Execute the original method.
	$(this).trigger('customTriggerName'); // trigger custom event on element
	return result; // return the original result
	}
	// HOOK @ ATTR binded event
	(function($){
	$('.mobile-menu-toggle').on('click', function(){
	if( !window.bindOnceAfterMobileMenuFinished){
	$( '.full-screen-overlay-nav.black li a span' ).on('click', function(event) {
	var hash = $(this).attr('data-ls_linkto');
	setTimeout(function() {
	window.wpex.scrollTo(hash);
	}, 600, hash);
	$('.full-screen-overlay-nav-close').click();
	});