ui and code fixes

src/assets/img/like.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+<path style="fill:#D75A4A;" d="M24.85,10.126c2.018-4.783,6.628-8.125,11.99-8.125c7.223,0,12.425,6.179,13.079,13.543
+	c0,0,0.353,1.828-0.424,5.119c-1.058,4.482-3.545,8.464-6.898,11.503L24.85,48L7.402,32.165c-3.353-3.038-5.84-7.021-6.898-11.503
+	c-0.777-3.291-0.424-5.119-0.424-5.119C0.734,8.179,5.936,2,13.159,2C18.522,2,22.832,5.343,24.85,10.126z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

src/assets/js/bootstrap.engine.dev.js

@@ -45,8 +45,7 @@ $(document).ready(function(){
               $('#whatisit').removeClass("flip");
         });
     }); 
-    $( "#clickme-trigger" ).click(function() {
+    $( "#clickme-trigger" ).click(function() { 
-
         var arr = [
           "/assets/img/sparks/01.svg",
           "/assets/img/sparks/02.svg",
@@ -55,10 +54,10 @@ $(document).ready(function(){
           "/assets/img/sparks/05.svg",
           "/assets/img/sparks/06.svg"];
         var rand = Math.floor(Math.random() * arr.length);
-       $('#aenimka-the-unicorn').attr('src', arr[rand]);  
+        $('#aenimka-the-unicorn').attr('src', arr[rand]);  
-       $('.aenimka-the-unicorn').removeClass("hidden");
+        $('.aenimka-the-unicorn').removeClass("hidden");
-       $('.aenimka-the-unicorn').addClass('animated zoomIn');
+        $('.aenimka-the-unicorn').addClass('animated zoomIn');
-       $('.aenimka-the-unicorn').animateCSS('zoomIn', 2000, function() {
+        $('.aenimka-the-unicorn').animateCSS('zoomIn', 2000, function() {
           // Animation complete!
           $('.aenimka-the-unicorn').addClass('animated zoomOut');
           $('.aenimka-the-unicorn').animateCSS('zoomOut', 1000, function() {

src/index.html

@@ -176,7 +176,7 @@
 
       <footer class="mastfoot mt-auto text-center">
         <div class="inner">
-          <p>Site <a href="https://github.com/EpicMorg/metamod-r.org"><i class="fab fa-github"></i> developed</a> and hosted by <a href="https://ww.epicm.org/"><i class="far fa-hdd"></i> EpicMorg</a>, 2018, <a href="#" data-toggle="modal" data-target="#aboutModal">0.0.0.6</a>.</p>
+          <p>Site <a href="https://github.com/EpicMorg/metamod-r.org"><i class="fab fa-github"></i> developed</a> and hosted by <a href="https://ww.epicm.org/"><i class="far fa-hdd"></i> EpicMorg</a>, 2018, <a href="#" data-toggle="modal" data-target="#aboutModal">0.0.0.7</a>.</p>
         </div>
       </footer>
     </div>
@@ -187,7 +187,7 @@
       <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title" id="aboutModalLabel"><span id="whatisit">&#10084;</span> About</h5>
+            <h5 class="modal-title" id="aboutModalLabel"><img src="/assets/img/like.svg" id="whatisit" width="24px" height="24px"> About</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
@@ -245,6 +245,17 @@
                     <img src="https://img.shields.io/badge/License-CC%203.0%20BY-orange.svg?longCache=true&style=flat-square">
                   </a>.
                 </p>
+                <p>&bull; Icons made by 
+                  <a href="http://www.freepik.com/authors/smashicons" title="Smashicons">
+                    Smashicons
+                  </a> from 
+                  <a href="https://www.flaticon.com/" title="Flaticon">
+                    www.flaticon.com
+                  </a> is licensed by 
+                  <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">
+                    <img src="https://img.shields.io/badge/License-CC%203.0%20BY-orange.svg?longCache=true&style=flat-square">
+                  </a>.
+                </p>
                 <p>&bull; <strong>Bulma Templates</strong> by
                   <a href="https://github.com/dansup/bulma-templates">
                     <i class="fab fa-github"></i> Daniel Supernault
@@ -313,7 +324,7 @@
     <script src="/assets/js/jquery-3.3.1.min.js"></script>
     <script src="/assets/js/jquery.animateCSS.min.js"></script>
     <script src="/assets/js/bootstrap.bundle.min.js"></script>
-    <script src="/assets/js/bootstrap.engine.dev.js?v=14"></script>
+    <script src="/assets/js/bootstrap.engine.dev.js?v=16"></script>
     <script defer src="/assets/js/fontawesome.all.js" crossorigin="anonymous"></script>
   </body>
 </html>