Editing Module:MovementTabs

Jump to navigation Jump to search
Warning: You are not logged in. Once you make an edit, a temporary account will be created for you. Learn more. Log in or create an account to continue receiving notifications after this account expires, and to access other features.
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision Your text
Line 8: Line 8:


     local current = mw.title.getCurrentTitle().fullText
     local current = mw.title.getCurrentTitle().fullText
     local rootPage = args[1] or current
     local rootPage = args[1] or current
     local lang_code = lang_module.get_lang_code()
     local lang_code = lang_module.get_lang_code()
     local lang_suffix = (lang_code ~= "en") and ("/" .. lang_code) or ""
     local lang_suffix = (lang_code ~= "en") and ("/" .. lang_code) or ""


Line 17: Line 20:
     end
     end


    -- Create outer container using your new CSS class
     local html = mw.html.create("div")
     local html = mw.html.create("div"):addClass("hero-tabs")
        :css{
            ["border-radius"]="8px",
            ["background-image"]="linear-gradient(#987556, #483728)",
            ["color"]="#FFF5E8",
            ["display"]="flex",
            ["flex-wrap"]="wrap",
            ["justify-content"]="center",
            ["gap"]="1em",
            ["font-family"]="Retail Demo, Radiance, sans-serif",
            ["text-transform"]="uppercase",
            ["font-weight"]="bold",
            ["font-size"]="15px",
            ["padding"]="0px"
        }


     for _, tab in ipairs(tabs) do
     for _, tab in ipairs(tabs) do
Line 31: Line 47:
         local active = current == pagePlain or current == pagePlain .. lang_suffix
         local active = current == pagePlain or current == pagePlain .. lang_suffix


         local div = html:tag("div"):addClass("hero-tab")
         local div = html:tag("div")
            :css{
                ["padding"]="4px 8px",
                ["cursor"]="pointer",
                ["border-radius"]=active and "4px 4px 0 0" or nil,
                ["background-color"]=active and "#FFF0D6" or nil
            }


         if active then
         if active then
            div:addClass("hero-tab-active")
             div:wikitext(string.format('[[:%s|<span style="color:#483728;">%s</span>]]', pageTarget, tab))
             div:wikitext(string.format('[[:%s|%s]]', pageTarget, tab))
         else
         else
             div:wikitext(string.format('[[:%s|<span class="hero-tab-inactive">%s</span>]]', pageTarget, tab))
             div:wikitext(string.format('[[:%s|<span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">%s</span>]]', pageTarget, tab))
         end
         end
     end
     end
Please note that all contributions to The Deadlock Wiki are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see Deadlock:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)
Preview page with this template

Page included on this page: