search

brainhack-proceedings / brainhack-proceedings.github.io

the main website for the brainhack proceedings
https://brainhack-proceedings.github.io
3 stars 2 forks source link

[Feature] Responsive circles #17

Closed anibalsolon closed 3 years ago

anibalsolon commented 3 years ago

The cute circle patterns in the header did not scale well for smaller devices, such as smartphones. To properly scale, the number of circles must adapt according to the resolution. In this PR, I propose the following progression:

image

The number of circles is rounded to the closest odd number so that there are two circles of the same size in the center. #aesthetics

The controlling variables for the linear progression and other aspects of the pattern are exposed at the beginning of the code.

Hopefully closes #12 !

r03ert0 commented 3 years ago

Thank you for fixing this!!

katjaq commented 3 years ago

Thank you dear @anibalsolon ! That's fantastic!! :) 🚀