-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Bootstrap theme #1
Comments
@zanix awesome! here's what I've created so far: essentially my idea is the dashboard consists of panels, one for each world, along with data underneath. Clicking on the respective button takes you to the particular world page. The image could be the overviewer image, or I was even thinking we could pull the image from the server if they have a server_icon.png. I just like the idea of cards with data underneath for a quick glance What do you think? |
I like it. You are further along with a concept than I am plus this is better than my ideas so far. I saw that you use Balsamiq for wire framing in the other post so maybe we can keep working on mockups before we get too far into a design. |
Ok yea that sounds good, sorry I changed my design lol got a bit ahead of myself |
No, that's fine. Sometimes you have to play with the actual framework to get ideas. I just prefer to work with Balsamiq mockups when I have an idea of what is possible with the framework. I also prevents you from worrying about color or fonts when designing a layout. |
Yea thats very true. Also what kinds of colors were you thinking of? The base color right now on that template is a shade of blue, here's the monochromatic color scheme i think blue and gray is sorta calming, and I was planning on incorporating those into a redesigned logo thats consistent across both msc-gui and msc-client, the website too should reflect whatever color scheme we use. Paletton, adobe kuler, and coolors are all good for generating some colors |
I think utilizing some sort of picker with some color themes would be a good idea. |
We should start working on a requirements/task list for the GUI. I will create a new issue for this. |
@Roflicide, do you have source for your theme above? I like your theme better than the one I put together |
Unfortunately I can't find it anymore, but it was also just a mockup. I can try and create a proper theme for the new mojolicious api you put together |
Let me know if anything needs to change, especially ids or classes of various elements, to work with the bootstrap css. |
Do you think you could change the For instance, I'll make a template that's like this for the dashboard:
So, I would want to iterate through the list of worlds and then create a As a side note, do you know the perl code that I could use to iterate through the worlds and print the above row for each world? I'm not quite sure how I would go about doing that with mojo and perl. |
This could easily be done a few different ways. First, I could create a new helper subroutine to just build this HTML similar to how the The second option, storing a variable containing the list of worlds might work best. So the dashboard template would look something like (untested):
|
Sounds good! One thing I will say is that I will probably want more data than just a variable of world names for the dashboard. For instance, it'd be cool to display if the world is running, the players online, and server version for each world on the dashboard (it would give it more of that "control panel" kind of look and feel that I wanna go for). That's why I think it might be best to do the third option, so we can get a bunch of data about the world for use in dashboard. I suppose the downside is that it will take longer for the dashboard to load because they'll be more data to query? What are your thoughts? |
We can pass more than simple arrays in the so-called stash, we could define a data structure that has everything needed. However, you are right that it would slow down page generation with each query call, and this would hold true even if we were using json. The time it takes to generate a page does not need to be quick however. A reverse proxy could be setup to create a cache of the site that is periodically refreshed. Note that each individual world page in my basic site performs a query and the load time without a proxy is noticeable. |
Sounds good to me! |
Ok, I worked on this a little, the latest commit is ae837fd. It is currently a mix of my old theme and your bootstrap theme so it is ugly, but it is a start. Query data is now available on the Dashboard (note the lame MOTD on my worlds). |
I worked on this a little more. I added a new This is what it looks like now. It is still ugly, but I think all the data we might want is now accessible: |
I worked on this a little more and got the theme closer to @Roflicide's design above. |
Nice, looking good!! I'll try and work on this and submit some pull requests later. |
Right on. Please let me know if there is anything missing that you need. |
If you want raw json data for each world, note that I created a template for this. By default it is setup to serve html, so I was thinking that loading query data could be done with JS to load asynchronously from the rest of the page. These json templates will help with that. |
woah, looks good! |
Create a new theme using the Bootstrap framework
The text was updated successfully, but these errors were encountered: