mirror of
https://github.com/rehlds/metamod-r.org.git
synced 2025-01-12 21:37:55 +03:00
easteregg
* animate css * animate css js plugin * ui fixes
This commit is contained in:
parent
28e7c78f1d
commit
d219e1cc5c
11
src/assets/css/animate.min.css
vendored
Normal file
11
src/assets/css/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
17
src/assets/css/bootstrap.engine.css
vendored
17
src/assets/css/bootstrap.engine.css
vendored
@ -21,9 +21,20 @@
|
||||
a,
|
||||
a:focus,
|
||||
a.nounderline,
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.bg-dark {
|
||||
background-color: #333 !important;
|
||||
background-color: #333 !important;
|
||||
}
|
||||
.hidden{
|
||||
display: none !important;
|
||||
}
|
||||
.aenimka-the-unicorn {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0; left: 0; bottom: 0; right: 0;
|
||||
z-index: 100000;
|
||||
}
|
||||
1
src/assets/img/sparx.svg
Normal file
1
src/assets/img/sparx.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 46 KiB |
42
src/assets/js/bootstrap.engine.dev.js
vendored
42
src/assets/js/bootstrap.engine.dev.js
vendored
@ -26,10 +26,42 @@ $(document).ready(function(){
|
||||
|
||||
//////////////////
|
||||
// jQuery js:
|
||||
//////////////////
|
||||
|
||||
$( "#metaheader" ).click(function() {
|
||||
$('#metaheader').addClass('animated hinge');
|
||||
$('#metaheader').animateCSS('hinge', 2000, function() {
|
||||
// Animation complete!
|
||||
$('#metaheader').addClass("fadeIn");
|
||||
$('#metaheader').removeClass("hinge");
|
||||
$('#metaheader').removeClass("animated");
|
||||
});
|
||||
});
|
||||
$( "#whatisit" ).click(function() {
|
||||
$('#whatisit').addClass('animated flip');
|
||||
$('#whatisit').animateCSS('flip', 1000, function() {
|
||||
// Animation complete!
|
||||
$('#whatisit').removeClass("animated");
|
||||
$('#whatisit').removeClass("flip");
|
||||
});
|
||||
});
|
||||
$( "#clickme-trigger" ).click(function() {
|
||||
$('.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() {
|
||||
// Animation complete!
|
||||
$('.aenimka-the-unicorn').addClass("hidden");
|
||||
$('.aenimka-the-unicorn').removeClass("animated");
|
||||
$('.aenimka-the-unicorn').removeClass("zoomOut");
|
||||
$('.aenimka-the-unicorn').removeClass("zoomIn");
|
||||
window.open('https://github.com/AEnimka', '_blank').focus();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//////////////////
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
9
src/assets/js/jquery.animateCSS.min.js
vendored
Normal file
9
src/assets/js/jquery.animateCSS.min.js
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
//
|
||||
// jquery.animatecss.js - A micro-plugin for using Animate.css with jQuery.
|
||||
//
|
||||
// Developed by Cory LaViska for A Beautiful Site, LLC
|
||||
//
|
||||
// Licensed under the MIT license: http://opensource.org/licenses/MIT
|
||||
//
|
||||
/* global define */
|
||||
!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(i,t){return void 0===t&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(i)),n(t),t}:n(jQuery)}(function(n){"use strict";function i(i,t){var o="animationend mozAnimationEnd MSAnimationEnd oanimationend webkitAnimationEnd";n(i).addClass("animated "+t.animation).on(o,function(){n(this).off(o),n(i).removeClass("animated "+t.animation),t.complete.call(i)})}n.fn.animateCSS=function(t){var o={};return"object"==typeof arguments[1]?o=arguments[1]:"function"==typeof arguments[1]?o.complete=arguments[1]:"number"==typeof arguments[1]&&(o.duration=arguments[1],"function"==typeof arguments[2]&&(o.complete=arguments[2])),o=n.extend(!0,{animation:t,complete:function(){},delay:0,duration:1e3},o),n(this).each(function(){var t=this;o.duration&&n(t).css({"-moz-animation-duration":o.duration+"ms","-o-animation-duration":o.duration+"ms","-webkit-animation-duration":o.duration+"ms","animation-duration":o.duration+"ms"}),o.delay<=0?i(t,o):setTimeout(function(){i(t,o)},o.delay)}),this}});
|
||||
@ -25,6 +25,9 @@
|
||||
|
||||
<!-- Font Awesome 5 -->
|
||||
<link rel="stylesheet" href="/assets/css/fa-svg-with-js.css" crossorigin="anonymous" />
|
||||
|
||||
<!-- Animate CSS -->
|
||||
<link rel="stylesheet" href="/assets/css/animate.min.css" crossorigin="anonymous" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -80,7 +83,7 @@
|
||||
</header>
|
||||
|
||||
<main role="main" class="inner cover">
|
||||
<h1 class="cover-heading text-center">
|
||||
<h1 class="cover-heading text-center animated" id="metaheader">
|
||||
<img src="/assets/img/valve.svg" alt="Metamod-r" width="32" height="32"> <strong>Metamod-r</strong>...
|
||||
</h1>
|
||||
<p class="lead">...is based on the original version of
|
||||
@ -168,11 +171,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/assets/img/sparx.svg" class="rounded animated aenimka-the-unicorn hidden" alt="The Magic Unicorn">
|
||||
</main>
|
||||
|
||||
<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.3</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.4</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@ -183,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">❤ About</h5>
|
||||
<h5 class="modal-title" id="aboutModalLabel"><span id="whatisit">❤</span> About</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
@ -223,7 +227,7 @@
|
||||
</div>
|
||||
<div class="tab-pane fade" id="transtaltionsTab" role="tabpanel" aria-labelledby="transtaltions-tab">
|
||||
<p>
|
||||
English translaion — <i class="fab fa-github-alt"></i> <a href="https://github.com/AEnimka" target="_blank">AEnimka</a>.
|
||||
English translaion — <i class="fab fa-github-alt"></i> <a id="clickme-trigger" href="javascript:void(0);">AEnimka</a>.
|
||||
</p>
|
||||
<p>
|
||||
Russian translaion — <i class="fab fa-github-alt"></i> <a href="https://github.com/stamepicmorg" target="_blank">STAM</a>, <a href="https://github.com/Aleks-Z" target="_blank">AurZum</a>.
|
||||
@ -259,10 +263,12 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Bootstrap core JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<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"></script>
|
||||
<script defer src="/assets/js/fontawesome.all.js" crossorigin="anonymous"></script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user