FANDOM


  • Take the mission of creating a mobile-skin version of the mainpage, and monitoring the general version for things that look horrible on mobile?

    Since I have access to a mobile phone (sometimes simoultanously (in no way I have spelled that right) with a computer), and also have read stuff on the portability wiki.

      Loading editor
    • Yesh plz! And also, you can access the mobile skin version on a computer by adding "?useskin=wikiamobile" to the end of the main page's URL

        Loading editor
    • I know the admin time zone thing looks atrocious with the stars, but if we actually coded the stars instead of using text stars it could probably work out

        Loading editor
    • Light and Bright wrote: Yesh plz! And also, you can access the mobile skin version on a computer by adding "?useskin=wikiamobile" to the end of the main page's URL

      Are you sure? I think it didn't work on the computer when I tried. I'll try again when I get on it. Also there is no wikiamobile skin anymore, it's redirected to ?useskin=mercury

        Loading editor
    • Light and Bright wrote: I know the admin time zone thing looks atrocious with the stars, but if we actually coded the stars instead of using text stars it could probably work out

      You don't understand. The stars are the only thing showing up. All the coded patterns are omitted.

        Loading editor
    • HumansCanWinElves wrote:

      Light and Bright wrote: Yesh plz! And also, you can access the mobile skin version on a computer by adding "?useskin=wikiamobile" to the end of the main page's URL

      Are you sure? I think it didn't work on the computer when I tried. I'll try again when I get on it. Also there is no wikiamobile skin anymore, it's redirected to ?useskin=mercury

      it worked for me

        Loading editor
    • HumansCanWinElves wrote:

      Light and Bright wrote: I know the admin time zone thing looks atrocious with the stars, but if we actually coded the stars instead of using text stars it could probably work out

      You don't understand. The stars are the only thing showing up. All the coded patterns are omitted.

      I know

      The only thing we really need though is the time

      the CSS will never show up

        Loading editor
    • Oh OK. I'll make coded stars so it won't mess up. Also we can put an alternate text for all the pictures. Hiding stuff from the non-mobile version is easy.

        Loading editor
    • YAY

        Loading editor
    • Update: My browsers refuse to show the mobile skin, unless in developer tools. But it's fine since I do have the mobile.

      Also, the discord integrator generates an error message on the mobile skin, probably because the JS is disabled. It didn't disappear even after we put it on the right coloumn, so we have to figure out another solution.

        Loading editor
    • Wait but I thought I imported the JS o_O

        Loading editor
    • You did, but it is disabled for the mobile skin I guess.

        Loading editor
    • what abt on this wiki

        Loading editor
    • it doesn't show up on this wiki either so i guess it's a portability problem of the script :(

        Loading editor
    • I see it on this wiki too.

        Loading editor
    • Also I think we should import the exact time script (and the inputusername script if we didn't already) and deal with the mobile alternative later.

        Loading editor
    • the exact time script (TZClock, right?) looks horrendous on mobile b/c of the way you format it. go to my profile on the sandbox wiki (i removed the import) to see what it would look like

        Loading editor
    • But maybe we can hide this part in the mobile version.

        Loading editor
    • o_O how (like can you plz give some code)

        Loading editor
    • Well I'm not sure yet, I'm still trying to figure out. There are some template types that are hidden in mobile skin but this is a too confusing method to use. Anyway I saw we have no due date for imports anymore.

      Funny thing: The ?useskin=mercury does work, I just didn't notice I'm trying it on the thread instead of on a page...

      And finally: The AdminTime template seems to discriminate some possible countries, including India: https://kotlcwikicodingteam.fandom.com/wiki/User:HumansCanWinElves/sandbox

        Loading editor
    • OK Do you like the coded stars? Patterns are haaaaaaaaaaaaaaard: https://kotlcwikicodingteam.fandom.com/wiki/Template:AdminNight

      I also fixed a little problem in the AdminTime template (the AdminNight with the table in it was used at any time, and hidden with overlflow:hidden, which does not work on the mobile skin)

      The empty tables look a bit weird anyway, but I hope after filling them with alternative text symbols it'll be fine.

      I see you commented about something that needs fixing on the AdminAfternoon template, but I'm not sure what.

        Loading editor
    • HumansCanWinElves wrote:

      And finally: The AdminTime template seems to discriminate some possible countries, including India: https://kotlcwikicodingteam.fandom.com/wiki/User:HumansCanWinElves/sandbox

      That can be solved using minutes, and it's actually a known problem of the time function itself: https://www.mediawiki.org/wiki/Help:Extension:ParserFunctions#Time_Zone_issue

      I guess we could configure it so that both parameters can be accepted?

        Loading editor
    • HumansCanWinElves wrote:
      OK Do you like the coded stars? Patterns are haaaaaaaaaaaaaaard: https://kotlcwikicodingteam.fandom.com/wiki/Template:AdminNight

      I also fixed a little problem in the AdminTime template (the AdminNight with the table in it was used at any time, and hidden with overlflow:hidden, which does not work on the mobile skin)

      The empty tables look a bit weird anyway, but I hope after filling them with alternative text symbols it'll be fine.

      I see you commented about something that needs fixing on the AdminAfternoon template, but I'm not sure what.

      I think the coded stars are great! Thanks!

      Yay! Idk I think I added that b/c code was not cooperating at like 1 AM or something so thx for fixing my 1-minute lazy fix XD

      That problem has been solved lol. It was about this wiki's scrollbars being a pain to work with in regards to hidden overflows :|

        Loading editor
    • Well, any contents under a heading is initially collapsed on mobile view. We can utilize that.

        Loading editor
    • Light and Bright wrote:

      HumansCanWinElves wrote:

      And finally: The AdminTime template seems to discriminate some possible countries, including India: https://kotlcwikicodingteam.fandom.com/wiki/User:HumansCanWinElves/sandbox

      That can be solved using minutes, and it's actually a known problem of the time function itself: https://www.mediawiki.org/wiki/Help:Extension:ParserFunctions#Time_Zone_issue

      I guess we could configure it so that both parameters can be accepted?

      I think the better solution is to have the word "hours" passed away in the parameter too. This way minutes can be passed as well. Also I think the -/+ sign should be added. Currently the #time function accepts double - as a +, but this might change.

      {{AdminTime |PST |-7 hours}}

      {{AdminTime |UTC+5½ |+330 minutes}}

        Loading editor
    • ok!

        Loading editor
    • (I guess I'll just keep using this thread for one-on-one discussions :) )

      Nice make-up you did to the navigation area!

      Maybe try to update the relevant thread about major changes after you do them, if not before, so we can know what's going on? Please tell me in case I don't keep this policy as well.


      Now, I have a few comments.

      First, the pictures now take a long time to load for me, which should be the oppesite when using site CSS. Maybe you have used a higher-resolution picture?

      Second, I'm not sure about the "Ask Questions" text. I think we need something more inviting for a personal help - maybe "Get Coding Help" or "Get Help Coding"?

      Third, I think the four different buttons should have IDs instead of classes? It's practically the same but cleaner and clearer code.

      Fourth, what do you think about a "on-click" section which will make it to look like you are actually pressing the button?

        Loading editor
    • Welp I guess 2 AM me must have forgotten, so I'll go do that right now! Thanks for reminding :)

      1) Maybe. Is it all the pictures or just the top left one? That particular picture takes more time to load than the others for me (just that I don't want to change all if only one poses a problem, that is why I ask). 

      I know a site that can change the resolution of images, so I think I'll use that (pixlr.com/x/). It's useful for a lot of things. I actually used it to create my background submission along with canva.

      We could also search up lazy loading image techniques so that maybe we display an alternate image while the main, high-res one is still loading. It would require JS, though, so we'd need to request that :|

      2) Yeah, I think the first one would work great! I was just looking for something that would fit lol.

      3) That could work too!

      4) Sure, we could try that as well! I guess that would mean utilizing the :active selector, right?

        Loading editor
    • 1) It seems to be not only about the top-left image. I think your idea of decreasing the resolution is great, because fast loading is more important than the image quality. I think we should avoid unnecessary complexity with alternate images - we won't be there for maintenance afterwards.

      Also what is this "the far lands of our heads"? Are we sure the pictures will stay there?

      4) Oops lol yes, it's the :active selector. on-click is something else. It can maybe move a bit to bottom-right/lose the shadow/get inset border/idk.

      *) I managed to remove the underline from the links! The problem was that the underline is on the a element, which is a parent of the span with the class. I made another class, mainpage-nav-area, and put it on the whole table.

        Loading editor
    • oh ok

      what far lands of our heads? my head is right on top of my body, and it's not about to walk off on it's own two legs anytime soon.

      eee

      YAYYY I GUESSED RIGHT (I saw the notif from the other thread)

        Loading editor
    • Lol I'm pretty sure there are far lands deep inside your head, but anyway take a look at the URLs of the images.

        Loading editor
    • oh

        Loading editor
    • I think that was the old name of this wiki (check the history of this wiki's front page)

        Loading editor
    • Oh lol, makes sense.

        Loading editor
    • Wow the announcement worked better than I expected. It seems like even team members who never visited this wiki got it, probably because they had a user rights log.

        Loading editor
    • yayyy

        Loading editor
    • I'm going to replace the tables in your drawing with CSS positioning, because it shows up as empty weird tables on mobile skin.

        Loading editor
    • o_O

        Loading editor
    • Is the loading better now?

        Loading editor
    • I'll take a look later.

        Loading editor
    • Oki

      I made the images really low quality lol

      But they're small on the page so it should work out

        Loading editor
    • It loads better and looks fine (still a bit slow on my internet but it's like that on many pages).

      I tries something as a "pressing" look, I'm not sure how good it is.

      Also, what are the transition properties in your CSS for?

        Loading editor
    • the transition was so that the opacity doesn't suddenly change when you hover over it (felt too abrupt before I added the transition)

      sMoOtHnEsS iS kEy

        Loading editor
    • Candy, why do you prefer to style your own button on the "Refresh for more accurate times" instead of using the fandomized "button" class? And what's the point of transforming the letters to uppercase instead of putting them uppercase in the first place?

        Loading editor
    • actually I just tried to make it look more like the fandomized buttons without importing the script... should we do that instead?

      as for uppercase... idk felt cooler lol

        Loading editor
    • There is no script, there is just CSS. You made it to look like the buttons on the KOTLC wiki but the buttons on here Look Different

        Loading editor
    • i think you had to import js tho

      FandomizedButtons.js

      nobody uses that cc2 thing

        Loading editor
    • What's cc2?

      And what's the problem with just styling the "button" class?

      I though fandomized buttons are buttons styled in a specific way on a specific wiki. Did I misinterpret it?

        Loading editor
    • they also automatically added the style to the button class

      b/c I don't think LCK has its own styled button class

        Loading editor
    • OK I get it, we don't have to mimic how buttons look on here, just to pull out a good-looking button.

      Still, what's cc2?

        Loading editor
    • ok

      some button class thingy in css on there I think

        Loading editor
    • What do you think about the "personal pages" table I made on the doc?

      I think I reached the top of my design skills lol, you can improve it if you have something.

        Loading editor
    • I THINK IT'S GREAT

      just the border padding stuff needs to be fixed so that there aren't any white spaces in the middle of the lines BUT OTHER THAN THAT IT'S GREAT

        Loading editor
    • Thanks :)

        Loading editor
    • aRe We MaKiNg ThIs A cOmPeTiTiOn

      Of ThE tItLe FoNtS

        Loading editor
    • Wrong thread? Or it's intentional?

      Lol I just made a suggestion.

        Loading editor
    • intentional

        Loading editor
    • The doubled borders on the "Hello, User" table were intentional, but fine lol.

        Loading editor
    • oh sorry

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.