release 0.0.0.9: dependencies updates

bootstrap 4.0 -> 4.6.2
jquery 3.3.1 -> 3.7.1
animate.css 3.5.1 -> 4.4.1
fontawesome 5.8.0 -> 6.6.0

CHANGELOG.md

@@ -4,6 +4,17 @@ Site's repo for [Metamod-r](https://github.com/rehlds/metamod-r) project.
 
 ---
 
+## [`0.0.0.9`](https://github.com/rehlds/metamod-r.org/releases/tag/0.0.0.9) - 2024-11-01
+
+### Changed
+- updated dependencies:
+  - bootstrap `4.0` to `4.6.2`
+  - jquery `3.5.1` to `3.7.1`
+  - animate.css `3.5.1` to `3.7.1`
+  - fontawesome `5.8.0` to `6.6.0`
+
+**Full Changelog**: [0.0.0.8...0.0.0.9](https://github.com/rehlds/metamod-r.org/compare/0.0.0.8...0.0.0.9)
+
 ## [`0.0.0.8`](https://github.com/rehlds/metamod-r.org/releases/tag/0.0.0.8) - 2024-10-30
 
 ### Changed

src/assets/css/fa-svg-with-js.css

@@ -1,343 +0,0 @@
-/*!
- * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */
-svg:not(:root).svg-inline--fa {
-  overflow: visible; }
-
-.svg-inline--fa {
-  display: inline-block;
-  font-size: inherit;
-  height: 1em;
-  overflow: visible;
-  vertical-align: -.125em; }
-  .svg-inline--fa.fa-lg {
-    vertical-align: -.225em; }
-  .svg-inline--fa.fa-w-1 {
-    width: 0.0625em; }
-  .svg-inline--fa.fa-w-2 {
-    width: 0.125em; }
-  .svg-inline--fa.fa-w-3 {
-    width: 0.1875em; }
-  .svg-inline--fa.fa-w-4 {
-    width: 0.25em; }
-  .svg-inline--fa.fa-w-5 {
-    width: 0.3125em; }
-  .svg-inline--fa.fa-w-6 {
-    width: 0.375em; }
-  .svg-inline--fa.fa-w-7 {
-    width: 0.4375em; }
-  .svg-inline--fa.fa-w-8 {
-    width: 0.5em; }
-  .svg-inline--fa.fa-w-9 {
-    width: 0.5625em; }
-  .svg-inline--fa.fa-w-10 {
-    width: 0.625em; }
-  .svg-inline--fa.fa-w-11 {
-    width: 0.6875em; }
-  .svg-inline--fa.fa-w-12 {
-    width: 0.75em; }
-  .svg-inline--fa.fa-w-13 {
-    width: 0.8125em; }
-  .svg-inline--fa.fa-w-14 {
-    width: 0.875em; }
-  .svg-inline--fa.fa-w-15 {
-    width: 0.9375em; }
-  .svg-inline--fa.fa-w-16 {
-    width: 1em; }
-  .svg-inline--fa.fa-w-17 {
-    width: 1.0625em; }
-  .svg-inline--fa.fa-w-18 {
-    width: 1.125em; }
-  .svg-inline--fa.fa-w-19 {
-    width: 1.1875em; }
-  .svg-inline--fa.fa-w-20 {
-    width: 1.25em; }
-  .svg-inline--fa.fa-pull-left {
-    margin-right: .3em;
-    width: auto; }
-  .svg-inline--fa.fa-pull-right {
-    margin-left: .3em;
-    width: auto; }
-  .svg-inline--fa.fa-border {
-    height: 1.5em; }
-  .svg-inline--fa.fa-li {
-    width: 2em; }
-  .svg-inline--fa.fa-fw {
-    width: 1.25em; }
-
-.fa-layers svg.svg-inline--fa {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.fa-layers {
-  display: inline-block;
-  height: 1em;
-  position: relative;
-  text-align: center;
-  vertical-align: -.125em;
-  width: 1em; }
-  .fa-layers svg.svg-inline--fa {
-    -webkit-transform-origin: center center;
-            transform-origin: center center; }
-
-.fa-layers-text, .fa-layers-counter {
-  display: inline-block;
-  position: absolute;
-  text-align: center; }
-
-.fa-layers-text {
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-  -webkit-transform-origin: center center;
-          transform-origin: center center; }
-
-.fa-layers-counter {
-  background-color: #ff253a;
-  border-radius: 1em;
-  color: #fff;
-  height: 1.5em;
-  line-height: 1;
-  max-width: 5em;
-  min-width: 1.5em;
-  overflow: hidden;
-  padding: .25em;
-  right: 0;
-  text-overflow: ellipsis;
-  top: 0;
-  -webkit-transform: scale(0.25);
-          transform: scale(0.25);
-  -webkit-transform-origin: top right;
-          transform-origin: top right; }
-
-.fa-layers-bottom-right {
-  bottom: 0;
-  right: 0;
-  top: auto;
-  -webkit-transform: scale(0.25);
-          transform: scale(0.25);
-  -webkit-transform-origin: bottom right;
-          transform-origin: bottom right; }
-
-.fa-layers-bottom-left {
-  bottom: 0;
-  left: 0;
-  right: auto;
-  top: auto;
-  -webkit-transform: scale(0.25);
-          transform: scale(0.25);
-  -webkit-transform-origin: bottom left;
-          transform-origin: bottom left; }
-
-.fa-layers-top-right {
-  right: 0;
-  top: 0;
-  -webkit-transform: scale(0.25);
-          transform: scale(0.25);
-  -webkit-transform-origin: top right;
-          transform-origin: top right; }
-
-.fa-layers-top-left {
-  left: 0;
-  right: auto;
-  top: 0;
-  -webkit-transform: scale(0.25);
-          transform: scale(0.25);
-  -webkit-transform-origin: top left;
-          transform-origin: top left; }
-
-.fa-lg {
-  font-size: 1.33333em;
-  line-height: 0.75em;
-  vertical-align: -.0667em; }
-
-.fa-xs {
-  font-size: .75em; }
-
-.fa-sm {
-  font-size: .875em; }
-
-.fa-1x {
-  font-size: 1em; }
-
-.fa-2x {
-  font-size: 2em; }
-
-.fa-3x {
-  font-size: 3em; }
-
-.fa-4x {
-  font-size: 4em; }
-
-.fa-5x {
-  font-size: 5em; }
-
-.fa-6x {
-  font-size: 6em; }
-
-.fa-7x {
-  font-size: 7em; }
-
-.fa-8x {
-  font-size: 8em; }
-
-.fa-9x {
-  font-size: 9em; }
-
-.fa-10x {
-  font-size: 10em; }
-
-.fa-fw {
-  text-align: center;
-  width: 1.25em; }
-
-.fa-ul {
-  list-style-type: none;
-  margin-left: 2.5em;
-  padding-left: 0; }
-  .fa-ul > li {
-    position: relative; }
-
-.fa-li {
-  left: -2em;
-  position: absolute;
-  text-align: center;
-  width: 2em;
-  line-height: inherit; }
-
-.fa-border {
-  border: solid 0.08em #eee;
-  border-radius: .1em;
-  padding: .2em .25em .15em; }
-
-.fa-pull-left {
-  float: left; }
-
-.fa-pull-right {
-  float: right; }
-
-.fa.fa-pull-left,
-.fas.fa-pull-left,
-.far.fa-pull-left,
-.fal.fa-pull-left,
-.fab.fa-pull-left {
-  margin-right: .3em; }
-
-.fa.fa-pull-right,
-.fas.fa-pull-right,
-.far.fa-pull-right,
-.fal.fa-pull-right,
-.fab.fa-pull-right {
-  margin-left: .3em; }
-
-.fa-spin {
-  -webkit-animation: fa-spin 2s infinite linear;
-          animation: fa-spin 2s infinite linear; }
-
-.fa-pulse {
-  -webkit-animation: fa-spin 1s infinite steps(8);
-          animation: fa-spin 1s infinite steps(8); }
-
-@-webkit-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-@keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
-
-.fa-rotate-90 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg); }
-
-.fa-rotate-180 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg); }
-
-.fa-rotate-270 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-  -webkit-transform: rotate(270deg);
-          transform: rotate(270deg); }
-
-.fa-flip-horizontal {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-  -webkit-transform: scale(-1, 1);
-          transform: scale(-1, 1); }
-
-.fa-flip-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-  -webkit-transform: scale(1, -1);
-          transform: scale(1, -1); }
-
-.fa-flip-horizontal.fa-flip-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-  -webkit-transform: scale(-1, -1);
-          transform: scale(-1, -1); }
-
-:root .fa-rotate-90,
-:root .fa-rotate-180,
-:root .fa-rotate-270,
-:root .fa-flip-horizontal,
-:root .fa-flip-vertical {
-  -webkit-filter: none;
-          filter: none; }
-
-.fa-stack {
-  display: inline-block;
-  height: 2em;
-  position: relative;
-  width: 2em; }
-
-.fa-stack-1x,
-.fa-stack-2x {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.svg-inline--fa.fa-stack-1x {
-  height: 1em;
-  width: 1em; }
-
-.svg-inline--fa.fa-stack-2x {
-  height: 2em;
-  width: 2em; }
-
-.fa-inverse {
-  color: #fff; }
-
-.sr-only {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px; }
-
-.sr-only-focusable:active, .sr-only-focusable:focus {
-  clip: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  position: static;
-  width: auto; }

src/assets/css/fontawesome/6.6.0/css/v5-font-face.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}

src/index.html

@@ -14,20 +14,22 @@
     <title>Metamod-r &#128293; Official site</title>
 
     <!-- Bootstrap core CSS -->
-    <link type="text/css" href="/assets/css/bootstrap.min.css" rel="stylesheet">
+    <link type="text/css" href="/assets/css/bootstrap/4/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
-    <link type="text/css" href="/assets/css/bootstrap.cover.css" rel="stylesheet">
-    <link type="text/css" href="/assets/css/bootstrap.engine.css?v=12" rel="stylesheet">
+    <link type="text/css" href="/assets/css/bootstrap/4/bootstrap.cover.css" rel="stylesheet">
+    <link type="text/css" href="/assets/css/bootstrap/4/bootstrap.engine.css?v=13" rel="stylesheet">
 
     <!-- Custom styles for Fork Me On GitHub -->
-    <link type="text/css" href="/assets/css/fork.min.css" rel="stylesheet">
+    <link type="text/css" href="/assets/css/forkmeongithub/2.1.0/fork.min.css" rel="stylesheet">
 
-    <!-- Font Awesome 5 -->
-    <link rel="stylesheet" href="/assets/css/fa-svg-with-js.css" crossorigin="anonymous" />
+    <!-- Font Awesome 6 -->
+    <link rel="stylesheet" href="/assets/css/fontawesome/6.6.0/css/all.min.css" crossorigin="anonymous" />
+    <link rel="stylesheet" href="/assets/css/fontawesome/6.6.0/css/v5-font-face.min.css" crossorigin="anonymous" />
 
     <!-- Animate CSS -->
-    <link rel="stylesheet" href="/assets/css/animate.min.css" crossorigin="anonymous" />
+    <link rel="stylesheet" href="/assets/css/animatecss/4.1.1/animate.min.css" crossorigin="anonymous" />
+    <link rel="stylesheet" href="/assets/css/animatecss/4.1.1/animate.compat.css" crossorigin="anonymous" />
   </head>
 
   <body>
@@ -83,7 +85,7 @@
       </header>
 
       <main role="main" class="inner cover">
-        <h1 class="cover-heading text-center animated"  id="metaheader">
+        <h1 class="cover-heading text-center animated animate__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
@@ -177,7 +179,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-2024, <a href="#" data-toggle="modal" data-target="#aboutModal">0.0.0.8</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-2024, <a href="#" data-toggle="modal" data-target="#aboutModal">0.0.0.9</a>.</p>
         </div>
       </footer>
     </div>
@@ -260,7 +262,7 @@
                 </p>
                 <p>&bull; Under <img src="https://img.shields.io/badge/Licelnse-MIT-brightgreen.svg?longCache=true&style=flat-square">:<br>
                   <a href="https://github.com/twbs/bootstrap" target="_blank">
-                    <img src="https://img.shields.io/badge/CSS-Bootstrap%20v4.0-ff69b4.svg?style=flat-square" alt="CSS">
+                    <img src="https://img.shields.io/badge/CSS-Bootstrap%20v4.6.2-ff69b4.svg?style=flat-square" alt="CSS">
                   </a> 
                   <a href="https://bootswatch.com/superhero/" target="_blank">
                     <img src="https://img.shields.io/badge/Theme-Superhero-ff69b4.svg?style=flat-square" alt="Theme">
@@ -269,7 +271,7 @@
                     <img src="https://img.shields.io/badge/Template-Cover-ff69b4.svg?style=flat-square" alt="Template">
                   </a> 
                   <a href="https://github.com/jquery/jquery" target="_blank">
-                    <img src="https://img.shields.io/badge/JS-jQuery%20v3.3.1-ff69b4.svg?style=flat-square" alt="JS">
+                    <img src="https://img.shields.io/badge/JS-jQuery%20v3.7.1-ff69b4.svg?style=flat-square" alt="JS">
                   </a> 
                   <a href="https://github.com/SamHerbert/SVG-Loaders" target="_blank">
                     <img src="https://img.shields.io/badge/Loader-SVG%20Loaders%20v1.0.2-ff69b4.svg?style=flat-square" alt="Loader">
@@ -278,12 +280,12 @@
                     <img src="https://img.shields.io/badge/jQuuery%20plugin-jquery--animateCSS%20v1.1.0-ff69b4.svg?style=flat-square" alt="jQuuery Plugin">
                   </a> 
                   <a href="https://github.com/daneden/animate.css" target="_blank">
-                    <img src="https://img.shields.io/badge/CSS%20plugin-Animate.css%20v3.5.1-ff69b4.svg?style=flat-square" alt="CSS Plugin">
+                    <img src="https://img.shields.io/badge/CSS%20plugin-Animate.css%20v4.4.1-ff69b4.svg?style=flat-square" alt="CSS Plugin">
                   </a>
                 </p>
                 <p>&bull; Under <a href ="https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt" target="_blank">other</a> license:
                   <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">
-                    <img src="https://img.shields.io/badge/Icons-Font%20Awesome%20v5.8.0-ff69b4.svg?style=flat-square" alt="Font">
+                    <img src="https://img.shields.io/badge/Icons-Font%20Awesome%20v6.6.0-ff69b4.svg?style=flat-square" alt="Font">
                   </a>
                 </p> 
                 
@@ -297,14 +299,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?v=16"></script>
-    <script defer src="/assets/js/fontawesome.all.js" crossorigin="anonymous"></script>
+    <script src="/assets/js/jquery/3.7.1/jquery-3.7.1.min.js"></script>
+    <script src="/assets/js/jquery/jquery.animateCSS.min.js"></script>
+    <script src="/assets/js/bootstrap/4/bootstrap.bundle.min.js"></script>
+    <script src="/assets/js/bootstrap/4/bootstrap.engine.dev.js?v=16"></script>
   </body>
 </html>