PageSourceSearch

https://passion-experience-v2020.webflow.io/peter

html passion-experience-v2020.webflow.io collected 2026-10-03 13:34:25 UTC 19,502 bytes, 298 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Wed Mar 25 2026 16:01:28 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="passion-experience-v2020.webflow.io" data-wf-page="5e8ad98bcce5fba523b48e91" data-wf-site="5e7c125d7222516c74c8ae72"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Peter</title><meta content="Peter" property="og:title"/><meta content="Peter" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/css/passion-experience-v2020.webflow.shared.1f4d86d0d.css" rel="stylesheet" type="text/css" integrity="sha384-H02G0N9wGIEIZlsgT0MN/bdcNONIKG/V6J3Gltq3WHV0XA2Bbanr1J7qSgW44ObY" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Oswald:200,300,400,500,600,700","PT Serif:400,400italic,700,700italic","PT Sans:400,400italic,700,700italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Alice:300,400,500,600,700","Crimson Pro:300,400,500,600,700","PT Sans Narrow:300,400,500,600,700","Roboto:300,400,500,600,700","Roboto Condensed:300,400,500,600,700"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/5e895ca4f99d7c497b70ed9d_PE_favicon_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/5e895ca7ab1cf87595a1a524_PE_favicon_256.png" rel="apple-touch-icon"/><!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
6})(window,document,'script','dataLayer','
6GTM-TPZLKQX
vendor: 3 bytes, line 6
6');
6</script>
6
7<!-- End Google Tag Manager -->
8
9<style>
10	.kr, .kr * {
11  		font-family: Scdream !important;
12  	}
13  .s3 { display: none; }
14</style>
15
16<script src="https://player.vimeo.com/api/player.js"></script>
vendor: 1 bytes, line 16
16
17<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
17
18
19<script>
20  var isVimeoDown = false;
21  
22  var isChinese = window.location.pathname.indexOf('/cn') > -1;
23  var isKorean = window.location.pathname.indexOf('/kr') > -1;
24  var isViet = window.location.pathname.indexOf('/vt') > -1;
25  var isCanto = window.location.pathname.indexOf('/ca') > -1;
26  var isSpanish = window.location.pathname.indexOf('/es') > -1;
27  
28  // Go to top on refresh
29  window.onbeforeunload = function () {
30  window.scrollTo(0, 0);
31}
32  var $scrollDown = $('#scroll-down');
33  
34  function getScrollPosition() {
35  	if ($(window).scrollTop() === 0) {
36    	return 'top';
37    } else if ($(document).height() - $(window).scrollTop() - $(window).height() < 175) {
38    	return 'bottom';
39    } else {
40    	return 'middle'
41    }
42  }
43  
44  var previousPosition = null;
45  
46  if (window.location.pathname.indexOf('/cn') > -1) {
47  	var scrollDownText = '下滑';
48    var scrollForMoreText = '下滑繼續';
49  } else if (window.location.pathname.indexOf('/kr') > -1) {
50  	var scrollDownText = '스크롤을 내려주세요';
51    var scrollForMoreText = '스크롤을 내려주세요';
52  } else if (window.location.pathname.indexOf('/vn') > -1) {
53  	var scrollDownText = 'Cuộn Xuống';
54    var scrollForMoreText = 'cuộn xuống để tiếp tục';
55  } else if (window.location.pathname.indexOf('/es') > -1) {
56  	var scrollDownText = 'Desplazar Hacia Abajo';
57    var scrollForMoreText = 'Desplazar para más';
58  } else if (window.location.pathname.indexOf('/zh-yue') > -1) {
59  	var scrollDownText = '下滑';
60    var scrollForMoreText = '下滑繼續';
61  } else {
62    var scrollDownText = 'Scroll down';
63    var scrollForMoreText = 'Scroll for more';
64  }
65  
66  
67  if ($scrollDown) {
68    
69    $(document).scroll(function() {
70      var currentPosition = getScrollPosition();
71      if (previousPosition !== currentPosition) {
72        if (window.location.pathname !== '/' && window.location.pathname !== '/cn' && window.location.pathname !== '/kr'
73            && window.location.pathname !== '/vn' && window.location.pathname !== '/es' && window.location.pathname !== '/zh-yue') {
74          if (previousPosition === "bottom") {
75              $(".scroll-down").fadeIn(1000);
76          }
77          if (currentPosition === 'top') {
78              $(".scroll-down__text").text(scrollDownText);
79          } else if (currentPosition === 'bottom') {
80              $(".scroll-down").fadeOut(1000);
81          } else {
82            $(".scroll-down__text").text(scrollForMoreText);
83          }
84        } else {
85        	if (currentPosition === 'top') {
86              $(".scroll-down").fadeIn(1000);
87            } else {
88              $(".scroll-down").fadeOut(1000);
89            }
90        }
91      }
92      previousPosition = currentPosition;
93    });
94  }
95  
96</script>
96
97
98
99
100
101
102<script>
103  function isElementInViewport (el) {
104
105    //special bonus for those using jQuery
106    if (typeof jQuery === "function" && el instanceof jQuery) {
107        el = el[0];
108    }
109
110    const rect = el.getBoundingClientRect();
111    // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 }
112    const windowHeight = (window.innerHeight || document.documentElement.clientHeight);
113    const windowWidth = (window.innerWidth || document.documentElement.clientWidth);
114
115    // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap
116    const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0);
117    const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0);
118
119    return (vertInView && horInView);
120  } 
121  
122  function isElementInEntireViewport (el) {
123
124    //special bonus for those using jQuery
125    if (typeof jQuery === "function" && el instanceof jQuery) {
126        el = el[0];
127    }
128
129    var rect = el.getBoundingClientRect();
130
131    return (
132      rect.top >= 0 &&
133      rect.left >= 0 &&
134      rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
135      rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
136    );
137  }
138  
139  function crossfade(mediaA, mediaB) {
140    if (isVimeoDown || hasS3Cookie) {
141    	var currentTime = mediaA.currentTime;
142    } else {
143    	var currentTime = mediaA.seconds;
144    }
145    if (mediaA.duration - currentTime < 3) {
146        mediaB.play();
147    }
148  }
149
150  function stopTrack(media) {
151      media.pause();
152      media.currentTime = 0;
153  }
154  
155  function getParameterByName(name, url) {
156      if (!url) url = window.location.href;
157      name = name.replace(/[\[\]]/g, '\\$&');
158      var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
159          results = regex.exec(url);
160      if (!results) return null;
161      if (!results[2]) return '';
162      return decodeURIComponent(results[2].replace(/\+/g, ' '));
163  }
164  
165  function setCookie(name, value, days){
166    if (days) {
167        var d = new Date();
168        d.setTime(d.getTime() + (days*24*60*60*1000));
169        var expires = "; expires=" + d.toGMTString();
170    }
171    else var expires = "";
172    document.cookie = name + "=" + value + expires + "; path=/";
173  }
174  
175  var hasS3Cookie = document.cookie.indexOf('s3=true') > -1;
176</script>
176
177<style>.mp3{display: none;}
178.no-scroll{overflow: hidden;}</style></head><body class="body-3"><div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 178-179
178
179<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
179GTM-TPZLKQX
vendor: 83 bytes, lines 179-180
179"
180height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
181<!-- End Google Tag Manager (noscript) --></div><div data-collapse="all" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav"><div class="container-3 w-container"><div class="div-block-9"><a href="/" class="brand-2 w-nav-brand"><div class="navbar__brand">Passion Experience</div></a></div><div class="navbar--light__title">Peter</div><div class="div-block-10"><div class="menu-button-2 w-nav-button"><div class="icon w-icon-nav-menu"></div></div><nav role="navigation" class="nav-menu-light w-nav-menu"><a href="/jacob" class="nav-item-light w-nav-link">Jacob</a><a href="/chief-priests" class="nav-item-light w-nav-link">Chief Priests</a><a href="/pilate" class="nav-item-light w-nav-link">Pilate</a><a href="/peter" aria-current="page" class="nav-item-light w-nav-link w--current">Peter</a><a href="/judas" class="nav-item-light w-nav-link">Judas</a><a href="/gethsemane" class="nav-item-light w-nav-link">Gethsemane</a><a href="/golgotha" class="nav-item-light w-nav-link">Golgotha</a><a href="/psalm-23" class="nav-item-light w-nav-link">Psalm 23</a><a href="/next-steps" class="nav-item-light w-nav-link">Next Steps</a><a href="/resources-for-questions" class="nav-item-light w-nav-link">Resources</a></nav></div></div></div><a id="scroll-down" href="#" class="scroll-down w-inline-block"><div class="scroll-down__text">SCroll down</div><img src="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/5e889c5b4fbaeab1f91becb0_scroll_down%20(1).gif" width="60" height="60" alt="" class="scroll-down__image"/></a><div class="text-align-center"><div class="iframe-container"><div class="iframe-embed white w-embed w-iframe"><iframe id="video" src="https://player.vimeo.com/video/403461159?autoplay=1&muted=0" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
182<style>
183	iframe {
184  	width: 100%;
185    height: 100%;
186  }
187</style></div></div></div><div id="content"><div class="peter__section _1"><div data-w-id="0fb5faa5-3510-a299-fc9c-9e7cc374f131" style="-webkit-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="container peter__container"><div data-w-id="721433c5-56b7-6ea3-7e6d-7b0c9a4d883f"><div class="columns-30 w-row"><div class="column-55 w-col w-col-6"></div><div class="w-col w-col-6"><div class="quote quote--large">Peter left all to</div></div></div><div class="w-row"><div class="column-56 w-col w-col-7"></div><div class="column-58 w-col w-col-5"><div class="h1">Follow</div></div></div><div class="w-row"><div class="column-57 w-col w-col-8"></div><div class="column-59 w-col w-col-4"><div class="quote quote--large">Jesus...</div></div></div></div></div></div><div class="peter__section _2"><div data-w-id="55980a41-df62-9fe5-144d-c8e48f51e888" style="-webkit-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="container peter__container"><div class="columns-30 w-row"><div class="column-42 w-col w-col-1 w-col-stack"></div><div class="w-col w-col-4 w-col-stack"><div class="quote quote--large">He has seen Jesus<br/>give blind men</div><div class="h1">sight...</div></div><div class="column-41 w-col w-col-7 w-col-stack"></div></div></div></div><div class="peter__section _3"><div data-w-id="b7ef155e-d01c-307c-ee59-438c2684961c" style="-webkit-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="container peter__container"><div data-w-id="c7b612c9-e84e-442f-edb2-d4efc93addc8"><div class="w-row"><div class="column-60 w-col w-col-2"></div><div class="column-62 w-col w-col-10"><div class="h1">...Raise</div></div></div><div class="w-row"><div class="column-61 w-col w-col-3"></div><div class="column-63 w-col w-col-9"><div class="quote quote--large">the dead...</div></div></div></div></div></div><div class="peter__section _4"><div data-w-id="f475dbaa-77c1-d613-90b2-6f25c9bc4a7d" style="-webkit-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="container peter__container"><div data-w-id="ec3ad07d-ced9-939d-a55d-306e3a26ca08" class="div-block-89"><div class="columns-30 w-row"><div class="column-64 w-col w-col-1"></div><div class="w-col w-col-11"><div class="quote quote--large">...and declare</div></div></div><div class="w-row"><div class="column-65 w-col w-col-2"></div><div class="w-col w-col-10"><div class="h1">forgiveness</div></div></div><div class="w-row"><div class="column-66 w-col w-col-5"></div><div class="w-col w-col-7"><div class="quote quote--large">of sins...</div></div></div></div></div></div><div class="text-align-center"><div class="iframe-container"><div class="iframe-embed black w-embed w-iframe"><iframe id="video2" src="https://player.vimeo.com/video/404120406" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
188<style>
189	iframe {
190  	width: 100%;
191    height: 100%;
192  }
193</style></div></div></div>
193<div id="content-2" class="pause-and-reflect-section peter"><div class="jacob__pause-reflect margin-auto"><div class="pause-and-reflect pause-and-reflect--black"><div class="puase-and-reflect__title"><div class="pause-reflect-title pause-reflect-title--black white left">Pause</div><div class="text-block-13">&amp;</div><div class="pause-reflect-title pause-reflect-title--black white right">ReFlect</div></div><p class="body-text body-text--dark body-text--p-r white">Have you ever denied Jesus to save yourself?<br/><br/>What does the Lord see in you when your eyes meet?<br/><br/>Remember all that Jesus has said.<br/><br/>Remember that Jesus has always known who you are.</p><div class="pause-and-reflect__line white"></div></div></div><div class="div-block-79"><a href="/judas" class="button button--orange w-inline-block"><div class="text-block-8">continue</div></a></div></div></div>
193<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5e7c125d7222516c74c8ae72" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
193<script src="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
193<script src="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/js/webflow.schunk.930d2736ea4b6fa0.js" type="text/javascript" integrity="sha384-a54MavZHOyK+UVJzWMHRtoAeO4fmwO/hiy1og6vtNNAq4T+1F860yopE7qYAHRt/" crossorigin="anonymous"></script>
193<script src="https://cdn.prod.website-files.com/5e7c125d7222516c74c8ae72/js/webflow.d3130ac8.d4a142227c8a9160.js" type="text/javascript" integrity="sha384-QWTSjgKjMludA7y0FbkFqjEH/cJIF7ms/X6+6zAryy96LDt1afNE36fnysR7kACQ" crossorigin="anonymous"></script>
193<script>
194  if (window.location.pathname !== '/landing' && window.location.pathname !== '/'
195     && window.location.pathname !== '/cn/landing' && window.location.pathname !== '/kr/landing'
196     && window.location.pathname !== '/cn' && window.location.pathname !== '/kr' && window.location.pathname !== '/vn'
197     && window.location.pathname !== '/zh-yue' && window.location.pathname !== '/es') {
198    $('#menu-button, .menu-button-2').hide();
199  }
200  
201  //Close on ESC button 
202  var $modalClose = $('.modal__close');
203  if ($modalClose.length) {
204    $(document).keydown(function (e) {
205      if (e.key === 'Escape') {
206      	$modalClose[0].click();
207      }
208    });
209  }
210  
211  if (window.location.pathname.indexOf('/cn') > -1) {
212    $(".scroll-down__text").text('下滑');
213  } else if (window.location.pathname.indexOf('/kr') > -1) {
214  	$(".scroll-down__text").text('스크롤을 내려주세요');
215  } else if (window.location.pathname.indexOf('/vn') > -1) {
216  	$(".scroll-down__text").text('Cuộn Xuống');
217  } else if (window.location.pathname.indexOf('/es') > -1) {
218  	$(".scroll-down__text").text('Desplazar Hacia Abajo');
219  } else if (window.location.pathname.indexOf('/zh-yue') > -1) {
220  	$(".scroll-down__text").text('下滑');
221  }
222</script>
222<! –– Background Track ––>
223<audio
224	class="mp3"
225  id="background-track"
226  src="https://gp-pe-media.s3-us-west-1.amazonaws.com/05_Peter+BG_Track_1+04_02_2020.mp3"
227></audio>
228
229<! –– Hymn ––>
230<audio class="mp3" id="hymn" src="https://gp-pe-media.s3-us-west-1.amazonaws.com/05_Peter+BG_Track_Hymn+04_04_2020.mp3" loop>
231
232<script>
233    var $scrollDown = $('#scroll-down');
234    var $content = $('#content');
235    var $content2 = $('#content-2');
236
237    var bgTrack = document.getElementById("background-track");
238    var hymn = document.getElementById("hymn");
239
240    var video = $('#video');
241    var video2 = $('#video2');
242    var player = new Vimeo.Player(video);
243    var player2 = new Vimeo.Player(video2);
244
245    var played = false;
246
247    $content.hide();
248    $content2.hide();
249    $scrollDown.hide();
250
251    player.on('ended', function() {
252        $content.fadeIn(1000);
253        $scrollDown.fadeIn(1000);
254    });
255
256    player.on('timeupdate', function(time) {
257        if (time.duration - time.seconds < 3) {
258          bgTrack.loop = true;
259          bgTrack.play();
260        }
261    });
262
263    player2.on('ended', function() {
264        $content2.fadeIn(1000);
265        $scrollDown.fadeIn(1000);
266    });
267
268    player2.on('timeupdate', function(time) {
269        if (time.duration - time.seconds < 3) {
270            hymn.play();
271        }
272    });
273
274    function resetMusic() {
275    		bgTrack.pause();
276        bgTrack.currentTime = 0;
277        hymn.pause();
278        hymn.currentTime = 0;
279    }
280
281    player.on('play', function() {
282				resetMusic();
283        $scrollDown.fadeOut(1000);
284    });
285
286    player2.on('play', function() {
287				resetMusic();
288        $scrollDown.fadeOut(1000);
289    });
290
291    $(window).on('scroll', function() {
292        if(!played && isElementInViewport(video2)) {
293        console.log('vid2 in viewport');
294            player2.play();
295            played = true;
296        }
297    });
298</script>
298</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.