HugoBlox / hugo-blox-builder

🚨 GROW YOUR AUDIENCE WITH HUGOBLOX! 🚀 HugoBlox is an easy, fast no-code website builder for researchers, entrepreneurs, data scientists, and developers. Build stunning sites in minutes. 适合研究人员、企业家、数据科学家和开发者的简单快速无代码网站构建器。用拖放功能、可定制模板和内置SEO工具快速创建精美网站!
https://hugoblox.com/templates/
MIT License
8.2k stars 2.9k forks source link

Shadowing #1784

Closed chevdor closed 4 years ago

chevdor commented 4 years ago

Describe the bug

The style lets some blocky shadows show up. It is subtle and you may need a good monitor to see it. The issues there and checking the pixels of a screenshot will help as well.

Here is a screenshot from http://www.chevdor.com

Even knowing it, I barely see the issue but it is visible below: image

On the following screenshot, I "boosted the contrast" (a lot...) so you can see what I mean: image

To Reproduce

Steps to reproduce the behavior:

  1. Go to http://www.chevdor.com
  2. Click nowhere :), scroll down a bit maybe
  3. See error if you have good eyes and monitor

The issue is all over the page, I just showed a part here. Those shadows are also dancing around when you hover over the projects on my page. I am using the dark theme but I checked minimal as well and it does exhibit the same issue.

Expected behavior

No extra blocky shadows.

Technical details:

chevdor commented 4 years ago

I see the issue at https://sourcethemes.com/academic/ as well by the way.

chevdor commented 4 years ago

Same thing on Chrome.

gcushen commented 4 years ago

Closing as unable to reproduce. Please contribute a PR with a fix if you believe there to be a bug.

chevdor commented 4 years ago

I spent time describing the issue on my end. So instead of a "Closing as unable to reproduce" it would be helpful if you could provide the context of your test so we understand why I see this issue and you don't!

I am seeing the issue on your own site: https://sourcethemes.com/academic/:

The following is UNmodified: image

gcushen commented 4 years ago

As far as I understand the issue you have described, the issue appears to be that you do not like the color theme that you have chosen. The home_section_odd and home_section_even colors in the color theme can be changed to something you prefer - see https://sourcethemes.com/academic/docs/customization/

chevdor commented 4 years ago

Hello, this is really not a matter of taste at all. I tested a few other themes and got the same issue.

As I mentioned, the issue is subtle. If you "see" only 2 dark blue in my screenshot, then you don't see the issue. Here is the image above, enhanced to better see low contrasts.

below is the same image, using gimp, with levels changed to 'see' more: image

The issue are those blocky shadows that should not be there at all. What you see in the enhanced image is the same than above, just boosted up. The original screenshot is from your site.

chevdor commented 4 years ago

I am not sure how it renders on other machines/screens, so here is another even more 'boosted'. I want to make sure any reader can 'see' the issue: image

chevdor commented 4 years ago

From what I can see, this only affects the 'dark' mode.

gcushen commented 4 years ago

Thanks for clarifying.

There could be a number of external factors influencing appearance such as browser plugins, other styles being applied by Brave etc., or perhaps something related to how your computer setup is rendering colors with alpha values.

It's unlikely to be an Academic bug given the information which you have reported so far. Also, no one else has reported such an issue or commented on this in the last 2 weeks.

chevdor commented 4 years ago

There could be a number of external factors influencing appearance 👍

such as browser plugins I am excluding that as I tested without any plugin

other styles being applied by Brave etc.,

Yes, that can be indeed. I do see the issue on Chrome. It would be then a Chromium issue more than a Brave one. I installed Firefox to test and I do NOT see the issue there.

or perhaps something related to how your computer setup is rendering colors with alpha values.

Yes possible but again... never seen that before on other sites.

It's unlikely to be an Academic bug

I love to transform this 'unlikely' with some certainty :) From the tests above it could be:

If someone could carefully test (and provide a screenshot of the same area) with Chrome/Brave, that could exclude the last point.

beckerjohannes commented 4 years ago

To provide some certainty to your issue. I can see the shadows in your unmodified Screenshot. On your site, I can't see it (with a current Chrome). image

chevdor commented 4 years ago

Many thanks @beckerjohannes, this is super useful and super confusing at the same time :)

I see the issue in Chrome (no extension), I don't in Safari. @beckerjohannes you don't see it in Chrome.

I played around with the CSS and this is no screen artefacts, there IS a difference in the rendered style as shown below.

Just to keep is documented, using Chrome, in Guest mode, checking the brighter areas (unfortunately, you cannot see the pointer location in the screenshots): image

and the darkers: image

🤦 I have no idea... Well if this is only me, we can blame it on some magic local settings. If someone else runs into the issue we can then dig further.