Difference between revisions of "Template:Toc"

Latest revision as of 14:31, 6 October 2022

Generates a floating Table of contents menu in a fixed position on the left hand side of the screen. Javascript's were (they weren't loading correctly) in Template: MediaWiki:Common.js/ftoc.js and MediaWiki:Common.js/slimscroll.js

@@ Line 1: / Line 1: @@
-<noinclude>Generates a floating Table of contents menu in a fixed position on the left hand side of the screen.</noinclude>
+<noinclude>Generates a floating Table of contents menu in a fixed position on the left hand side of the screen.
+Javascript's ''were'' (they weren't loading correctly) in Template: MediaWiki:Common.js/ftoc.js and MediaWiki:Common.js/slimscroll.js
+</noinclude>
 <includeonly>
-<html>
+<html><!-- Load font awesome icons -->
-<script type="text/javascript" src="http://wiki.visionaire-tracker.net/extensions/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
+<script src="https://kit.fontawesome.com/6e484b4310.js" crossorigin="anonymous"></script>
-<script>
+<!--link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"-->
-$(document).ready(function() {
+<!-- The social media icon bar -->
+<div class="icon-bar">
+  <a href="https://discord.gg/g5zFejW" target="_blank"><span class="discord"><i class="fa-brands fa-discord"></i></span></a>
+  <a href="https://www.facebook.com/VisionaireStudio/"  target="_blank"><span class="facebook"><i class="fa-brands fa-facebook-f"></i></span></a>
+  <a href="https://twitter.com/visstudio_en" target="_blank"><span class="twitter"><i class="fa-brands fa-twitter"></i></span></a>
+</div></html>
- $('.ftoc_content').slimScroll({
-  color: '#5bc0de',
-  height: '390',
-  railVisible: true,
-  railOpacity: 0.2,
-  allowPageScroll: false,
-  alwaysVisible: true,
-  disableFadeOut: true
- });
-/*
-$(".ftoc").hover(function() {
-  $(".ftoc").stop().animate({left:'0px'}, 250, function() {
-  $(".ftoc_content").stop().fadeIn("slow");
-  });
- }, function() {
-   $(".ftoc_content").stop().fadeOut("fast", function() {
-   $(".ftoc").stop().animate({left:'-250px'}, 250);
-   });
- });
-*/
-$(".ftoc").hover(function() {
- $(".ftoc").stop().animate({left:'0px'}, 250, function() {
- $(".ftoc_content").stop().animate({left:'5px'}, 500);
-  });
- }, function() {
- $(".ftoc").stop().animate({left:'-250px'}, 250);
- $(".ftoc_content").stop().animate({left:'-500px'}, 250);
- });
-});
-</script>
-</html>
-{{i18n|{{BASEPAGENAME}}}
 <div class="ftoc"><div class="ftoc_content">__TOC__</div></div>
 </includeonly>