forked from extrasaucestudio/jordanbourbonnais
-
Notifications
You must be signed in to change notification settings - Fork 0
/
engagemoi_old.html
127 lines (106 loc) · 10.8 KB
/
engagemoi_old.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Jordan Bourbonnais | Développeur Web Full Stack et intégrateurs de systèmes multiplateformes</title>
<link rel="icon" href="/images/favicon.ico">
<link href="./engagemoi_files/preview.css" rel="stylesheet" type="text/css" media="all">
<link href="./engagemoi_files/022b8aeed75527eeef22.css" rel="stylesheet" type="text/css" media="all">
<link href="./engagemoi_files/css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="./engagemoi_files/jquery-plugins-merged.js.download"></script><style type="text/css" id="operaUserStyle"></style>
<script type="text/javascript">
$(window).load(function() {
$('#loader-page').remove();
/*---- Function for change orientation of mobile view ----*/
$('.mark-preview-rotate-btn .mark-preview-rotate-text').click(function(){
$('.mark-preview-desktop').toggleClass('resized');
$('.mark-preview-rotate-btn').toggleClass('resized');
$(this).toggleClass('resized');
$('.mark-preview-mobile').toggleClass('landscapeMode');
});
});
</script>
<link rel="stylesheet" href="./engagemoi_files/font-awesome.min.css">
</head>
<body id="mark-preview-mode"> <div class="mark-preview-container">
<a href="javascript:void(0)" class="mark-preview-logo">
<span class="topnav__label">
<svg viewBox="0 0 512 512" class="organization__logo" height="34">
<title>Jordan Bourbonnais</title>
<path fill="#ffffff" d="M473.722 127.464c-18.027-31.901-48.272-55.215-83.865-64.647a142.257 142.257 0 0 0-22.471-3.885C342.065 22.06 300.026 0 255.08 0c-44.944 0-86.983 22.06-112.304 58.932C98.157 63.142 58.4 88.68 36.24 127.365a139.082 139.082 0 0 0-5.316 127.402 139.674 139.674 0 0 0 5.316 127.104c18.053 31.879 48.287 55.184 83.865 64.647a130.245 130.245 0 0 0 22.973 3.885c25.261 36.958 67.322 59.087 112.304 59.087 44.983 0 87.043-22.13 112.305-59.087 44.638-4.161 84.414-29.71 106.536-68.433a138.588 138.588 0 0 0 5.317-127.402 139.379 139.379 0 0 0-5.818-127.104zm-33.861 20.14c10.8 18.89 14.88 40.769 11.6 62.186a140.27 140.27 0 0 0-24.015-17.568c-31.777-18.423-69.787-23.497-105.428-14.074-21.674 5.722-41.612 16.51-58.107 31.442-6.093-38.506 12.271-76.783 46.404-96.722 21.403-12.61 47.09-16.21 71.235-9.981 24.815 6.533 45.86 22.673 58.31 44.717zM254.813 44.955c21.153.117 41.612 7.52 57.892 20.948a140.215 140.215 0 0 0-27.272 12.04c-50.843 30.193-76.605 89.302-63.996 146.832-35.486-14.33-58.666-48.648-58.581-86.729-.22-50.807 40.858-92.26 91.957-92.797v-.294zM71.075 149.893c10.763-18.148 27.595-32.249 47.752-40.003a134.308 134.308 0 0 0-3.455 29.342c-.174 58.952 39.193 111.274 97.433 129.495-10.376 8.36-22.506 14.466-35.56 17.898-24.037 6.26-49.683 2.91-71.118-9.291-45.903-26.087-61.706-82.724-35.56-127.441h.508zm-.458 211.901c-10.82-18.85-14.87-40.716-11.503-62.094a144.971 144.971 0 0 0 23.922 17.57c21.096 12.2 45.136 18.646 69.627 18.668a142.451 142.451 0 0 0 35.831-4.692c21.69-5.7 41.64-16.493 58.125-31.446 6.072 38.511-12.239 76.793-46.316 96.835-21.417 12.59-47.102 16.188-71.256 9.983-25.019-6.331-46.312-22.417-58.939-44.524l.51-.3zm185.12 102.546c-21.194-.131-41.677-7.601-57.917-21.121a133.872 133.872 0 0 0 27.284-11.832c50.865-30.16 76.638-89.204 64.024-146.672 41.267 16.713 65.055 59.88 56.975 103.392-8.08 43.51-45.809 75.421-90.366 76.428v-.195zm174.56-104.781c-10.365 18.23-26.73 32.368-46.35 40.041a132.315 132.315 0 0 0 3.353-29.37c.138-58.999-38.063-111.355-94.575-129.62a91.453 91.453 0 0 1 34.516-17.915c23.401-6.086 48.285-2.557 69.033 9.79 44.263 26.268 59.358 82.778 34.024 127.368v-.294z"></path>
</svg>
</span> <span style="color: #000000;">Jordan Bourbonnais | Développeur Web Full Stack et intégrateurs de systèmes multiplateformes</span>
</a>
<div class="mark-preview-desktop reseller-desktop-preview ">
<div class="browserHeader"> <span class="browserIcon"></span> <span class="browserIcon"></span> <span class="browserIcon"></span> </div>
<header id="mark-preview-archive-header">
<div class="gray_sib_logo">
<svg viewBox="0 0 512 512" width="36px">
<title>Jordan Bourbonnais | Développeur Web Full Stack et intégrateurs de systèmes multiplateformes</title>
<path fill="#c4c4c4" d="M473.722 127.464c-18.027-31.901-48.272-55.215-83.865-64.647a142.257 142.257 0 0 0-22.471-3.885C342.065 22.06 300.026 0 255.08 0c-44.944 0-86.983 22.06-112.304 58.932C98.157 63.142 58.4 88.68 36.24 127.365a139.082 139.082 0 0 0-5.316 127.402 139.674 139.674 0 0 0 5.316 127.104c18.053 31.879 48.287 55.184 83.865 64.647a130.245 130.245 0 0 0 22.973 3.885c25.261 36.958 67.322 59.087 112.304 59.087 44.983 0 87.043-22.13 112.305-59.087 44.638-4.161 84.414-29.71 106.536-68.433a138.588 138.588 0 0 0 5.317-127.402 139.379 139.379 0 0 0-5.818-127.104zm-33.861 20.14c10.8 18.89 14.88 40.769 11.6 62.186a140.27 140.27 0 0 0-24.015-17.568c-31.777-18.423-69.787-23.497-105.428-14.074-21.674 5.722-41.612 16.51-58.107 31.442-6.093-38.506 12.271-76.783 46.404-96.722 21.403-12.61 47.09-16.21 71.235-9.981 24.815 6.533 45.86 22.673 58.31 44.717zM254.813 44.955c21.153.117 41.612 7.52 57.892 20.948a140.215 140.215 0 0 0-27.272 12.04c-50.843 30.193-76.605 89.302-63.996 146.832-35.486-14.33-58.666-48.648-58.581-86.729-.22-50.807 40.858-92.26 91.957-92.797v-.294zM71.075 149.893c10.763-18.148 27.595-32.249 47.752-40.003a134.308 134.308 0 0 0-3.455 29.342c-.174 58.952 39.193 111.274 97.433 129.495-10.376 8.36-22.506 14.466-35.56 17.898-24.037 6.26-49.683 2.91-71.118-9.291-45.903-26.087-61.706-82.724-35.56-127.441h.508zm-.458 211.901c-10.82-18.85-14.87-40.716-11.503-62.094a144.971 144.971 0 0 0 23.922 17.57c21.096 12.2 45.136 18.646 69.627 18.668a142.451 142.451 0 0 0 35.831-4.692c21.69-5.7 41.64-16.493 58.125-31.446 6.072 38.511-12.239 76.793-46.316 96.835-21.417 12.59-47.102 16.188-71.256 9.983-25.019-6.331-46.312-22.417-58.939-44.524l.51-.3zm185.12 102.546c-21.194-.131-41.677-7.601-57.917-21.121a133.872 133.872 0 0 0 27.284-11.832c50.865-30.16 76.638-89.204 64.024-146.672 41.267 16.713 65.055 59.88 56.975 103.392-8.08 43.51-45.809 75.421-90.366 76.428v-.195zm174.56-104.781c-10.365 18.23-26.73 32.368-46.35 40.041a132.315 132.315 0 0 0 3.353-29.37c.138-58.999-38.063-111.355-94.575-129.62a91.453 91.453 0 0 1 34.516-17.915c23.401-6.086 48.285-2.557 69.033 9.79 44.263 26.268 59.358 82.778 34.024 127.368v-.294z">
</path>
</svg>
</div>
<div class="previewInfo">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>JordanBourbonnais.com</title>
<style>
*{margin:0;padding:0;} html,body,iframe{border-radius:0 !important;}
body { background-color: #FFFFFF;}
</style>
</head>
<body>
<!--
-->
<div data-tf-widget="EgX47Gl8" data-tf-opacity="100" data-tf-inline-on-mobile data-tf-chat data-tf-iframe-props="title=JordanBourbonnais.com" data-tf-transitive-search-params data-tf-auto-focus data-tf-medium="snippet" data-tf-full-screen></div><script src="//embed.typeform.com/next/embed.js"></script>
</body>
</html>
</div></header>
<!--
<iframe onload="disableLinks('desktopPreview')" id="desktopPreview" src="./engagemoi_files/13(1).html" frameborder="0" sandbox="allow-same-origin">
-->
<iframe onload="disableLinks('desktopPreview')" id="desktopPreview" src="#" frameborder="0" sandbox="allow-same-origin">
</iframe>
<div id="iframeLoaderdesktopPreview" style="position: relative; left: 45%; top: 30%; display: none;" class="iframeLoader">
<svg width="64px" height="64px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling" style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;"><circle cx="50" cy="50" fill="none" ng-attr-stroke="{{config.color}}" ng-attr-stroke-width="{{config.width}}" ng-attr-r="{{config.radius}}" ng-attr-stroke-dasharray="{{config.dasharray}}" stroke="#0092ff" stroke-width="8" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animatetransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animatetransform></circle></svg>
</div>
</div>
<div class="mark-preview-rotate-btn"> <span class="mark-preview-rotate-text"><i class="fa fa-repeat"></i> Rotate</span> </div>
<div class="mark-preview-mobile reseller-mobile-preview ">
<div class="mobile_screen_area">
<iframe onload="disableLinks('mobilePreview')" id="mobilePreview" src="https://nicefront.pages.dev/" frameborder="0" sandbox="allow-same-origin"></iframe>
<div id="iframeLoadermobilePreview" style="position: relative; left: 45%; top: 45%; display: none;" class="iframeLoader">
<svg width="44px" height="44px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling" style="background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;"><circle cx="50" cy="50" fill="none" ng-attr-stroke="{{config.color}}" ng-attr-stroke-width="{{config.width}}" ng-attr-r="{{config.radius}}" ng-attr-stroke-dasharray="{{config.dasharray}}" stroke="#0092ff" stroke-width="8" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animatetransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animatetransform></circle></svg>
</div>
</div>
</div>
</div>
<script>
function disableLinks(id) {
var myIFrame = document.getElementById(id);
myIFrame.contentWindow.document.body.style.fontFamily = 'Arial, Verdana, sans-serif';
var links = myIFrame.contentWindow.document.getElementsByTagName("a");
for (var index = 0; index < links.length; index++) {
links[index].addEventListener('click', function(event) {
event.preventDefault();
}, false);
}
$('#iframeLoader'+id).hide();
$('#'+id).show();
}
function loadIframe(url) {
$('#desktopPreview').hide();
$('#mobilePreview').hide();
$('.iframeLoader').show();
changeIframeSrc(url, 'desktopPreview');
changeIframeSrc(url, 'mobilePreview');
}
function changeIframeSrc(url, id) {
var myIFrame = document.getElementById(id);
myIFrame.src = url;
}
</script>
<script defer="" src="./engagemoi_files/v2b4487d741ca48dcbadcaf954e159fc61680799950996" integrity="sha512-D/jdE0CypeVxFadTejKGTzmwyV10c1pxZk/AqjJuZbaJwGMyNHY3q/mTPWqMUnFACfCTunhZUVcd4cV78dK1pQ==" data-cf-beacon="{"rayId":"7b7dbfc0bacf54a3","token":"7765cec285be473faa0475a7035adb54","version":"2023.3.0","si":100}" crossorigin="anonymous" style="display: none !important;"></script>
</body></html>