ui and code fixes

This commit is contained in:
STAM 2018-03-28 16:19:43 +03:00
parent 329a89e328
commit bd9b489fd9
3 changed files with 57 additions and 9 deletions

38
src/assets/img/like.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 841 B

View File

@ -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').removeClass("hidden");
$('.aenimka-the-unicorn').addClass('animated zoomIn');
$('.aenimka-the-unicorn').animateCSS('zoomIn', 2000, function() {
$('#aenimka-the-unicorn').attr('src', arr[rand]);
$('.aenimka-the-unicorn').removeClass("hidden");
$('.aenimka-the-unicorn').addClass('animated zoomIn');
$('.aenimka-the-unicorn').animateCSS('zoomIn', 2000, function() {
// Animation complete!
$('.aenimka-the-unicorn').addClass('animated zoomOut');
$('.aenimka-the-unicorn').animateCSS('zoomOut', 1000, function() {

View File

@ -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>