MediaWiki:Mobile.js: Difference between revisions

    From Ban Covert Modeling! wiki
     
    (tweaks)
     
    (4 intermediate revisions by the same user not shown)
    Line 1: Line 1:
    /* All JavaScript here will be loaded for users of the mobile site */
    /* All JavaScript here will be loaded for users of the mobile site */
    /* All JavaScript here will be loaded for users of the mobile site */


    Line 14: Line 12:
               clearInterval(timer);
               clearInterval(timer);
               $('.menu ul:first').after(
               $('.menu ul:first').after(
    '<ul class ="level2"> \
    '                 <ul class="level1"> \
                               <li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \
                               <a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \
    Line 69: Line 67:
                               </a> \
                               </a> \
                               </li> \
                               </li> \
                          </ul> \
                    </ul> \
                    <ul class="level1"> \
                           <li> \
                           <li> \
                           <a href="#" \
                           <a href="#" \
                                 class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                                 class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                          <span>Dropdown Links</span> \
                           <span>#SSF! In other languages</span> \
                          </a> \
                          </li> \
                          <ul> \
                          <li> \
                          <a href="https://stop-synthetic-filth.org/wp/" \
                                class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                           <span>#SSF! wordpress</span> \
                           </a> \
                           </a> \
                           </li> \
                           </li> \
    <ul class ="level2"> \
                              <li> \
                              <a href="https://stop-synthetic-filth.org/wp/" \
                                    class="mw-ui-icon mw-ui-icon-before"> \
                              <span>Stop Synthetic Filth! wordpress in English #SSF!</span> \
                              </a> \
                              </li> \
                              <li> \
                              <a href="https://stop-synthetic-filth.org/wp/fr/page-daccueil/" \
                                    class="mw-ui-icon mw-ui-icon-before"> \
                              <span>Arrêtons les saletés synthétiques! accueil</span> \
                              </a> \
                              </li> \
                              <li> \
                              <a href="https://stop-synthetic-filth.org/wp/fi/kotisivu/" \
                                    class="mw-ui-icon mw-ui-icon-before"> \
                              <span>Stoppi synteettiselle saastalle! kotisivu</span> \
                              </a> \
                              </li> \
                              <li> \
                              <a href="https://stop-synthetic-filth.org/wp/sv/hemsida/" \
                                    class="mw-ui-icon mw-ui-icon-before"> \
                              <span>Stoppa syntetisk orenhet! hemsida</span> \
                              </a> \
                              </li> \
                              <li> \
                              <a href="https://stop-synthetic-filth.org/wp/et/koduleht/" \
                                    class="mw-ui-icon mw-ui-icon-before"> \
                              <span>Stopp sünteetisele saastale! koduleht</span> \
                              </a> \
                              </li> \
                          </ul> \
                     </ul>'
                     </ul>'
                 );
                 );
                 $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
                 $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked

    Latest revision as of 13:34, 18 January 2021

    /* All JavaScript here will be loaded for users of the mobile site */
    
    /* Below adapted from https://www.mediawiki.org/wiki/Topic:Vqy1kx6q4e0bzvyb */
    
      /* Add to MediaWiki:Mobile.js for custom Mobile Menu links 
      for MW-1.34.2 with MobileFrontend and MinervaNeue 
      Just replace span text and href to add links */
       
      var timer = setInterval(function() {
           if ($('.menu ul:first').length) {
               console.log("mobile menu exists");
               clearInterval(timer);
               $('.menu ul:first').after(
    '                 <ul class="level1"> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Synthetic_human-like_fakes" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Synthetic human-like fakes</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Adequate_Porn_Watcher_AI" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Adequate Porn Watcher AI</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/How_to_protect_yourself_and_others_from_covert_modeling" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>How to protect yourself and others from covert modeling</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Biblical_explanation_-_The_books_of_Daniel_and_Revelation" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Biblical explanation - The books of Daniel and Revelation</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Mediatheque" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Mediatheque</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Glossary" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Glossary</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Resources" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Resources</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/Marketing_against_synthetic_filth" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Marketing against synthetic filth</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wiki/SSF:About" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>About the SSF! wiki</span> \
                               </a> \
                               </li> \
                          <li> \
                          <a href="#" \
                                class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                          <span>#SSF! In other languages</span> \
                          </a> \
                          </li> \
     <ul class ="level2"> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wp/" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Stop Synthetic Filth! wordpress in English #SSF!</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wp/fr/page-daccueil/" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Arrêtons les saletés synthétiques! accueil</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wp/fi/kotisivu/" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Stoppi synteettiselle saastalle! kotisivu</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wp/sv/hemsida/" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Stoppa syntetisk orenhet! hemsida</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="https://stop-synthetic-filth.org/wp/et/koduleht/" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Stopp sünteetisele saastale! koduleht</span> \
                               </a> \
                               </li> \
                          </ul> \
                     </ul>'
                );
                $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
                $(".level1").click(function(event){ 
                     $(this).find(".level2").slideToggle(500);
                }); // if level1 is clicked, dropdown level2
           }
      }, 100); // check every 100ms