Starmourn GUIs?

tysandr

Love that blue border of the init message.

Paqu

Damn, I felt envious. I wish I know how to do these GUIs in mudlet.

tysandr

My current Nexus iteration:

Just paste this in a new onLoad.

reno = typeof reno != 'undefined' ? reno : {}

reno.classr = 'reno'
reno.inject = function(rule) { $('body').append('<div class="' + reno.classr + '">&shy;<style>' + rule + '</style></div>') }

reno.init = function() {
  var rules = ''
  
  // Reduce spacing around the containers
  rules += '.ui-tabs { padding: 0.1em; }\n'
  
  // Restyling of tabs
  rules += '.ui-tabs .ui-tabs-anchor { position: absolute; height: 14px; width: 25px; left: 5px; top: 0px; }\n'
  rules += '.ui-tabs ul.tab_nav > li { height: 11px; }\n'
  rules += '.ui-tabs ul.tab_nav > li.ui-tabs-active { border-bottom-color: black; background-color: black; height: 11px; color: #B3B6B7; }\n'
  rules += '.ui-tabs div.ui-tabs-panel { padding: 5px 5px 5px 5px; }\n'
  rules += '.ui-tabs ul.tab_nav > li { width: 36px; border-radius: 0px; border-top-right-radius: 3px; border-color: rgba(31, 68, 68, 1); }\n'
    
  // Respacing given tab height changes
  rules += '.ui-tabs > .tab_content { top: -1px; border-radius: 0px; height: calc(100% - 30px); border-color: rgba(31, 68, 68, 1) !important; }\n'
    
  // Reduce opacification of most backgrounds:
  rules += '.frame_border { background-color: rgba( 1, 1, 1, 0.55) !important; }\n'
  rules += '#tab_content_map { background-image: url(\'https://cdn.pbrd.co/images/HY2x1SI.png\'); }\n'
  rules += '#tab_content_main_output { background-color: rgba( 1, 1, 1, 0.75) !important; }\n'
  rules += '#tab_content_all_comm { background-color: rgba( 1, 1, 1, 1) !important; }\n'
    
  // Animating main_output
  /*
   rules += '#tab_content_main_output { box-shadow: inset 0 0 0 1px rgba(105, 202, 98, 0.5); }\n'
   rules += '#tab_content_main_output::before, #tab_content_main_output::after {content:\'\'; z-index:-1; margin:-5%; box-shadow: inset 0 0 0 2px; animation: clipMe 8s linear infinite; }\n'
   rules += '#tab_content_main_output::before { animation-delay: -4s; }\n'
   rules += '#keyframes clipMe { 0%, 100% {clip: rect(0px, 220px, 2px, 0px);} 25% {clip: rect(0px, 2px, 220px, 0px);} 50% {clip: rect(218px, 220px, 220px, 0px);} 75% {clip: rect(0px, 220px, 220px, 218px);} }\n'
  */
  
  $('.' + reno.classr).remove()
  reno.inject(rules)
}

reno.init()

Matlkael

Yass I'm still top nano in Song. pk goddess

Maruna

tysandr said:

My current Nexus iteration:

What a nerd.

Zulah

Working on a ship ui concept. Still a lot of work to do but I'm happy with how it's coming so far.

tysandr

That is sexy a.f.

Opt1kal

Seriously jealous of you guys being able to do these..just don't have the time to sit down and figure it out unfortunately.

Joscelin

Opt1kal said:

Seriously jealous of you guys being able to do these..just don't have the time to sit down and figure it out unfortunately.

I know, right? I've been desperately trying to keep grinding levels and not sink into a month of working on my UI, but seeing some of these and prodding at Geyser just makes me want to write a custom layout manager and that way lies madness.

I'm going to settle for polishing my palette system up and going with whatever I've got by then.

Nykara

Zulah said:

Working on a ship ui concept. Still a lot of work to do but I'm happy with how it's coming so far.

Did you make these graphics yourself? :O

tysandr

Not really a UI but...

Whee

tysandr

What should I put in the footer? I wanna re-do it.

Indi

In my opinion the footer is the most valuable piece of screen realestate. It is right there, adjacent to the line showing the most current bit of information from the mud, so it is where my eyes at least, tend to linger.

So it should display the most important bits of rapidly changing information that are not in the prompt.