100
$\begingroup$

Congratulations! As you can see, the new site design just went live. Thanks to everyone for your patience.

Also updated are the newsletter template and chat room based off of the new design.

If you see any CSS/styling bugs, please start a new post and tag it with and .

Congrats again and thank you for being an awesome community!

||||||
$\endgroup$
  • $\begingroup$ Yay! I can see it now! Now all I need is to get to 10k... $\endgroup$ – a CVn May 17 '16 at 20:34
  • $\begingroup$ Note: While I can't speak for the design team, I know I appreciate a single bug per bug report. So I'd encourage everyone to try to keep their bug report posts focused on a single issue per post. $\endgroup$ – a CVn May 17 '16 at 20:49
  • 2
    $\begingroup$ Woo hoo! My first clue was actually a rep-change notice in the top bar -- I saw the new icon and came to investigate. :-) $\endgroup$ – Monica Cellio May 17 '16 at 21:04
  • 3
    $\begingroup$ Thank the team for us Kurtis! $\endgroup$ – James May 17 '16 at 21:11
  • 6
    $\begingroup$ This is a thing of beauty. Thanks so much for all your work on this! $\endgroup$ – Monica Cellio May 17 '16 at 21:39
  • 1
    $\begingroup$ It's so beautiful! $\endgroup$ – TylerH May 17 '16 at 22:23
  • $\begingroup$ Fabulous, absolutely fabulous $\endgroup$ – TrEs-2b May 17 '16 at 23:16
  • 3
    $\begingroup$ It's awesome! Now I want a tshirt/notepad/mousepad etc. all with this logo/characters! :-P $\endgroup$ – AndreiROM May 17 '16 at 23:26
  • $\begingroup$ This looks awesome as awesome as awesome can be! Now reading stories here will make my day even better! $\endgroup$ – Zizouz212 May 18 '16 at 0:42
  • 14
    $\begingroup$ Cool! But it's now harder to hide the fact that I'm surfing non work-related webpages :P $\endgroup$ – Keale May 18 '16 at 2:52
  • 3
    $\begingroup$ As a long time lurker on this SE, I want to say how awesome this new design looks! Congrats WorldBuilding! $\endgroup$ – muddyfish May 18 '16 at 13:24
  • 4
    $\begingroup$ Wait...did he thank the community for... patience ? $\endgroup$ – James May 18 '16 at 15:32
  • 2
    $\begingroup$ Thanks everyone! The community's feedback and ideas were truly instrumental in making it an awesome site. Remember this... $\endgroup$ – Kurtis Beavers May 19 '16 at 15:29
  • 1
    $\begingroup$ I could write a big long answer about the design, but let me say this: Awesome Sauce ... It looks great! @KurtisBeavers - Great job to you and the team! I hope when the main SE I attune to graduates, it will look as good. $\endgroup$ – Pᴀᴜʟsᴛᴇʀ2 May 21 '16 at 19:33
  • 1
    $\begingroup$ @Pᴀᴜʟsᴛᴇʀ2 thanks! $\endgroup$ – Kurtis Beavers Jun 11 '16 at 14:51
7
$\begingroup$

Dunno what res other users are working at, but I see more than a little stripe:

enter image description here

... which is perfectly fine by me. Your mileage might vary on the mobile version.

What I'm not as happy with is the super faint ring on our site icon:

uranian ring

I want a nice saturn-like-one, which would be more visible than this rather faint, jupiterian one.

||||||
$\endgroup$
  • 1
    $\begingroup$ I had the same thought: meta.worldbuilding.stackexchange.com/questions/3561/… it looks like they've darkened it in response. Definitely an improvement, do you think it's enough though? $\endgroup$ – Tim B May 19 '16 at 8:23
  • $\begingroup$ I see: it doesn't fit itself to the window size, and happens to be a little smaller than the window width on my tablet. It would be so much nicer if the main content just expanded to fill the width. $\endgroup$ – JDługosz May 19 '16 at 12:49
4
$\begingroup$

The upvote and downvote buttons contain triangles that are mathematically centered (top and bottom margins are the same size) — and not visually centered (center of gravity is not in the middle) — within the button. This makes it look off balance to me. But maybe that's just me...

||||||
$\endgroup$
  • 1
    $\begingroup$ I can't unsee this now. $\endgroup$ – Captain Man May 25 '16 at 20:17
  • $\begingroup$ If anyone needs a geometry refresher, the center of gravity (the centroid) of the triangle lies 2/3 of the the way along the triangle's vertical symmetry axis. $\endgroup$ – nitsua60 May 26 '16 at 4:18
3
$\begingroup$

For those interested in a behind-the-scenes look at how our design came to be, check out the interview with Kurtis in Universe Factory. Includes early sketches.

||||||
$\endgroup$
2
$\begingroup$

I really don't like the brown screen flash every time a new page loads.

The only purpose of the brown layer is to make a thin stripe on the right, which I don't like either. Why have a contrasting stripe on the right edge, and furthermore take away from the usable width of the page?

brown strip on right

zoomed out

||||||
$\endgroup$
  • $\begingroup$ Could you post of picture of what you mean by the thin stripe on the right. I'm not sure I fully understand what you're referring to, and it may be a bug. Thanks. $\endgroup$ – Kurtis Beavers May 18 '16 at 10:49
  • $\begingroup$ I added a cropped screenshop above. The full screen is too large, so I took a vertical section. This shows the full width of the screen, but a small part of the vertical extent. Ok, added a reduced full-screeen. $\endgroup$ – JDługosz May 18 '16 at 10:59
  • 1
    $\begingroup$ Yeah, that's a bug. Will investigate. $\endgroup$ – Kurtis Beavers May 18 '16 at 11:18
  • $\begingroup$ One more thing, which browser are you using? $\endgroup$ – Kurtis Beavers May 18 '16 at 11:30
  • $\begingroup$ Chrome on Android. This is a Galaxy Tab pro (12 inch). $\endgroup$ – JDługosz May 18 '16 at 11:31
  • $\begingroup$ @KurtisBeavers I get the brown (or gray, on meta) flash in Chrome on Mac and Firefox on Windows. It lingers longer on the former, though I don't know if that's due to browser, hardware, or network differences. $\endgroup$ – Monica Cellio May 18 '16 at 14:09
  • $\begingroup$ @MonicaCellio it's probably due to loading rendering so gaphics. I'm going to do some work in combining the layers in the header and it should resolve both of the issues mentioned. $\endgroup$ – Kurtis Beavers May 18 '16 at 15:05
  • $\begingroup$ @JDługosz I think we've fixed this. Can you confirm that it looks good now? $\endgroup$ – Kurtis Beavers May 18 '16 at 21:49
  • 1
    $\begingroup$ @KurtisBeavers I was seeing the brown flash and it's gone for me, wasn't seeing the other issue so can't comment on that. $\endgroup$ – Tim B May 19 '16 at 8:24
  • $\begingroup$ It is ok (but slow) sometimes, and shows the all-brown screen sometimes for a duration that's longer than the "flash". $\endgroup$ – JDługosz May 20 '16 at 20:23
  • $\begingroup$ Why there are two volcanoes on the error page? Is it a reference to something? $\endgroup$ – Vi. May 22 '16 at 0:42
  • 1
    $\begingroup$ @Vi. error = "something blew up", maybe? The 404 has a black hole. I haven't seen the captcha page so I don't know what they put there. But, more broadly, the designers do try to customize the images on those pages, and drawing from the site design makes sense. $\endgroup$ – Monica Cellio May 23 '16 at 13:06
  • $\begingroup$ The stripe is gone now for the majority of the page, but still present at the top (i.e. above the white div). $\endgroup$ – Dan Henderson May 25 '16 at 14:25
  • $\begingroup$ I still see the brown flash of unstyled content in Firefox on Mac every time I come to a page, even when I use the back button. $\endgroup$ – user8976 Jun 2 '16 at 11:45
  • $\begingroup$ @KurtisBeavers: I'm not sure whether we're talking about the same thing, but, for at least the past 2 or 3 months, and maybe since day 1, I have usually (not always) seen a brown flash when I load or refresh a WB.SE page (in IE 11). I have just now (2016-09-06) observed it again: after refreshing, I got this for a couple of seconds before this loaded. It usually doesn't last nearly that long — just enough to be distracting. (I don't understand what the "brown stripe" phenomenon is, so I don't know what to look for.) $\endgroup$ – Peregrine Rook Sep 6 '16 at 3:11

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .