cambios

app/Resources/views/producto_final/base_final.html.twig

@@ -38,21 +38,26 @@
 
         <div class="responsive-bar">
             <div class="logo">
-                <img src="{{asset('manuel/images/logo-inovage-480x59.png')}}" alt="logo" />
+                <img src="images/logo-inovage-480x59.png" alt="logo" />
             </div>
             <div class="menu">
-                <h4>...</h4>
+                <h4>
+                    kjh    
+                </h4>
             </div>
         </div>
         <nav>
             <div class="logo">
-                <img src="{{asset('manuel/images/logo-inovage-480x59.png')}}"
-                     alt="logo" />
+                <img src="images/logo-inovage-480x59.png"
+                    alt="logo" />
             </div>
             <ul>
-                <li><a href="#">Selfie Test</a></li>
-                <li><a href="#">¿Cómo Actúa?</a></li>
-                <li><a href="#">Efecto</a></li>
+                <li><a href="https://www.inovage.cl/selfie-test/">Selfie Test</a></li>
+                <li><a href="https://www.inovage.cl/como-funciona/">¿Cómo Actúa?</a></li>
+                <li><a href="https://www.inovage.cl/los-culpables/">Efecto</a></li>
+                <li><a href="#">
+                    <i class="_mi dashicons dashicons-cart" aria-hidden="true" style="font-size:1.4em;"></i></a>
+                </li>
             </ul>
         </nav>
         <div id="content" class="content">
@@ -85,6 +90,70 @@
             )
         </script>
 
+        <script>
+            function copyToClipboard(text, copyMode) {
+                if (copyMode == "css") {
+                    window.prompt("Copy this, then paste in your CSS :before selector.", text);
+                } else if (copyMode == "html") {
+                    window.prompt("Copy this, then paste in your HTML.", text);
+                } else {
+                    window.prompt("Copy this, then paste in your Photoshop textfield.", text);
+                }
+            }
+
+            function pickRandomIcon() {
+                var divs = jQuery("#iconlist div").get().sort(function () {
+                    return Math.round(Math.random()) - 0.5;
+                }).slice(0, 1);
+
+                attr = jQuery(divs).data('code');
+                cssclass = jQuery(divs).attr('class');
+                displayGlyph(attr, cssclass);
+
+            }
+
+            function displayGlyph(attr, cssclass) {
+
+                // css copy string
+                csstext = 'content: \"\\' + attr + '";';
+
+                // html copy string
+                htmltext = '<div class="' + cssclass + '"></div>';
+
+                // glyph copy string
+                glyphtemp = "&#x" + attr + ";";
+                jQuery('#temp').html(glyphtemp);
+                glyphtext = jQuery('#temp').text();
+
+                // final output
+                output = '<div class="' + cssclass + '"></div>'
+                        + '<div class="info">'
+                        + '<strong>&larr; ' + cssclass.split(' ')[1] + '</strong>'
+                        + '<a href="javascript:copyToClipboard(csstext, \'css\')">Copy CSS</a>'
+                        + '<a href="javascript:copyToClipboard(htmltext, \'html\')">Copy HTML</a>'
+                        + '<a href="javascript:copyToClipboard(glyphtext)">Copy Glyph</a>'
+                        + '</div>';
+
+                jQuery('#glyph').html(output);
+
+            }
+
+            jQuery(document).ready(function () {
+
+                pickRandomIcon();
+
+                jQuery('#iconlist div').click(function () {
+
+                    attr = jQuery(this).data('code');
+                    cssclass = jQuery(this).attr('class');
+
+                    displayGlyph(attr, cssclass);
+
+                });
+
+            });
+        </script>
+
         <!-- ================== END BASE JS ================== -->
 
         <!-- ================== BEGIN PAGE LEVEL JS ================== -->