diff --git a/b2-cwd/integration/live/session3/icons/fonts/icomoon.eot b/b2-cwd/integration/live/session3/icons/fonts/icomoon.eot
new file mode 100644
index 0000000..1f79bcc
Binary files /dev/null and b/b2-cwd/integration/live/session3/icons/fonts/icomoon.eot differ
diff --git a/b2-cwd/integration/live/session3/icons/fonts/icomoon.svg b/b2-cwd/integration/live/session3/icons/fonts/icomoon.svg
new file mode 100644
index 0000000..40a725d
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/fonts/icomoon.svg
@@ -0,0 +1,16 @@
+
+
+
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session3/icons/fonts/icomoon.ttf b/b2-cwd/integration/live/session3/icons/fonts/icomoon.ttf
new file mode 100644
index 0000000..1b5be29
Binary files /dev/null and b/b2-cwd/integration/live/session3/icons/fonts/icomoon.ttf differ
diff --git a/b2-cwd/integration/live/session3/icons/fonts/icomoon.woff b/b2-cwd/integration/live/session3/icons/fonts/icomoon.woff
new file mode 100644
index 0000000..0ed21c6
Binary files /dev/null and b/b2-cwd/integration/live/session3/icons/fonts/icomoon.woff differ
diff --git a/b2-cwd/integration/live/session3/icons/icon-style.css b/b2-cwd/integration/live/session3/icons/icon-style.css
new file mode 100644
index 0000000..8a950e5
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/icon-style.css
@@ -0,0 +1,44 @@
+@font-face {
+ font-family: 'icomoon';
+ src:
+ url('fonts/icomoon.ttf?k3kmik') format('truetype'),
+ url('fonts/icomoon.woff?k3kmik') format('woff'),
+ url('fonts/icomoon.svg?k3kmik#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'icomoon' !important;
+ speak: never;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-eye:before {
+ content: "\e9ce";
+}
+.icon-eye-blocked:before {
+ content: "\e9d1";
+}
+.icon-close-circle:before {
+ content: "\ea0d";
+}
+.icon-close:before {
+ content: "\ea0f";
+}
+.icon-radio-checked:before {
+ content: "\ea54";
+}
+.icon-radio-unchecked:before {
+ content: "\ea56";
+}
diff --git a/b2-cwd/integration/live/session3/icons/index.html b/b2-cwd/integration/live/session3/icons/index.html
new file mode 100644
index 0000000..aa7d8e9
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+ Tests Icones
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session3/icons/scripts.js b/b2-cwd/integration/live/session3/icons/scripts.js
new file mode 100644
index 0000000..04ea26d
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/scripts.js
@@ -0,0 +1,25 @@
+// onloadjs: https://ryfarlane.com/article/on-load-vanilla-javascript
+// onclick : https://gomakethings.com/listening-for-click-events-with-vanilla-javascript/
+console.log('scripts loaded');
+document.onreadystatechange = function(event) {
+ if (document.readyState === "complete") {
+ console.log('document loaded');
+ document.addEventListener("click",function (event) {
+ console.log(event.target);
+ if(event.target.matches('.icon-eye') || event.target.matches('.icon-eye-blocked'))
+ {
+ console.log("click sur l'oeil");
+ if(document.getElementById('pwd').getAttribute("type") === "password")
+ {
+ document.getElementById('pwd').setAttribute("type","text");
+ event.target.setAttribute("class","icon-eye-blocked");
+ }
+ else
+ {
+ document.getElementById('pwd').setAttribute("type","password");
+ event.target.setAttribute("class","icon-eye");
+ }
+ }
+ });
+ }
+}
\ No newline at end of file
diff --git a/b2-cwd/integration/live/session3/icons/sources/Read Me.txt b/b2-cwd/integration/live/session3/icons/sources/Read Me.txt
new file mode 100644
index 0000000..8491652
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/sources/Read Me.txt
@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
diff --git a/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.css b/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.css
new file mode 100644
index 0000000..39b8991
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+ padding: 0;
+ margin: 0;
+ font-family: sans-serif;
+ font-size: 1em;
+ line-height: 1.5;
+ color: #555;
+ background: #fff;
+}
+h1 {
+ font-size: 1.5em;
+ font-weight: normal;
+}
+small {
+ font-size: .66666667em;
+}
+a {
+ color: #e74c3c;
+ text-decoration: none;
+}
+a:hover, a:focus {
+ box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+ box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+ box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+ font-family: sans-serif;
+ font-size: 1em;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+input {
+ color: inherit;
+ line-height: 1.5;
+ height: 1.5em;
+ padding: .25em 0;
+}
+input:focus {
+ outline: none;
+ box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+ font-size: 16px;
+ width: 15em;
+ padding-bottom: 1em;
+ margin-right: 4em;
+ margin-bottom: 1em;
+ float: left;
+ overflow: hidden;
+}
+.liga {
+ width: 80%;
+ width: calc(100% - 2.5em);
+}
+.talign-right {
+ text-align: right;
+}
+.talign-center {
+ text-align: center;
+}
+.bgc1 {
+ background: #f1f1f1;
+}
+.fgc1 {
+ color: #999;
+}
+.fgc0 {
+ color: #000;
+}
+p {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.mvm {
+ margin-top: .75em;
+ margin-bottom: .75em;
+}
+.mtn {
+ margin-top: 0;
+}
+.mtl, .mal {
+ margin-top: 1.5em;
+}
+.mbl, .mal {
+ margin-bottom: 1.5em;
+}
+.mal, .mhl {
+ margin-left: 1.5em;
+ margin-right: 1.5em;
+}
+.mhmm {
+ margin-left: 1em;
+ margin-right: 1em;
+}
+.mls {
+ margin-left: .25em;
+}
+.ptl {
+ padding-top: 1.5em;
+}
+.pbs, .pvs {
+ padding-bottom: .25em;
+}
+.pvs, .pts {
+ padding-top: .25em;
+}
+.unit {
+ float: left;
+}
+.unitRight {
+ float: right;
+}
+.size1of2 {
+ width: 50%;
+}
+.size1of1 {
+ width: 100%;
+}
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after {
+ clear: both;
+}
+.hidden-true {
+ display: none;
+}
+.textbox0 {
+ width: 3em;
+ background: #f1f1f1;
+ padding: .25em .5em;
+ line-height: 1.5;
+ height: 1.5em;
+}
+#testDrive {
+ display: block;
+ padding-top: 24px;
+ line-height: 1.5;
+}
+.fs0 {
+ font-size: 16px;
+}
+.fs1 {
+ font-size: 32px;
+}
+
diff --git a/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.js b/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.js
new file mode 100644
index 0000000..6f45f1c
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/sources/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+ document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+ var target = e.target;
+ if (target.tagName === "INPUT" &&
+ target.getAttribute('class').indexOf('liga') === -1) {
+ target.select();
+ }
+});
+
+(function() {
+ var fontSize = document.getElementById('fontSize'),
+ testDrive = document.getElementById('testDrive'),
+ testText = document.getElementById('testText');
+ function updateTest() {
+ testDrive.innerHTML = testText.value || String.fromCharCode(160);
+ if (window.icomoonLiga) {
+ window.icomoonLiga(testDrive);
+ }
+ }
+ function updateSize() {
+ testDrive.style.fontSize = fontSize.value + 'px';
+ }
+ fontSize.addEventListener('change', updateSize, false);
+ testText.addEventListener('input', updateTest, false);
+ testText.addEventListener('change', updateTest, false);
+ updateSize();
+}());
diff --git a/b2-cwd/integration/live/session3/icons/sources/demo.html b/b2-cwd/integration/live/session3/icons/sources/demo.html
new file mode 100644
index 0000000..2c539c0
--- /dev/null
+++ b/b2-cwd/integration/live/session3/icons/sources/demo.html
@@ -0,0 +1,122 @@
+
+
+
+
+ IcoMoon Demo
+
+
+
+
+
+
+
Font Name: icomoon (Glyphs: 6)
+
+
+
Grid Size: 16
+
+
+
+
+
+
+
+
Font Test Drive
+
+
+
+
+