Outiref

Code source de l'URL : https://guiohm.com

<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/psocingu/2021/08/favicon_gg.png">
<link rel="apple-touch-icon" href="/psocingu/2021/08/apple-touch-icon_GG.png">
<title>Grzych Guillaume - Chef de projet digital</title>
<meta name="description" content="Des équipes, des projets...des réussites" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<link rel="canonical" href="https://guiohm.com/" />
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebSite",
"url" : "https:\/\/guiohm.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/guiohm.com\/?s={search_term_string}",
"query-input": "required name=search_term_string"
}
}</script>
<meta property="og:url" content="https://guiohm.com/" />
<meta property="og:site_name" content="Grzych Guillaume - Chef de projet digital" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Grzych Guillaume - Chef de projet digital" />
<meta property="og:description" content="Des équipes, des projets...des réussites" />
<meta property="og:image" content="https://guiohm.com/psocingu/2021/09/Agence132_devanture2.png" />
<meta property="og:image:secure_url" content="https://guiohm.com/psocingu/2021/09/Agence132_devanture2.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="440" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Grzych Guillaume - Chef de projet digital" />
<meta name="twitter:description" content="Des équipes, des projets...des réussites" />
<meta name="twitter:image" content="https://guiohm.com/psocingu/2021/09/Agence132_devanture2.png" />
<link rel="alternate" type="application/rss+xml" title="Grzych Guillaume - Chef de projet digital &raquo; Flux" href="https://guiohm.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Grzych Guillaume - Chef de projet digital &raquo; Flux des commentaires" href="https://guiohm.com/comments/feed/" />
<script type="application/ld+json">
{"@context":"https:\/\/schema.org","@type":"Organization","name":"Grzych Guillaume - Chef de projet digital","url":"https:\/\/guiohm.com"}        </script>
<link rel="stylesheet" type="text/css" href="//guiohm.com/whurdici/cache/wpfc-minified/95fv1w70/8hmuu.css" media="all"/>
<link rel="https://api.w.org/" href="https://guiohm.com/wp-json/" /><link rel="alternate" type="application/json" href="https://guiohm.com/wp-json/wp/v2/pages/11" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://guiohm.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://guiohm.com/' />
<link rel="alternate" type="application/json+oembed" href="https://guiohm.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fguiohm.com%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://guiohm.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fguiohm.com%2F&#038;format=xml" />
<script src='//guiohm.com/whurdici/cache/wpfc-minified/mcfdd2mm/buh7s.js' type="text/javascript"></script>
<script>var $theme = {};</script>
<script async src='https://www.googletagmanager.com/gtag/js?id='></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}gtag('js', new Date());
gtag('config', 'G-Y8TJM80531');
</script>
<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>    </head>
<body class="home page-template-default page page-id-11  everest-forms-no-js">
<div class="tm-page">
<div class="tm-header-mobile uk-hidden@s">
<div class="uk-navbar-container">
<nav uk-navbar="container: .tm-header-mobile">
<div class="uk-navbar-center">
<a href="https://guiohm.com" class="uk-navbar-item uk-logo">
<img alt="Guiohm chef de projet digital" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/psocingu/2021/09/logo_GG_sombre3.png#thumbnail=%2C&amp;srcset=1"><noscript><img alt="Guiohm chef de projet digital" src="/psocingu/2021/09/logo_GG_sombre3.png#thumbnail=%2C&amp;srcset=1"></noscript></a>
</div>
<div class="uk-navbar-right">
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle>
<div uk-navbar-toggle-icon></div>
</a>
</div>
</nav>
</div>
<div id="tm-mobile" class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog uk-modal-body uk-flex uk-height-viewport">
<button class="uk-modal-close-full" type="button" uk-close></button>
<div class="uk-margin-auto-vertical uk-width-1-1">
<div class="uk-child-width-1-1" uk-grid>    <div>
<div class="uk-panel">
<ul class="uk-nav uk-nav-primary">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item uk-active"><a href="https://guiohm.com/"> Accueil</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://guiohm.com/blog/"> Journal de bord</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://guiohm.com/a-propos/"> A propos</a></li></ul>
</div>
</div></div>
</div>
</div>
</div>
</div>
<div class="tm-header uk-visible@s" uk-header>
<div uk-sticky media="@s" show-on-up animation="uk-animation-slide-top" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container">
<div class="uk-navbar-container">
<div class="uk-container">
<nav class="uk-navbar" uk-navbar="{&quot;container&quot;:&quot;.tm-header &gt; [uk-sticky]&quot;}">
<div class="uk-navbar-center">
<a href="https://guiohm.com" class="uk-navbar-item uk-logo">
<img alt="Guiohm chef de projet digital" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/psocingu/2021/09/logo_GG_sombre3.png#thumbnail=%2C&amp;srcset=1"><noscript><img alt="Guiohm chef de projet digital" src="/psocingu/2021/09/logo_GG_sombre3.png#thumbnail=%2C&amp;srcset=1"></noscript><img class="uk-logo-inverse" alt="Guiohm chef de projet digital" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="/psocingu/2021/09/logo_GG_light3.png#thumbnail=%2C&amp;srcset=1"><noscript><img class="uk-logo-inverse" alt="Guiohm chef de projet digital" src="/psocingu/2021/09/logo_GG_light3.png#thumbnail=%2C&amp;srcset=1"></noscript></a>
</div>
<div class="uk-navbar-right">
<a class="uk-navbar-toggle" href="#tm-navbar" uk-toggle>
<span class="uk-margin-small-right">Menu</span>
<div uk-navbar-toggle-icon></div>
</a>
<div id="tm-navbar" class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog uk-flex">
<button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
<div  class="uk-modal-body uk-padding-large uk-margin-auto uk-height-viewport uk-flex uk-flex-column">
<div class="uk-margin-top">
<ul class="uk-nav uk-nav-primary">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-11 current_page_item uk-active"><a href="https://guiohm.com/"> Accueil</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://guiohm.com/blog/"> Journal de bord</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://guiohm.com/a-propos/"> A propos</a></li></ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="uk-section-secondary uk-section-overlap" tm-header-transparent="light">
<div data-src="/psocingu/2021/10/chef-de-projet_GUIohm-1.png#srcset=1&amp;covers=0&amp;thumbnail" uk-img class="uk-background-norepeat uk-background-contain uk-background-center-left uk-section" uk-height-viewport="offset-top: true; offset-bottom: 20;">    
<div class="uk-container uk-container-small uk-container-expand-left">                
<div class="uk-margin-remove-vertical uk-container uk-container-expand"><div class="tm-grid-expand uk-grid-collapse" uk-grid uk-height-viewport="offset-top: true; offset-bottom: 20;">
<div class="uk-width-1-2@m">
</div>
<div class="uk-grid-item-match uk-flex-bottom uk-width-1-2@m">
<div class="uk-panel uk-width-1-1">            
<h1 class="uk-margin-remove-bottom uk-text-right">        Guillaume <strong>Grzych</strong>    </h1><div class="uk-panel uk-text-meta uk-margin uk-margin-remove-top uk-text-right"><p>Lille | Hauts de France</p></div><div class="uk-panel uk-margin"><p>Après des expériences réussies en tant que graphiste digital, parfois print, je me lance un nouveau challenge : <strong>devenir chef de projet digital<br /></strong>Ici, mes projets depuis cette formation &amp; ceux que j&#8217;ai pu mener.</p></div>
<div class="uk-margin uk-text-left">
<a class="el-content uk-button uk-button-text" href="/index.php/a-propos/">
Me connaitre un peu plus
</a>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<div class="uk-section-secondary uk-section">
<div class="uk-container uk-container-small">                
<div class="tm-grid-expand uk-child-width-1-1 uk-grid-margin" uk-grid>
<div>
<h4 class="uk-h4 uk-heading-line">        <span>Les projets :<strong> étude de cas</strong></span>
</h4>
</div>
</div>
</div>
</div>
<div class="uk-section-secondary">
<div style="background-size: auto 180px;" data-src="/psocingu/2021/08/fond_marron_bande.svg" uk-img class="uk-background-norepeat uk-background-center-center uk-section uk-padding-remove-vertical">    
<div class="uk-position-relative">        
<div class="uk-container uk-container-small">                
<div class="uk-grid-margin uk-container uk-container-expand-left"><div class="tm-grid-expand uk-grid-column-collapse" uk-grid>
<div class="uk-grid-item-match uk-flex-middle uk-width-2-5@m">
<div class="uk-panel uk-width-1-1">            
<h3 class="uk-h3 uk-margin-remove-bottom">        Agence 132    </h3><div class="uk-panel uk-margin uk-margin-remove-top uk-margin-remove-bottom">
<p id="Demande">Mise en place d&#8217;un système de veilles informationnelles &#8211; conception graphique newsletter et forum</p>
</div>
<div class="uk-margin uk-margin-remove-top uk-text-right">
<a class="el-content uk-button uk-button-default" href="/index.php/agence-132/">
Découvrir
</a>
</div>
</div>
</div>
<div class="uk-grid-item-match uk-flex-bottom uk-width-3-5@m">
<div class="uk-panel uk-width-1-1">            
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
<a class="el-link" href="https://guiohm.com/agence-132/"><img class="el-image" alt data-src="/psocingu/2021/09/Agence132_devanture2.png#thumbnail=%2C300&amp;srcset=1" uk-img></a>    
</div>
</div>
</div>
</div></div>
</div>
<div class="tm-section-title uk-position-center-left uk-position-medium uk-text-nowrap uk-visible@s">                <div class="tm-rotate-180">Projet de formation</div>
</div>
</div>
</div>
</div>
<div class="uk-section-secondary uk-section">
<div class="uk-position-relative">        
<div class="uk-container uk-container-small">                
<div class="tm-grid-expand uk-child-width-1-1 uk-grid-margin" uk-grid>
<div>
<h4 class="uk-h4 uk-heading-line">        <span>Portfolio</span>
</h4>
</div>
</div><div class="tm-grid-expand uk-child-width-1-1 uk-grid-margin" uk-grid>
<div>
<div class="uk-margin uk-text-center">
<div class="uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-flex-center uk-flex-middle uk-grid-medium" uk-grid uk-lightbox="toggle: a[data-type];">        <div>
<div class="uk-light">
<a class="el-item uk-inline-clip uk-link-toggle" href="/psocingu/2021/10/Boulanger7.jpg" data-alt="Conception intranet google site pour boulanger concernant les ressources humaines" data-type="image" data-caption="&lt;h4 class='uk-margin-remove'&gt;Intranet Boulanger&lt;/h4&gt;&lt;p&gt;Conception du site intranet pour les ressources humaines chez Boulanger&lt;/p&gt;">
<img class="el-image" alt="Conception intranet google site pour boulanger concernant les ressources humaines" data-src="/psocingu/2021/10/guihome_intranet-boulanger.png#thumbnail=%2C%2C&amp;srcset=1" uk-img>        
</a>
</div></div>        <div>
<div class="uk-light">
<a class="el-item uk-inline-clip uk-link-toggle" href="/psocingu/2021/10/OCL_souscription2-scaled.jpg" data-type="image" data-caption="&lt;h4 class='uk-margin-remove'&gt;Logiciel en SAAS de souscription Assurance&lt;/h4&gt;">
<img class="el-image" alt data-src="/psocingu/2021/10/guihome_OCL.png#thumbnail=%2C%2C&amp;srcset=1" uk-img>        
</a>
</div></div>        <div>
<div class="uk-light">
<a class="el-item uk-inline-clip uk-link-toggle" href="/psocingu/2021/10/Interface_flunch.jpg" data-type="image">
<img class="el-image" alt data-src="/psocingu/2021/10/guihome_flunch.png#thumbnail=%2C%2C&amp;srcset=1" uk-img>        
</a>
</div></div>        <div>
<div class="uk-light">
<a class="el-item uk-inline-clip uk-link-toggle" href="/psocingu/2021/10/Interface_proms-scaled.jpg" data-type="image">
<img class="el-image" alt data-src="/psocingu/2021/10/guihome_proms.png#thumbnail=%2C%2C&amp;srcset=1" uk-img>        
</a>
</div></div>        <div>
<div class="uk-light">
<a class="el-item uk-inline-clip uk-link-toggle" href="/psocingu/2021/10/netglass_interface-scaled.jpg" data-type="image">
<img class="el-image" alt data-src="/psocingu/2021/10/guihome_netglass.png#thumbnail=%2C%2C&amp;srcset=1" uk-img>        
</a>
</div></div>        </div>
</div>
</div>
</div>
</div>
<div class="tm-section-title uk-position-center-left uk-position-medium uk-text-nowrap uk-visible@m">                <div class="tm-rotate-180">Projet déjà réalisés</div>
</div>
</div>
</div>
<div class="uk-section-default uk-section">
<div class="uk-container">                
<div class="tm-grid-expand uk-child-width-1-1 uk-grid-margin" uk-grid>
<div>
<h5>        Quelques sujets qui me stimulent    </h5>
<div class="uk-margin-small uk-margin-remove-top uk-margin-remove-bottom" uk-slider>
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-grid uk-grid-medium uk-grid-match">                                <li class="el-item uk-width-1-1 uk-width-1-2@s uk-width-1-4@m">
<a class="uk-panel uk-margin-remove-first-child uk-link-toggle uk-display-block" href="https://guiohm.com/rive-ou-lottie/">
<img class="el-image" alt data-src="https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMjAwMCwxMTI0LDIwMDAsMTEyNF1dXV0%3D&amp;hash=bb24014010bf2bb3bb4731f0bd82f38e" data-srcset="https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbNzY5LDQzMiw3NjksNDMyXV0sWyJkb0Nyb3AiLFs3NjgsNDMyLDAsMF1dXV0%3D&amp;hash=a2c378ecc974e442be60a9bead8d439b 768w, https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMTAyMyw1NzUsMTAyMyw1NzVdXSxbImRvQ3JvcCIsWzEwMjQsNTc1LDAsMF1dXV0%3D&amp;hash=ddf0974d3fca8f7065b0b20466091212 1024w, https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMTM2Nyw3NjgsMTM2Nyw3NjhdXSxbImRvQ3JvcCIsWzEzNjYsNzY4LDAsMF1dXV0%3D&amp;hash=62ea41246f746b325a26698e7e0797a3 1366w, https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMTYwMCw4OTksMTYwMCw4OTldXSxbImRvQ3JvcCIsWzE2MDAsODk5LDAsMF1dXV0%3D&amp;hash=e2843fd61d1e31a2c7e21159d0f6c0ac 1600w, https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMTkyMCwxMDc5LDE5MjAsMTA3OV1dLFsiZG9Dcm9wIixbMTkyMCwxMDc5LDAsMF1dXV0%3D&amp;hash=50a18b4873c39d36d73ee90f046deb4b 1920w, https://guiohm.com/wp-admin/admin-ajax.php?action=kernel&amp;p=image&amp;src=WyJ3cC1jb250ZW50XC91cGxvYWRzXC8yMDIxXC8wOFwvaW1nLWRldmFudHVyZV9sb3R0aWVfcml2ZS5qcGciLFtbImRvUmVzaXplIixbMjAwMCwxMTI0LDIwMDAsMTEyNF1dXV0%3D&amp;hash=bb24014010bf2bb3bb4731f0bd82f38e 2000w" data-sizes="(min-width: 2000px) 2000px" data-width="2000" data-height="1124" uk-img>        
<h4 class="el-title uk-margin-small-top uk-margin-remove-bottom">                        Rive.app, un challenger face au grand lottie                    </h4>        
<div class="el-content uk-panel uk-text-meta uk-margin-small-top">Face à l&#8217;enjeu grandissant de l&#8217;expérience utilisateur sur le web et les apps, nous avons vu s&#8217;implémenter de nombreuses librairies d&#8217;animation en javascript (anime.js, Gsap de Greensock, bounce.js etc&#8230;), le CSS et &#8230;</div>        
<div class="uk-margin-small-top"><div class="el-link uk-button uk-button-text">Lire l&#8217;article</div></div>        
</a></li>                            </ul>
</div>
<div class="uk-visible@xl">    <a class="el-slidenav uk-position-medium uk-position-center-left-out" href="#" uk-slidenav-previous uk-slider-item="previous" uk-toggle="cls: uk-position-center-left-out uk-position-center-left; mode: media; media: @xl"></a>    <a class="el-slidenav uk-position-medium uk-position-center-right-out" href="#" uk-slidenav-next uk-slider-item="next" uk-toggle="cls: uk-position-center-right-out uk-position-center-right; mode: media; media: @xl"></a></div>
</div>
<ul class="el-nav uk-slider-nav uk-dotnav uk-flex-center uk-margin-top uk-visible@s" uk-margin></ul>    
</div>
</div>
</div>
</div>
</div>
        
<div class="uk-section-secondary uk-section">
<div class="uk-container">                
<div class="tm-grid-expand uk-grid-margin" uk-grid>
<div class="uk-width-1-3@m uk-flex-first@l">
<div class="uk-panel uk-margin"><p>Dites</p></div>
<div class="uk-margin uk-text-left">
<a class="el-content uk-button uk-button-text" href="mailto:bonjour@guiohm.com">
<span uk-icon="mail"></span>
<span class="uk-text-middle">bonjour@guiohm.com</span>
</a>
</div>
</div>
<div class="uk-width-1-3@m uk-flex-first@l">
</div>
<div class="uk-width-1-3@m uk-flex-first@s">
<div class="uk-margin uk-text-right"><a href="#" title="haut du site" uk-totop uk-scroll></a></div>
<div>
<ul class="uk-margin-remove-bottom uk-subnav" uk-margin>        <li class="el-item">
<a class="el-link" href="https://guiohm.com/">Home</a></li>
<li class="el-item">
<a class="el-link" href="/index.php/a-propos/">A propos</a></li>
<li class="el-item">
<a class="el-link" href="/index.php/blog/">Journal de bord</a></li>
</ul>
</div>
<div class="uk-margin uk-text-right">    <div class="uk-child-width-auto uk-grid-small uk-flex-inline" uk-grid>
<div>
<a class="el-link uk-icon-button" href="https://www.linkedin.com/in/guillaume-grzych-2a3766bb/" target="_blank" rel="noreferrer"><span uk-icon="icon: linkedin;"></span></a></div>
<div>
<a class="el-link uk-icon-button" href="https://vimeo.com/user75378016" target="_blank" rel="noreferrer"><span uk-icon="icon: vimeo;"></span></a></div>
</div></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var c = document.body.className;
c = c.replace( /everest-forms-no-js/, 'everest-forms-js' );
document.body.className = c;
</script>
<script type='text/javascript' src='https://guiohm.com/ixipoolt/js/wp-embed.min.js?ver=5.8.1' id='wp-embed-js'></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y8TJM80531"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-Y8TJM80531');
</script><script>window.lazyLoadOptions = {
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}};
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
return;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
return;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b      = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://guiohm.com/tignoots/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script>    </body>
</html>