The Gang of Five
Important Announcements => Announcements => Topic started by: Mumbling on October 06, 2020, 05:05:39 AM
-
Good morning :rainbowwave
We admins had been looking for a new theme for a while, especially to accommodate mobile devices (because lets be honest, in our old default theme it was a true challenge to read anything on mobile). We settled on a theme called "Sunrise", and have made it default for all visitors and new members. Zero has tweaked it a while ago to resemble our old theme and I have been using it for a good couple of months now, and some others were using it already as well.
However it seems I triggered something when applying the theme for all visitors/new members, and some of you have now got the new forum theme as well. Now I know as well as anyone that change is not always welcome, so if you do not wish to use the new theme yet, you can change it here (the previous theme is called HaleOn):
https://www.gangoffive.net/index.php?action=profile;area=theme
Now the new theme is not 100% finished yet. We have some cool ideas in store for it, but are currently waiting on several things before we can apply those ideas. I just wanted to get this post out there in case you do not wish to use the new theme and were accidentally upgraded ;)
-
I must say that I quite like this new theme and while it may take a while to get used to, it already feels great. As you said that people will have differing opinions about this change, and myself, I'm not quite yet ready to say goodbye to the previous theme, so I will very likely change it soon. That said, I'm not against the idea of using this in the future. It's just that I'd liked to get used to it before I make the change permanent. I'd love to see the ideas you have in store, Mumbling. Thanks for the heads up! :duckyhappy
-
I'd love to see the ideas you have in store, Mumbling.
I guess it can't hurt making a list already, even though some of these features have yet to be put in!
So in this theme:
- everything looks spiffy on mobile (and on desktop too of course)
- images are automatically resized so they fit on your screen (EDIT: this is now also the case for the HaleOn theme, thanks Stardisk!)
- you can choose between a dark and light mode by clicking the sun/moon at the top of the page (light mode is not yet updated)
- if you get tagged by someone you can clearly see the mention without having to look for it
- we are also planning on getting new backgrounds (gotta have a nice background for the light theme :D )
- there's probably more cool stuff, but I've been using it for so long now I forgot :)
Once it is all finished, we will only be updating that theme. But that's still a while away. Until then I'll be updating both Sunrise and HaleOn with the monthly post icons etc.
-
- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)
I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment
-
- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)
I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment
When images have width=xxx or height=xxx, that's the size they will appear :) The rule only applies to pictures that do not have said bb-code and would normally go off-screen.
Are you very familiar with CSS, Stardisk? We are looking for someone who could help us out with updating the light theme and could help us fix issues like that!
-
- images are automatically resized so they fit on your screen (this does not apply to attachments... yet, but to all in-post images)
I wonder how it will work with images which have parameter width=xxx in their BB-codes.
And to fit attachment images to message borders, you should just add the css property "width: 100%" to <img> which displays full-size attachment
When images have width=xxx or height=xxx, that's the size they will appear :) The rule only applies to pictures that do not have said bb-code and would normally go off-screen.
Yep, "width: 100%" will fix and resize the image to the actual <div> it is in. A height & width px being specified will not pan it to element width and set it to the actual width specified instead, if I remember. It's been very long since I had a web programming class, but I'm pretty sure. :)
Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.
-
When images have width=xxx or height=xxx, that's the size they will appear :) The rule only applies to pictures that do not have said bb-code and would normally go off-screen.
But if an image has, for example, "width=3000" in its BB-code, it will go beyond the borders. I think you should add the common rule:
.post img {max-width: 100%;}
Are you very familiar with CSS, Stardisk? We are looking for someone who could help us out with updating the light theme and could help us fix issues like that!
Well, as I mentioned in my welcome post, I'm a web-developer. To be precise, I'm backend dev (PHP 7+), but I know CSS a bit and can do some little things on it.
And JS of course, but I prefer using ECMAScript 5. :littlefoot
I will be glad to help you with GoF (for free, of course), but I can't guarantee that I have enough skills for everything.
-
ah ok! I actually never tested it with width=3000 or other big numbers like that... lets see :D
(https://wallpaperaccess.com/full/24866.jpg)
Edit: Nope, all good, it doesn't go over the max limit!
And that's great Stardisk! Rhombus and I will contact you about it one of these days.
Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.
Oh right! Will see if we can fix that. I didn't particularly miss them :P
-
ah ok! I actually never tested it with width=3000 or other big numbers like that... lets see :D
Edit: Nope, all good, it doesn't go over the max limit!
.post_wrapper .keyinfo {
width: auto;
}Seems like the Sunrise theme responsive css already sets width to auto instead of 100%, oops. Yeah, I reckon that should fix it too.
And that's great Stardisk! Rhombus and I will contact you about it one of these days.
Yes, please bother him instead of me. I can assist with like noticing bugs and stuff in the code but I have not taken a CSS/PHP web development class in a long long time. My expertise is JS and Python, not webdev. :areyouserious
-
Nope, all good, it doesn't go over the max limit!
But not on the HaleOn theme. Horizontal scroll has appeared :cerasmug
I hope that it also will be fixed.
And that's great Stardisk! Rhombus and I will contact you about it one of these days.
OK
-
Nope, all good, it doesn't go over the max limit!
But not on the HaleOn theme. Horizontal scroll has appeared :cerasmug
I hope that it also will be fixed.
Of course it doesn't work there, the responsive CSS isn't in the HaleOn theme (I had to switch back and check lol :feelsgoodman) :p
I mean, it could possibly be fixed, but I feel like admins want us all to migrate to Bright Circle theme. :cerasmug
-
Yeah, we're not gonna bother fixing the HaleOn theme. Unless you have loads of spare time on your hands :P
The Sunrise theme is what we are investing in going forward.
-
Yeah, we're not gonna bother fixing the HaleOn theme.
It is sad. So I've written an userscript, which contains just 1 line of code and it fixes images width in posts and attachments on HaleOn. :littlefoot
Actually, it just adds one CSS-rule:
.postarea img {max-width: 100%;}
-
Yeah I've been using the sunrise theme for quite a while now and I quite like it!
-
Anyway, it is a pretty well-rounded theme. One small bug I noticed is that the rank pictures (Ducky pic for Ducky rank for instance) all do not load for the Sunrise theme, because they are likely HaleOn files.
Oh right! Will see if we can fix that. I didn't particularly miss them :P
This is now fixed :)
-
Oh wow the new theme looks great!! It definitely is different than what I’m used to, but it is a lot easier to navigate. I like it!
-
Hmm. Not bad at all. It'll just take some time getting used to. :)petrie
-
Yeah, we're not gonna bother fixing the HaleOn theme.
It is sad. So I've written an userscript, which contains just 1 line of code and it fixes images width in posts and attachments on HaleOn. :littlefoot
Actually, it just adds one CSS-rule:
.postarea img {max-width: 100%;}
For everyone who wanted to keep using the old theme - this major quality of life fix is now implemented for y'all, thanks to Stardisk here :)
-
heh, wrote about developing new themes just this week. XD
Will have to get used to this new theme.
I see it is still under development, so will not look for everything that looks strange.
Though, I'm wondering, why my inbox tells me there's 4 new messages, though there are not at all... :thinking
-
heh, wrote about developing new themes just this week. XD
Will have to get used to this new theme.
I see it is still under development, so will not look for everything that looks strange.
Though, I'm wondering, why my inbox tells me there's 4 new messages, though there are not at all... :thinking
It's showing the number of pages :spikeblush
Confused me at first too but I worked it out.
-
Love the new theme! Of course, it'll take me some time to get used to it, but I already love it and actually plan to continue using it :duckyhappy
-
Well, thanks to the immediate and thorough help of the awesome @Stardisk the theme is now basically fully ready for roll-out. Because of that, I have pushed it to everyone now. Please note you can still go back to the HaleOn theme as described in the first post (sorry if you have to do this a second time now).
NEW:
News + banner up top
Functional light theme (check it out by clicking on the sun in the top right, it is pretty)
Backgrounds that scale for higher resolutions (4k now looks decent ;) )
If it doesn't work for you, press CTRL+F5 for a hard refresh (or clear your cache manually).
Any issues, let us know!
-
Hey hey! Loving the new theme applied here.
I might have been a bit of an old dog on these here pages but always glad to see when something gets a new look.
Nicely done gang! :)littlefoot
-
As I mentioned on the server, it looks good. :)
-
Oh, I like this. I mainly use the forum on desktop, and I'm finding things much more readable and user-friendly.
-
I switched to old theme yesterday. New theme is near-completed? Cool! :D
Would look at it in next days then, will see if there's some odd moments in it.
-
Is the font in the main page perhaps little too big for others? I can hardly see the full text. :screechconfused
-
Is the font in the main page perhaps little too big for others? I can hardly see the full text. :screechconfused
If you have this problem, please clear your cache. On your desktop browser you can press CTRL + F5. On mobile please google what is the best way to clear the cache for your browser of choice. The big text is not supposed to be that big ;)
-
^Already got an answer to this in the Discord chat, but thanks nonetheless. I'll keep that in mind if/when I make the switch to the new theme. Thank you, Mumbling. :)
-
*presses CTRL + F5*
Ah, there we go. Much better. :D
-
So, I switched to new theme minutes ago.
Here's screen and list of things I think should be fixed a little or explained to me (just my personal opinion XD)
(https://imgur.com/jzunsTJ.png)
1) Avatar's circle cut
All users' avatars are cut in circle for me, including mine. Can somebody tell me, where I can switch avatar settings so at least my avatar wasn't cut? Thanks.
2) Avatar in top panel
This one not just cut in circle, but also has disproportional resizing, if height/width is longer than width/height. Adding proportional resizing should help, I think.
3) Link to Messages folder and mysterious number
It was said it sjows number of pages, not number of new messages, but here's two things:
- what use of showing number of pages?..
- I counted, and made a conclusion - number of pages in Messages folder is not the same as this mysterious (4). Can somebody enlighten me, what it actually is then?.. I am curious!
4) Distance between Light/Dark and Search icons and News Area.
I think some padding would be helpful.
5) Text fields' missing/dark borders.
In dark theme, lack of bright borders makes hard to detect where are borders of text fields. XD
-
Good feedback Sneak. Here are my answers!
1) Avatar's circle cut
All users' avatars are cut in circle for me, including mine. Can somebody tell me, where I can switch avatar settings so at least my avatar wasn't cut? Thanks.
This is not currently possible, but we can probably add that option with Stardisk's help.
2) Avatar in top panel
This one not just cut in circle, but also has disproportional resizing, if height/width is longer than width/height. Adding proportional resizing should help, I think.
Can probably also be fixed :)
3) Link to Messages folder and mysterious number
It was said it sjows number of pages, not number of new messages, but here's two things:
- what use of showing number of pages?..
- I counted, and made a conclusion - number of pages in Messages folder is not the same as this mysterious (4). Can somebody enlighten me, what it actually is then?.. I am curious!
This number actually shows the number of unread messages. I have recounted the forum totals, so this should be reset to (0) now. If not, you actually have unread PMs ;)
4) Distance between Light/Dark and Search icons and News Area.
I think some padding would be helpful.
I don't personally have an issue with this. Why is it too close for you?
5) Text fields' missing/dark borders.
In dark theme, lack of bright borders makes hard to detect where are borders of text fields. XD
I agree it is an issue. We will fix this.
-
I don't personally have an issue with this. Why is it too close for you?
Well, on my screenshot, you can see how Stupid Claws' emote intersects with day/night button. I personally think any two forum sections should have some distance between them, and big elemets from one section, if they big enough, like this emote, should not step into other section. :P
А ты как считаешь, Стардиск? :OhYou
Edit:
Mystery about Messages counter remains.
Here is sceenshot :
(https://imgur.com/6euspCf.png)
When I DO have a new message, mysterious (4) disappears, and actual counter appears, but when I read unread message... (4) appears again... O_o
-
Oh hey! Mine went from 0 to 6 after the recount :thinking We will get to the bottom of this!
It went back to zero when I pressed the button "Mark read" in the top right of the Conversations page. Does that work for you?
-
А ты как считаешь, Стардиск? :OhYou
Я даже не замечал этого, пока ты не указал. Я добавил туда отступ.
Also I've fixed your avatar (and all the other's avatars which are not square-shaped), and the borders for fields too. See attachment. I hope you like it.
These fixes have not been added to the live yet, so please be patient
Mystery about Messages counter remains.
If Mumbling's piece of advice won't help you, I think it is a wrong value in the database. Probably it will be possible to change it manually :littlefoot
-
It went back to zero when I pressed the button "Mark read" in the top right of the Conversations page. Does that work for you?
Yes, it helped.
But it didn't when I opened every messages conversation and every page... :/
It clearly doesn't work correctly.
And why sometimes it's red circle, and sometimes - number in brackets?..
------
Perfect work, Stardisk! :D
-
Ooh, I love the new light theme. Looks great. :yes
Much better than Discord's light mode. :p
-
Discord has light mode? :O
(well, I rarely use it)
Yeah, light theme is good. :)
Oh, forgot one more small request about new template: can we please return linkink to main page when you click on forum banner with mouse-middle-click? XD
Thanks!
-
Discord has light mode? :O
I didn't know that Discord allows to change its gray appearance at all
Oh, forgot one more small request about new template: can we please return linkink to main page when you click on forum banner with mouse-middle-click? XD
Thanks!
Will do! Tomorrow we are planning to send all the updates and fixes to the live.
-
Discord has light mode? :O
I didn't know that Discord allows to change its gray appearance at all
If you go to 'User Settings' and then 'Appearance', it'll let you switch between Dark and Light.
-
If you go to 'User Settings' and then 'Appearance', it'll let you switch between Dark and Light.
Well, I found it...
(https://thumbs.gfycat.com/ValidEvenKid-size_restricted.gif)
-
Pretty much that. :P
-
I guess I should also drop my two cents on this new forum theme. While I have personally decided to stick with the old theme for now, the new theme is actually not bad in my opinion. It's a change I can actually appreciate since it modernized things while also having some charm and resemblance of the old theme which I like. I can't say the same of course for website redesigns like YouTube and Reddit. So while I was apprehensive at first when I heard of the news due to the tragic disasters of other modern redesigns I've seen, this was a surprising, but a welcome surprise. Great job. :)
-
Well I really enjoy both the Light and Dark aesthetics here. Would having more backgrounds/modes (still in the Sunrise theme) be a possibility at some point?
-
Happy to announce that all bugs/nuisances found for the Sunrise theme have been fixed thanks to countless of hours of work that @Stardisk put in over the past few days! Thank you so much!
Well I really enjoy both the Light and Dark aesthetics here. Would having more backgrounds/modes (still in the Sunrise theme) be a possibility at some point?
This is something we can consider at a later date! :CeraHAPPY
-
Happy to announce that all bugs/nuisances found for the Sunrise theme have been fixed thanks to countless of hours of work that @Stardisk put in over the past few days! Thank you so much!
You're welcome :littlefoot
-
Thanks you, Stardisk! ^^
For emotes reorganization, and for forum template!
-
Yup, thank you Stardisk for the work you've done for the forum. We all appreciate it. :)
-
After about two weeks since the forum theme has changed
I finally noticed, that I should have done this post weeks ago I have to point out, how well everything works! I had my apprehensions at first, but I decided to try to use the new theme a few days and was finally impressed about how fine it works, after I found out, how it works. The new theme is as good as the old theme and even better in some aspects. The text is more readable and the pictures have got the perfect size for my mobile now. It couldn't have gone better! So thanks to @Mumbling and @Stardisk and everyone else, who put so much effort in this theme to improve this website!
-
Little update from me. :)
It's now been about a week since I started to use the new theme and I have only good things to say about it. Of course it was kind of hard to get used to at first after using the old theme for so long, but now I feel like I know the ins and outs of this new theme. It will take more time to get properly used to it, but I'm sure I've got this one in the bag. :Mo