MediaWiki:Common.js

From Buddha-Nature
Revision as of 10:17, 25 October 2017 by JeremiP (talk | contribs) ((by SublimeText.Mediawiker))

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
mw.loader.load( 'https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700', 'text/css' );
mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css', 'text/css' );
mw.loader.load( 'https://use.fontawesome.com/bd289233d5.js' );
mw.loader.load( 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css', 'text/css' );
mw.loader.load( 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js' );
mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js' );

$(document).ready(function(){
    $( '.page-User_Jeremi_Tibetan_Art #bodyContent' ).prepend('<nav class="navbar navbar-expand-lg navbar-dark sticky-top" id="navbar-main"> <a class="navbar-brand" href="#"> <img src="/images/3/3f/TsadraSmallLogo.png" href="" height="30" class="d-inline-block align-top" alt=""> &nbsp;Buddha Nature </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="/index.php/Main_Page"><i class="fa fa-home" aria-hidden="true"></i> Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-hashtag" aria-hidden="true"></i> Topics </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#"><i class="fa fa-cog" aria-hidden="true"></i> Topic One</a> <a class="dropdown-item" href="#"><i class="fa fa-user-o" aria-hidden="true"></i> Topic Two</a> <a class="dropdown-item" href="#"><i class="fa fa-eye" aria-hidden="true"></i> Topic Three</a> <a class="dropdown-item" href="#"><i class="fa fa-university" aria-hidden="true"></i> Topic Four</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-list-ul" aria-hidden="true"></i> Other Side Topics</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-cubes" aria-hidden="true"></i> Resources </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#"><i class="fa fa-book" aria-hidden="true"></i> Books</a> <a class="dropdown-item" href="#"><i class="fa fa-paint-brush" aria-hidden="true"></i> Art</a> <a class="dropdown-item" href="#"><i class="fa fa-video-camera" aria-hidden="true"></i> Videos</a> </div> </li> </ul> <ul class="navbar-nav mr-0"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/index.php/Traditions" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-user-circle-o" aria-hidden="true"></i> User </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/index.php/Talk:Main_Page"><i class="fa fa-comments-o" aria-hidden="true"></i> Talk</a> <a class="dropdown-item" href="#"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit</a> <a class="dropdown-item" href="#"><i class="fa fa-refresh" aria-hidden="true"></i> Refresh</a> <a class="dropdown-item" href="#"><i class="fa fa-files-o" aria-hidden="true"></i> View History</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-lock" aria-hidden="true"></i> Protect</a> <a class="dropdown-item" href="#"><i class="fa fa-share" aria-hidden="true"></i> Move</a> <a class="dropdown-item" href="#"><i class="fa fa-trash" aria-hidden="true"></i> Delete</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a> </div> </li> </ul> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="search" name="search" placeholder="Search Wiki" title="Search Buddha Nature [ctrl-option-f]" accesskey="f" id="searchInput" tabindex="1" autocomplete="off" aria-label="Search"> <input type="hidden" value="Special:Search" name="title"> <button class="btn btn-outline-danger my-2 my-sm-0" type="submit" name="go" title="Go to a page with this exact name if it exists" id="searchButton" ><i class="fa fa-search" aria-hidden="true"></i></button> </form> </div> </nav>');
    $( '.page-User_Jeremi #bodyContent' ).prepend('<nav class="navbar navbar-expand-lg navbar-dark sticky-top" id="navbar-main"> <a class="navbar-brand" href="#"> <img src="/images/3/3f/TsadraSmallLogo.png" href="" height="30" class="d-inline-block align-top" alt=""> &nbsp;Buddha Nature </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="/index.php/Main_Page"><i class="fa fa-home" aria-hidden="true"></i> Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-hashtag" aria-hidden="true"></i> Topics </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#"><i class="fa fa-cog" aria-hidden="true"></i> Topic One</a> <a class="dropdown-item" href="#"><i class="fa fa-user-o" aria-hidden="true"></i> Topic Two</a> <a class="dropdown-item" href="#"><i class="fa fa-eye" aria-hidden="true"></i> Topic Three</a> <a class="dropdown-item" href="#"><i class="fa fa-university" aria-hidden="true"></i> Topic Four</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-list-ul" aria-hidden="true"></i> Other Side Topics</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-cubes" aria-hidden="true"></i> Resources </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#"><i class="fa fa-book" aria-hidden="true"></i> Books</a> <a class="dropdown-item" href="#"><i class="fa fa-paint-brush" aria-hidden="true"></i> Art</a> <a class="dropdown-item" href="#"><i class="fa fa-video-camera" aria-hidden="true"></i> Videos</a> </div> </li> </ul> <ul class="navbar-nav mr-0"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/index.php/Traditions" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-user-circle-o" aria-hidden="true"></i> User </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/index.php/Talk:Main_Page"><i class="fa fa-comments-o" aria-hidden="true"></i> Talk</a> <a class="dropdown-item" href="#"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit</a> <a class="dropdown-item" href="#"><i class="fa fa-refresh" aria-hidden="true"></i> Refresh</a> <a class="dropdown-item" href="#"><i class="fa fa-files-o" aria-hidden="true"></i> View History</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-lock" aria-hidden="true"></i> Protect</a> <a class="dropdown-item" href="#"><i class="fa fa-share" aria-hidden="true"></i> Move</a> <a class="dropdown-item" href="#"><i class="fa fa-trash" aria-hidden="true"></i> Delete</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a> </div> </li> </ul> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="search" name="search" placeholder="Search Wiki" title="Search Buddha Nature [ctrl-option-f]" accesskey="f" id="searchInput" tabindex="1" autocomplete="off" aria-label="Search"> <input type="hidden" value="Special:Search" name="title"> <button class="btn btn-outline-danger my-2 my-sm-0" type="submit" name="go" title="Go to a page with this exact name if it exists" id="searchButton" ><i class="fa fa-search" aria-hidden="true"></i></button> </form> </div> </nav>');
});

var is_chrome = navigator.userAgent.indexOf('Chrome') > -1;
var is_explorer = navigator.userAgent.indexOf('MSIE') > -1;
var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
var is_safari = navigator.userAgent.indexOf("Safari") > -1;
var is_opera = navigator.userAgent.toLowerCase().indexOf("op") > -1;
if ((is_chrome)&&(is_safari)) {is_safari=false;}
if ((is_chrome)&&(is_opera)) {is_chrome=false;}

if (is_safari) {
    $('#navbar-main').addClass('translucent')
}

$(document).ready(function(){
	$('div.bnw-resources-buttons .bnw-resources-button:first-child').addClass('active');
	$('div.bnw-resources .bnw-resource-item:first-child').addClass('show');
	$('.bnw-resources-button').click(function(){
    	$(this).addClass('active');
    	$(this).siblings('.bnw-resources-button').removeClass('active');
    });
    $('#bnw-resources-button-1').click(function(){
    	$('#bnw-resource-item-1').addClass('show');
    	$('#bnw-resource-item-1').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-2').click(function(){
    	$('#bnw-resource-item-2').addClass('show');
    	$('#bnw-resource-item-2').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-3').click(function(){
    	$('#bnw-resource-item-3').addClass('show');
    	$('#bnw-resource-item-3').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-4').click(function(){
    	$('#bnw-resource-item-4').addClass('show');
    	$('#bnw-resource-item-4').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-5').click(function(){
    	$('#bnw-resource-item-5').addClass('show');
    	$('#bnw-resource-item-5').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-6').click(function(){
    	$('#bnw-resource-item-6').addClass('show');
    	$('#bnw-resource-item-6').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-7').click(function(){
    	$('#bnw-resource-item-7').addClass('show');
    	$('#bnw-resource-item-7').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-8').click(function(){
    	$('#bnw-resource-item-8').addClass('show');
    	$('#bnw-resource-item-8').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-9').click(function(){
    	$('#bnw-resource-item-9').addClass('show');
    	$('#bnw-resource-item-9').siblings('.bnw-resource-item').removeClass('show');
    });
    $('#bnw-resources-button-10').click(function(){
    	$('#bnw-resource-item-10').addClass('show');
    	$('#bnw-resource-item-10').siblings('.bnw-resource-item').removeClass('show');
    });
});