]> _ Git - Animations.git/commitdiff
wait #2537 @0.30
authornael <nael@cubedesigners.com>
Tue, 22 Jan 2019 15:32:28 +0000 (16:32 +0100)
committernael <nael@cubedesigners.com>
Tue, 22 Jan 2019 15:32:28 +0000 (16:32 +0100)
ongletsHTML/ongletsHTML-EN/init.js [new file with mode: 0644]
ongletsHTML/ongletsHTML-EN/multimedia.js [new file with mode: 0644]
ongletsHTML/ongletsHTML-EN/ongletsHTML.zip [new file with mode: 0644]
ongletsHTML/ongletsHTML-EN/tabs.svg [new file with mode: 0644]

diff --git a/ongletsHTML/ongletsHTML-EN/init.js b/ongletsHTML/ongletsHTML-EN/init.js
new file mode 100644 (file)
index 0000000..24ad355
--- /dev/null
@@ -0,0 +1 @@
+$($id).tabs($init);
\ No newline at end of file
diff --git a/ongletsHTML/ongletsHTML-EN/multimedia.js b/ongletsHTML/ongletsHTML-EN/multimedia.js
new file mode 100644 (file)
index 0000000..e586731
--- /dev/null
@@ -0,0 +1,272 @@
+(function ($) {
+    function JQtabs(element, data) {
+        this.element = element;
+        this.cont;
+        this.data = data;
+        this.visibility = {};
+
+        this.naturalDimensions = {width: 0, height: 0};
+
+        /* Change contents from here */
+
+        this.hideOnLastPage = true;
+        this.hideOnFirstPage = false;
+        this.hideOnPortrait = true;
+
+        this.image = 'tabs.svg';
+
+        this.links = [
+            {css: {height: '33%', top: 0}, page: 4, id: 'o1'},
+            {css: {height: '33%', top: '33%'}, page: 22, id: 'o2'},
+            {css: {height: '33%', top: '66%'}, page: 24, id: 'o3'}
+        ];
+
+        /* available modes & alignments :
+            side|right: tabs are stuck at the right of the publication
+            side|left: ______________________ left
+            top|center: tabs are placed on top of the publication centered horizontaly
+            top|left:_____________________________________________________ at left
+            top|right:____________________________________________________ at right
+        */
+        this.mode = 'side';
+        this.align = 'right';
+
+        this.margin = -25; // Space between tabs and book
+
+        this.hideEdge = 'right'; // Possible values : left, right, both, none
+
+        /* Stop changing contents here or do it AYOR */
+
+        this.hideOnZoom = true; // true is recommanded
+
+        this.init();
+    }
+
+    JQtabs.prototype = {
+        init: function () {
+            var $this = this;
+            this.element.append('<div class="tabs"></div>');
+            this.cont = this.element.find('.tabs');
+
+            $.get(this.data.path + this.image, {}, function (data) {
+                $this.cont.append(data);
+                $this.naturalDimensions.width = Math.floor(parseFloat($(data).attr('width')));
+                $this.naturalDimensions.height = Math.floor(parseFloat($(data).attr('height')));
+                $this.svg = $this.cont.find('svg');
+                $this.svg.addClass('tabsimg').css({height: '100%', width: 'auto'});
+            }, 'text');
+
+            this.createLinks();
+            this.initStandardEvents();
+            this.hoverOnglet();
+        },
+
+        changePage: function (page) {
+            var id = 'oo';
+            var $this = this;
+            $.each(this.links, function (k, v) {
+                if (page >= v.page) {
+                    try {
+                        if(v.last != undefined && page >= v.last){
+                            id='none';
+                        }else{
+                            id = v.id;
+                        }
+                    } catch (e) {
+
+                    }
+
+                }
+            });
+
+            if(id=='none'){
+                this.svg.find('.active').removeClass('active');
+            }else{
+                try {
+                    this.svg.find('.active:not(#' + id + ')').removeClass('active');
+                    this.svg.find('#' + id).addClass('active');
+                } catch (err) {
+
+                }
+            }
+        },
+
+        hideEdges: function (hide) {
+            if (!hide) {
+                $("#edges .edge").css('visibility', 'visible');
+                return;
+            }
+            if (this.hideEdge == undefined || this.hideEdge == 'none') {
+                return;
+            }
+
+            if (this.hideEdge == 'left' || this.hideEdge == 'both') {
+                $("#edges .edge.left").css({visibility: 'hidden'});
+            }
+            if (this.hideEdge == 'right' || this.hideEdge == 'both') {
+                $("#edges .edge.right").css({visibility: 'hidden'});
+            }
+        },
+
+        createLinks: function () {
+            var $this = this;
+            var n = 1;
+            $(this.links).each(function (k, v) {
+
+                var z = n++;
+                var l = $('<a class="tablink" data-id="'+ z +'" />');
+                $this.cont.append(l);
+                l.css(v.css);
+
+                if (v.page) {
+                    l.attr('href', '#/page/' + v.page);
+                }
+            });
+        },
+
+        //// function hover onglet ////
+
+        hoverOnglet: function(){
+            $('.tablink').on('mouseenter',function () {
+                console.log($(this).attr('data-id'));
+                $(".tabsimg").find('#o'+ $(this).attr('data-id') ).addClass('hover');
+            });
+            $('.tablink').on('mouseleave',function () {
+                $(".tabsimg").find('#o'+ $(this).attr('data-id') ).removeClass('hover');
+            });
+        },
+
+        initStandardEvents: function () {
+            var $this = this;
+
+            $(fluidbook).on('fluidbook.resize', function (e, data) {
+                $this.resize(data);
+                return true;
+            });
+
+            if (this.hideOnZoom) {
+                this.visibility.zoomin = true;
+                $(fluidbook).on('fluidbook.zoom.in.start', function (e) {
+                    $this.changeVisibility('zoomin', false);
+                });
+                $(fluidbook).on('fluidbook.zoom.out.end', function (e) {
+                    $this.changeVisibility('zoomin', true);
+                });
+            }
+
+            if (this.hideOnPortrait) {
+                this.visibility.portrait = true;
+                $(fluidbook).on('fluidbook.resize.orientation', function (e, data) {
+                    if (data.orientation == 'portrait') {
+                        $this.changeVisibility('portrait', false);
+                    } else {
+                        $this.changeVisibility('portrait', true);
+                    }
+                });
+            }
+
+            if (this.hideOnLastPage || this.hideOnFirstPage) {
+                if (this.hideOnLastPage) {
+                    this.visibility.lastpage = true;
+                }
+                if (this.hideOnFirstPage) {
+                    this.visibility.firstpage = true;
+                }
+
+                $(fluidbook).on('fluidbook.page.change.start', function (e, page) {
+                    if ($this.hideOnFirstPage) {
+                        if (page <= 1) {
+                            $this.changeVisibility('firstpage', false);
+                        }
+                    }
+                    if ($this.hideOnLastPage) {
+                        var last = fluidbook.datas.pages;
+                        if (last % 2 == 1) {
+                            last--;
+                        }
+                        if (page >= last) {
+                            $this.changeVisibility('lastpage', false);
+                        }
+                    }
+                    $this.changePage(page);
+                });
+
+                $(fluidbook).on('fluidbook.page.change.end', function (e, page) {
+                    if ($this.hideOnFirstPage) {
+                        if (page > 1) {
+                            this.changeVisibility('firstpage', true);
+                        }
+                    }
+                    if ($this.hideOnLastPage) {
+                        var last = fluidbook.datas.pages;
+                        if (last % 2 == 1) {
+                            last--;
+                        }
+                        if (page < last) {
+                            $this.changeVisibility('lastpage', true);
+                        }
+                    }
+                });
+            }
+        },
+
+        changeVisibility: function (type, visible) {
+            this.visibility[type] = visible;
+            var tabsvisible = true;
+            $.each(this.visibility, function (k, v) {
+                if (!v) {
+                    tabsvisible = false;
+                    return false;
+                }
+            });
+
+            if (!tabsvisible) {
+                this.cont.addClass('hide');
+            } else {
+                this.cont.removeClass('hide');
+            }
+
+            this.hideEdges(tabsvisible);
+        },
+
+        resize: function (data) {
+            var css = {position: 'absolute'};
+            var svgcss={height:css.height};
+            if (this.mode == 'side') {
+                var scale = data.fluidbookrect.height / this.naturalDimensions.height;
+                var w = this.naturalDimensions.width * scale;
+
+                css.top = data.fluidbookrect.top;
+                css.height = data.fluidbookrect.height;
+                if(fluidbook.support.IE>0) {
+                    svgcss.width = w;
+                }
+                css.width = 'auto';
+                if (this.align == 'right') {
+                    css.left = data.fluidbookrect.left + data.fluidbookrect.width + (this.margin * scale);
+                } else if (this.align == 'left') {
+                    css.left = data.fluidbookrectrect.left - w - this.margin;
+                }
+            }
+
+            // This trick allows to fix a dimension bug in ios
+            try{
+                this.svg.css(svgcss);
+            }catch(e){
+
+            }
+            this.cont.css(css);
+        },
+
+    };
+
+    jQuery.fn.tabs = function (data) {
+        return this.each(function () {
+            var $this = $(this);
+            if ($(this).data('tabs') === undefined) {
+                $(this).data('tabs', new JQtabs($this, data));
+            }
+        })
+    };
+})(jQuery);
+
diff --git a/ongletsHTML/ongletsHTML-EN/ongletsHTML.zip b/ongletsHTML/ongletsHTML-EN/ongletsHTML.zip
new file mode 100644 (file)
index 0000000..abc27f0
Binary files /dev/null and b/ongletsHTML/ongletsHTML-EN/ongletsHTML.zip differ
diff --git a/ongletsHTML/ongletsHTML-EN/tabs.svg b/ongletsHTML/ongletsHTML-EN/tabs.svg
new file mode 100644 (file)
index 0000000..98767fd
--- /dev/null
@@ -0,0 +1,180 @@
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="137" height="596"
+        viewBox="0 0 137 596" style="enable-background:new 0 0 137 596;" xml:space="preserve">
+<style type="text/css">
+       .st8{fill:#FFFFFF;}
+       .st1{fill:#44A9C7;}
+       .st2{fill:#2A9CB7;}
+       .st3{fill:#158BAA;}
+       g{
+        transition:transform 400ms ease;
+    }
+    g.active{
+        transform:translateX(10px);
+    }
+        .hover .st1{
+               fill: #6bbbd3 !important;
+               transition: all 300ms ease-out;
+       }
+       .hover .st2 {
+               fill: #41b7d3 !important;
+               transition: all 300ms ease-out;
+       }
+        .hover .st3{
+               fill: #1bb0d7 !important;
+               transition: all 300ms ease-out;
+       }
+
+</style>
+<g id="o1">
+       <g>
+               <g>
+                       <path class="st1" d="M0,197.7h67.9c1.1,0,2-0.9,2-2V2c0-1.1-0.9-2-2-2H0V197.7z"/>
+               </g>
+       </g>
+       <g>
+               <g>
+                       <path class="st8" d="M43.6,117.5v-1.4h2.7c0.3,0.4,0.5,0.8,0.6,1.3c0.1,0.5,0.2,1,0.2,1.4c0,0.7-0.1,1.3-0.4,1.9
+                               c-0.3,0.6-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3c-0.3-0.6-0.4-1.2-0.4-1.9
+                               c0-0.6,0.1-1.1,0.3-1.6c0.2-0.5,0.5-0.9,0.9-1.2l0.9,1c-0.5,0.5-0.8,1-0.8,1.7c0,0.4,0.1,0.8,0.3,1.1c0.2,0.3,0.4,0.6,0.8,0.8
+                               s0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.8s0.3-0.7,0.3-1.1c0-0.4-0.1-0.8-0.3-1.2H43.6z"/>
+                       <path class="st8" d="M45.8,109.5H47v5.1h-6.7v-5h1.2v3.5h1.4v-3.1h1.2v3.1h1.5V109.5z"/>
+                       <path class="st8" d="M40.4,102.2H47v1.3l-4,3.3h4v1.5h-6.7V107l4-3.3h-4V102.2z"/>
+                       <path class="st8" d="M45.8,95.5H47v5.1h-6.7v-5h1.2v3.5h1.4V96h1.2v3.1h1.5V95.5z"/>
+                       <path class="st8" d="M47,90l-1.9,1.3v0.1v1.3H47v1.5h-6.7v-2.9c0-0.6,0.1-1.1,0.3-1.5s0.5-0.8,0.8-1c0.4-0.2,0.8-0.4,1.3-0.4
+                               s0.9,0.1,1.3,0.4c0.4,0.2,0.6,0.6,0.8,1l2.1-1.5V90z M41.9,90.4c-0.2,0.2-0.3,0.6-0.3,1.1v1.3h2.3v-1.3c0-0.5-0.1-0.8-0.3-1.1
+                               c-0.2-0.2-0.5-0.4-0.9-0.4C42.4,90.1,42.1,90.2,41.9,90.4z"/>
+                       <path class="st8" d="M45.6,82.9V86l1.4,0.6v1.6l-6.7-3v-1.5l6.7-3v1.6L45.6,82.9z M44.4,83.4l-2.5,1.1l2.5,1.1V83.4z"/>
+                       <path class="st8" d="M40.4,80v-1.5h5.4v-3.3H47V80H40.4z"/>
+                       <path class="st8" d="M58.1,124.5c-0.3,0.6-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3
+                               c-0.3-0.6-0.4-1.2-0.4-1.9s0.1-1.3,0.4-1.9s0.7-1,1.2-1.3c0.5-0.3,1.1-0.5,1.8-0.5c0.7,0,1.2,0.2,1.8,0.5
+                               c0.5,0.3,0.9,0.8,1.2,1.3s0.4,1.2,0.4,1.9S58.4,124,58.1,124.5z M57,121.6c-0.2-0.3-0.4-0.6-0.8-0.7c-0.3-0.2-0.7-0.3-1.1-0.3
+                               c-0.4,0-0.8,0.1-1.1,0.3c-0.3,0.2-0.6,0.4-0.8,0.7c-0.2,0.3-0.3,0.7-0.3,1.1s0.1,0.7,0.3,1.1c0.2,0.3,0.4,0.6,0.8,0.7
+                               s0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3s0.6-0.4,0.8-0.7c0.2-0.3,0.3-0.7,0.3-1.1S57.1,121.9,57,121.6z"/>
+                       <path class="st8" d="M51.8,111.7l6.6,2.9v1.5l-6.6,2.9v-1.7l4.8-2l-4.8-2.1V111.7z"/>
+                       <path class="st8" d="M57.2,106h1.2v5.1h-6.6v-5H53v3.5h1.4v-3.1h1.2v3.1h1.5V106z"/>
+                       <path class="st8" d="M58.4,100.5l-1.9,1.3v0.1v1.3h1.9v1.5h-6.6v-2.9c0-0.6,0.1-1.1,0.3-1.5s0.5-0.8,0.8-1
+                               c0.4-0.2,0.8-0.4,1.3-0.4c0.5,0,0.9,0.1,1.3,0.4c0.4,0.2,0.6,0.6,0.8,1l2.1-1.5V100.5z M53.3,100.9c-0.2,0.2-0.3,0.6-0.3,1.1v1.3
+                               h2.3V102c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.5-0.4-0.9-0.4C53.8,100.6,53.5,100.7,53.3,100.9z"/>
+                       <path class="st8" d="M51.8,91.4l6.6,2.9v1.5l-6.6,2.9V97l4.8-2l-4.8-2.1V91.4z"/>
+                       <path class="st8" d="M51.8,90.8v-1.5h6.6v1.5H51.8z"/>
+                       <path class="st8" d="M57.2,82.6h1.2v5.1h-6.6v-5H53v3.5h1.4v-3.1h1.2v3.1h1.5V82.6z"/>
+                       <path class="st8" d="M51.8,71.4l6.6,2.2v1.7l-4.5,1.5l4.5,1.5v1.6L51.8,82v-1.6l4.7-1.5l-4.7-1.6v-1.4l4.7-1.5l-4.7-1.5V71.4z"/>
+               </g>
+       </g>
+</g>
+<g id="o2">
+       <path class="st2" d="M0,396h67.9c1.1,0,2-0.9,2-2V199.7c0-1.1-0.9-2-2-2H0V396z"/>
+       <g>
+               <g>
+                       <path class="st8" d="M46.9,323.5c-0.1,0.5-0.3,0.9-0.6,1.2l-1.2-0.5c0.2-0.3,0.4-0.6,0.5-1c0.1-0.4,0.2-0.8,0.2-1.2
+                               c0-0.4-0.1-0.8-0.2-1c-0.1-0.2-0.3-0.3-0.5-0.3c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.3,0.5s-0.1,0.5-0.2,0.8
+                               c-0.1,0.5-0.2,0.9-0.4,1.2s-0.3,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1.1,0.3c-0.4,0-0.7-0.1-1-0.3s-0.6-0.5-0.7-0.9
+                               c-0.2-0.4-0.3-0.9-0.3-1.5c0-0.4,0.1-0.8,0.2-1.2s0.2-0.8,0.4-1.1l1.2,0.5c-0.3,0.6-0.5,1.2-0.5,1.8c0,0.4,0.1,0.7,0.2,1
+                               s0.3,0.3,0.6,0.3c0.2,0,0.4-0.1,0.5-0.4c0.1-0.2,0.2-0.6,0.3-1.1c0.1-0.5,0.2-0.9,0.4-1.2s0.3-0.6,0.6-0.8s0.6-0.3,1.1-0.3
+                               c0.4,0,0.7,0.1,1,0.3s0.6,0.5,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C47.1,322.5,47.1,323,46.9,323.5z"/>
+                       <path class="st8" d="M41.6,316.8v2.1h-1.3v-5.8h1.3v2.1H47v1.5H41.6z"/>
+                       <path class="st8" d="M45.6,308.3v3.1L47,312v1.6l-6.7-3v-1.5l6.7-3v1.6L45.6,308.3z M44.4,308.8l-2.5,1.1l2.5,1.1V308.8z"/>
+                       <path class="st8" d="M40.4,299.3H47v1.3l-4,3.3h4v1.5h-6.7v-1.3l4-3.3h-4V299.3z"/>
+                       <path class="st8" d="M40.4,297.7v-3c0-0.7,0.1-1.4,0.4-1.9c0.3-0.6,0.7-1,1.2-1.3s1.1-0.5,1.7-0.5s1.2,0.2,1.7,0.5
+                               s0.9,0.7,1.2,1.3c0.3,0.6,0.4,1.2,0.4,1.9v3H40.4z M45.8,294.8c0-0.7-0.2-1.2-0.6-1.6c-0.4-0.4-0.9-0.6-1.5-0.6
+                               c-0.6,0-1.1,0.2-1.5,0.6c-0.4,0.4-0.6,0.9-0.6,1.6v1.4h4.1V294.8z"/>
+                       <path class="st8" d="M45.6,285.6v3.1l1.4,0.6v1.6l-6.7-3v-1.5l6.7-3v1.6L45.6,285.6z M44.4,286.1l-2.5,1.1l2.5,1.1V286.1z"/>
+                       <path class="st8" d="M47,278.4l-1.9,1.3v0.1v1.3H47v1.5h-6.7v-2.9c0-0.6,0.1-1.1,0.3-1.5s0.5-0.8,0.8-1c0.4-0.2,0.8-0.4,1.3-0.4
+                               s0.9,0.1,1.3,0.4c0.4,0.2,0.6,0.6,0.8,1l2.1-1.5V278.4z M41.9,278.8c-0.2,0.2-0.3,0.6-0.3,1.1v1.3h2.3v-1.3
+                               c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.5-0.4-0.9-0.4C42.4,278.5,42.1,278.6,41.9,278.8z"/>
+                       <path class="st8" d="M40.4,275.7v-3c0-0.7,0.1-1.4,0.4-1.9c0.3-0.6,0.7-1,1.2-1.3s1.1-0.5,1.7-0.5s1.2,0.2,1.7,0.5
+                               s0.9,0.7,1.2,1.3c0.3,0.6,0.4,1.2,0.4,1.9v3H40.4z M45.8,272.8c0-0.7-0.2-1.2-0.6-1.6c-0.4-0.4-0.9-0.6-1.5-0.6
+                               c-0.6,0-1.1,0.2-1.5,0.6c-0.4,0.4-0.6,0.9-0.6,1.6v1.4h4.1V272.8z"/>
+                       <path class="st8" d="M53,320.5h1.8v-3.1H56v3.1h2.4v1.5h-6.6v-5H53V320.5z"/>
+                       <path class="st8" d="M57.2,310.8h1.2v5.1h-6.6v-5H53v3.5h1.4v-3.1h1.2v3.1h1.5V310.8z"/>
+                       <path class="st8" d="M57,305.2v3.1l1.4,0.6v1.6l-6.6-3V306l6.6-3v1.6L57,305.2z M55.8,305.7l-2.5,1.1l2.5,1.1V305.7z"/>
+                       <path class="st8" d="M53,301.3v2.1h-1.3v-5.8H53v2.1h5.4v1.5H53z"/>
+                       <path class="st8" d="M57.8,296.2c-0.5,0.5-1.3,0.8-2.3,0.8h-3.7v-1.5h3.7c1.2,0,1.8-0.5,1.8-1.5c0-0.5-0.1-0.8-0.4-1.1
+                               s-0.7-0.4-1.4-0.4h-3.7v-1.5h3.7c1,0,1.7,0.3,2.3,0.8c0.5,0.5,0.8,1.3,0.8,2.2S58.3,295.6,57.8,296.2z"/>
+                       <path class="st8" d="M58.4,285.2l-1.9,1.3v0.1v1.3h1.9v1.5h-6.6v-2.9c0-0.6,0.1-1.1,0.3-1.5s0.5-0.8,0.8-1
+                               c0.4-0.2,0.8-0.4,1.3-0.4c0.5,0,0.9,0.1,1.3,0.4c0.4,0.2,0.6,0.6,0.8,1l2.1-1.5V285.2z M53.3,285.6c-0.2,0.2-0.3,0.6-0.3,1.1v1.3
+                               h2.3v-1.3c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.5-0.4-0.9-0.4C53.8,285.2,53.5,285.3,53.3,285.6z"/>
+                       <path class="st8" d="M57.2,277.3h1.2v5.1h-6.6v-5H53v3.5h1.4v-3.1h1.2v3.1h1.5V277.3z"/>
+                       <path class="st8" d="M58.3,275.4c-0.1,0.5-0.3,0.9-0.6,1.2l-1.2-0.5c0.2-0.3,0.4-0.6,0.5-1s0.2-0.8,0.2-1.2c0-0.4-0.1-0.8-0.2-1
+                               s-0.3-0.3-0.5-0.3c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.3,0.5s-0.1,0.5-0.2,0.8c-0.1,0.5-0.2,0.9-0.4,1.2
+                               c-0.1,0.3-0.3,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1.1,0.3c-0.4,0-0.7-0.1-1-0.3s-0.6-0.5-0.7-0.9c-0.2-0.4-0.3-0.9-0.3-1.5
+                               c0-0.4,0.1-0.8,0.2-1.2c0.1-0.4,0.2-0.8,0.4-1.1l1.2,0.5c-0.3,0.6-0.5,1.2-0.5,1.8c0,0.4,0.1,0.7,0.2,1c0.1,0.2,0.3,0.3,0.6,0.3
+                               c0.2,0,0.4-0.1,0.5-0.4c0.1-0.2,0.2-0.6,0.3-1.1c0.1-0.5,0.2-0.9,0.4-1.2c0.1-0.3,0.3-0.6,0.6-0.8s0.6-0.3,1.1-0.3
+                               c0.4,0,0.7,0.1,1,0.3s0.6,0.5,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C58.5,274.4,58.5,274.9,58.3,275.4z"/>
+               </g>
+       </g>
+</g>
+<g id="o3">
+       <path class="st3" d="M0,595.6h67.9c1.1,0,2-0.9,2-2V397.9c0-1.1-0.9-2-2-2H0V595.6z"/>
+       <g>
+               <g>
+                       <path class="st8" d="M45.8,545.1H47v5.1h-6.7v-5h1.2v3.5h1.4v-3.1h1.2v3.1h1.5V545.1z"/>
+                       <path class="st8" d="M40.4,537.8H47v1.3l-4,3.3h4v1.5h-6.7v-1.3l4-3.3h-4V537.8z"/>
+                       <path class="st8" d="M40.4,530.1H47v1.5h-2.7v3H47v1.5h-6.7v-1.5H43v-3h-2.6V530.1z"/>
+                       <path class="st8" d="M45.6,524.2v3.1l1.4,0.6v1.6l-6.7-3v-1.5l6.7-3v1.6L45.6,524.2z M44.4,524.6l-2.5,1.1l2.5,1.1V524.6z"/>
+                       <path class="st8" d="M40.4,515.2H47v1.3l-4,3.3h4v1.5h-6.7V520l4-3.3h-4V515.2z"/>
+                       <path class="st8" d="M46.7,512.2c-0.3,0.5-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3
+                               c-0.3-0.5-0.4-1.2-0.4-1.8c0-0.6,0.1-1.1,0.3-1.6c0.2-0.5,0.5-0.9,0.9-1.2l0.9,1c-0.5,0.5-0.8,1-0.8,1.7c0,0.4,0.1,0.8,0.3,1.1
+                               c0.2,0.3,0.4,0.6,0.8,0.8c0.3,0.2,0.7,0.3,1.1,0.3s0.8-0.1,1.1-0.3c0.3-0.2,0.6-0.4,0.8-0.8c0.2-0.3,0.3-0.7,0.3-1.1
+                               c0-0.7-0.3-1.2-0.8-1.7l0.9-1c0.4,0.3,0.7,0.7,0.9,1.2c0.2,0.5,0.3,1,0.3,1.6C47.1,511.1,47,511.7,46.7,512.2z"/>
+                       <path class="st8" d="M45.8,501.5H47v5.1h-6.7v-5h1.2v3.5h1.4V502h1.2v3.1h1.5V501.5z"/>
+                       <path class="st8" d="M47,494.2l-4,0l3.3,2v0.7l-3.2,1.9H47v1.4h-6.7V499l4.1-2.5l-4.1-2.5v-1.3l6.7,0V494.2z"/>
+                       <path class="st8" d="M45.8,486H47v5.1h-6.7v-5h1.2v3.5h1.4v-3.1h1.2v3.1h1.5V486z"/>
+                       <path class="st8" d="M40.4,478.7H47v1.3l-4,3.3h4v1.5h-6.7v-1.3l4-3.3h-4V478.7z"/>
+                       <path class="st8" d="M41.6,475.8v2.1h-1.3v-5.8h1.3v2.1H47v1.5H41.6z"/>
+                       <path class="st8" d="M46.9,470.6c-0.1,0.5-0.3,0.9-0.6,1.2l-1.2-0.5c0.2-0.3,0.4-0.6,0.5-1c0.1-0.4,0.2-0.8,0.2-1.2
+                               c0-0.4-0.1-0.8-0.2-1c-0.1-0.2-0.3-0.3-0.5-0.3c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.3,0.5s-0.1,0.5-0.2,0.8
+                               c-0.1,0.5-0.2,0.9-0.4,1.2s-0.3,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1.1,0.3c-0.4,0-0.7-0.1-1-0.3s-0.6-0.5-0.7-0.9
+                               c-0.2-0.4-0.3-0.9-0.3-1.5c0-0.4,0.1-0.8,0.2-1.2s0.2-0.8,0.4-1.1l1.2,0.5c-0.3,0.6-0.5,1.2-0.5,1.8c0,0.4,0.1,0.7,0.2,1
+                               s0.3,0.3,0.6,0.3c0.2,0,0.4-0.1,0.5-0.4c0.1-0.2,0.2-0.6,0.3-1.1c0.1-0.5,0.2-0.9,0.4-1.2s0.3-0.6,0.6-0.8s0.6-0.3,1.1-0.3
+                               c0.4,0,0.7,0.1,1,0.3s0.6,0.5,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C47.1,469.6,47.1,470.2,46.9,470.6z"/>
+                       <path class="st8" d="M45.6,458.2v3.1l1.4,0.6v1.6l-6.7-3v-1.5l6.7-3v1.6L45.6,458.2z M44.4,458.7l-2.5,1.1l2.5,1.1V458.7z"/>
+                       <path class="st8" d="M40.4,449.2H47v1.3l-4,3.3h4v1.5h-6.7V454l4-3.3h-4V449.2z"/>
+                       <path class="st8" d="M40.4,447.6v-3c0-0.7,0.1-1.4,0.4-1.9c0.3-0.6,0.7-1,1.2-1.3s1.1-0.5,1.7-0.5s1.2,0.2,1.7,0.5
+                               s0.9,0.7,1.2,1.3c0.3,0.6,0.4,1.2,0.4,1.9v3H40.4z M45.8,444.7c0-0.7-0.2-1.2-0.6-1.6c-0.4-0.4-0.9-0.6-1.5-0.6
+                               c-0.6,0-1.1,0.2-1.5,0.6c-0.4,0.4-0.6,0.9-0.6,1.6v1.4h4.1V444.7z"/>
+                       <path class="st8" d="M58.1,545.8c-0.3,0.6-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3
+                               c-0.3-0.6-0.4-1.2-0.4-1.9s0.1-1.3,0.4-1.9s0.7-1,1.2-1.3c0.5-0.3,1.1-0.5,1.8-0.5c0.7,0,1.2,0.2,1.8,0.5
+                               c0.5,0.3,0.9,0.8,1.2,1.3s0.4,1.2,0.4,1.9S58.4,545.2,58.1,545.8z M57,542.8c-0.2-0.3-0.4-0.6-0.8-0.7c-0.3-0.2-0.7-0.3-1.1-0.3
+                               c-0.4,0-0.8,0.1-1.1,0.3c-0.3,0.2-0.6,0.4-0.8,0.7c-0.2,0.3-0.3,0.7-0.3,1.1s0.1,0.7,0.3,1.1c0.2,0.3,0.4,0.6,0.8,0.7
+                               s0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3s0.6-0.4,0.8-0.7c0.2-0.3,0.3-0.7,0.3-1.1S57.1,543.1,57,542.8z"/>
+                       <path class="st8" d="M52.1,534.7c0.2-0.4,0.5-0.8,0.8-1c0.4-0.2,0.8-0.4,1.3-0.4c0.5,0,0.9,0.1,1.3,0.4s0.6,0.6,0.8,1
+                               s0.3,0.9,0.3,1.5v1.3h1.8v1.5h-6.6v-2.9C51.8,535.6,51.9,535.1,52.1,534.7z M55,535.2c-0.2-0.2-0.5-0.4-0.8-0.4
+                               c-0.4,0-0.7,0.1-0.9,0.4c-0.2,0.2-0.3,0.6-0.3,1.1v1.3h2.3v-1.3C55.3,535.8,55.2,535.5,55,535.2z"/>
+                       <path class="st8" d="M53,531v2.1h-1.3v-5.8H53v2.1h5.4v1.5H53z"/>
+                       <path class="st8" d="M51.8,526.5V525h6.6v1.5H51.8z"/>
+                       <path class="st8" d="M58.1,522.1c-0.3,0.6-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3
+                               c-0.3-0.6-0.4-1.2-0.4-1.9s0.1-1.3,0.4-1.9s0.7-1,1.2-1.3c0.5-0.3,1.1-0.5,1.8-0.5c0.7,0,1.2,0.2,1.8,0.5
+                               c0.5,0.3,0.9,0.8,1.2,1.3s0.4,1.2,0.4,1.9S58.4,521.5,58.1,522.1z M57,519.1c-0.2-0.3-0.4-0.6-0.8-0.7c-0.3-0.2-0.7-0.3-1.1-0.3
+                               c-0.4,0-0.8,0.1-1.1,0.3c-0.3,0.2-0.6,0.4-0.8,0.7c-0.2,0.3-0.3,0.7-0.3,1.1s0.1,0.7,0.3,1.1c0.2,0.3,0.4,0.6,0.8,0.7
+                               s0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3s0.6-0.4,0.8-0.7c0.2-0.3,0.3-0.7,0.3-1.1S57.1,519.5,57,519.1z"/>
+                       <path class="st8" d="M51.8,509.4h6.6v1.3l-4,3.3h4v1.5h-6.6v-1.3l4-3.3h-4V509.4z"/>
+                       <path class="st8" d="M57,503.4v3.1l1.4,0.6v1.6l-6.6-3v-1.5l6.6-3v1.6L57,503.4z M55.8,503.9l-2.5,1.1l2.5,1.1V503.9z"/>
+                       <path class="st8" d="M51.8,500.5V499h5.4v-3.3h1.3v4.9H51.8z"/>
+                       <path class="st8" d="M58.3,491.4c-0.1,0.5-0.3,0.9-0.6,1.2l-1.2-0.5c0.2-0.3,0.4-0.6,0.5-1s0.2-0.8,0.2-1.2c0-0.4-0.1-0.8-0.2-1
+                               s-0.3-0.3-0.5-0.3c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.3,0.5s-0.1,0.5-0.2,0.8c-0.1,0.5-0.2,0.9-0.4,1.2
+                               c-0.1,0.3-0.3,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1.1,0.3c-0.4,0-0.7-0.1-1-0.3s-0.6-0.5-0.7-0.9c-0.2-0.4-0.3-0.9-0.3-1.5
+                               c0-0.4,0.1-0.8,0.2-1.2c0.1-0.4,0.2-0.8,0.4-1.1l1.2,0.5c-0.3,0.6-0.5,1.2-0.5,1.8c0,0.4,0.1,0.7,0.2,1c0.1,0.2,0.3,0.3,0.6,0.3
+                               c0.2,0,0.4-0.1,0.5-0.4c0.1-0.2,0.2-0.6,0.3-1.1c0.1-0.5,0.2-0.9,0.4-1.2c0.1-0.3,0.3-0.6,0.6-0.8s0.6-0.3,1.1-0.3
+                               c0.4,0,0.7,0.1,1,0.3s0.6,0.5,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C58.5,490.4,58.5,490.9,58.3,491.4z"/>
+                       <path class="st8" d="M57.2,480.9h1.2v5.1h-6.6v-5H53v3.5h1.4v-3.1h1.2v3.1h1.5V480.9z"/>
+                       <path class="st8" d="M58.4,475.4l-1.9,1.3v0.1v1.3h1.9v1.5h-6.6v-2.9c0-0.6,0.1-1.1,0.3-1.5s0.5-0.8,0.8-1
+                               c0.4-0.2,0.8-0.4,1.3-0.4c0.5,0,0.9,0.1,1.3,0.4c0.4,0.2,0.6,0.6,0.8,1l2.1-1.5V475.4z M53.3,475.8c-0.2,0.2-0.3,0.6-0.3,1.1v1.3
+                               h2.3v-1.3c0-0.5-0.1-0.8-0.3-1.1c-0.2-0.2-0.5-0.4-0.9-0.4C53.8,475.4,53.5,475.6,53.3,475.8z"/>
+                       <path class="st8" d="M51.8,466.3l6.6,2.9v1.5l-6.6,2.9v-1.7l4.8-2l-4.8-2.1V466.3z"/>
+                       <path class="st8" d="M51.8,465.7v-1.5h6.6v1.5H51.8z"/>
+                       <path class="st8" d="M58.1,461.3c-0.3,0.5-0.7,1-1.2,1.3s-1.1,0.5-1.8,0.5c-0.7,0-1.2-0.2-1.8-0.5s-0.9-0.7-1.2-1.3
+                               c-0.3-0.5-0.4-1.2-0.4-1.8c0-0.6,0.1-1.1,0.3-1.6c0.2-0.5,0.5-0.9,0.9-1.2l0.9,1c-0.5,0.5-0.8,1-0.8,1.7c0,0.4,0.1,0.8,0.3,1.1
+                               c0.2,0.3,0.4,0.6,0.8,0.8s0.7,0.3,1.1,0.3c0.4,0,0.8-0.1,1.1-0.3s0.6-0.4,0.8-0.8c0.2-0.3,0.3-0.7,0.3-1.1c0-0.7-0.3-1.2-0.8-1.7
+                               l0.9-1c0.4,0.3,0.7,0.7,0.9,1.2c0.2,0.5,0.3,1,0.3,1.6C58.5,460.1,58.4,460.7,58.1,461.3z"/>
+                       <path class="st8" d="M57.2,450.5h1.2v5.1h-6.6v-5H53v3.5h1.4V451h1.2v3.1h1.5V450.5z"/>
+                       <path class="st8" d="M58.3,448.6c-0.1,0.5-0.3,0.9-0.6,1.2l-1.2-0.5c0.2-0.3,0.4-0.6,0.5-1s0.2-0.8,0.2-1.2c0-0.4-0.1-0.8-0.2-1
+                               s-0.3-0.3-0.5-0.3c-0.2,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.2,0.3-0.3,0.5s-0.1,0.5-0.2,0.8c-0.1,0.5-0.2,0.9-0.4,1.2
+                               c-0.1,0.3-0.3,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1.1,0.3c-0.4,0-0.7-0.1-1-0.3s-0.6-0.5-0.7-0.9c-0.2-0.4-0.3-0.9-0.3-1.5
+                               c0-0.4,0.1-0.8,0.2-1.2c0.1-0.4,0.2-0.8,0.4-1.1l1.2,0.5c-0.3,0.6-0.5,1.2-0.5,1.8c0,0.4,0.1,0.7,0.2,1c0.1,0.2,0.3,0.3,0.6,0.3
+                               c0.2,0,0.4-0.1,0.5-0.4c0.1-0.2,0.2-0.6,0.3-1.1c0.1-0.5,0.2-0.9,0.4-1.2c0.1-0.3,0.3-0.6,0.6-0.8s0.6-0.3,1.1-0.3
+                               c0.4,0,0.7,0.1,1,0.3s0.6,0.5,0.7,1c0.2,0.4,0.3,0.9,0.3,1.5C58.5,447.6,58.5,448.1,58.3,448.6z"/>
+               </g>
+       </g>
+</g>
+</svg>