Let it snow, let it snow, let it snow!

[bonjour81]

Hello!!

just had a funny idea (probably I'm not the 1st), but let me share :)

I built the following custom.css.tmpl. file (that need to be added in skin.conf / cheetah section)

you can see a demo here for a while (dark theme recommended , got to tune colors for better result in light theme)
https://meteosaintsulpice.fr/snow/?theme=dark

note: it is not snowing at my place currently (it almost never happened), I tuned forecast.json to simulate and I froze :) the demo page).

here is the template I added :

#if $Extras.has_key("forecast_enabled") and $Extras.forecast_enabled == '1' and $current_obs_icon == "snow.png"


html:before {
  content: "\002745";
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: -50%;
  height: 10px;
  width: 10px;
  background: silver;
  border-radius: 50%;
  text-shadow: 0px 0px silver, -122vmax 58vmax 2px silver, 59vmax -38vmax 0px silver, -125vmax -25vmax 2px silver, -2vmax 0vmax 2px silver, -80vmax 53vmax 3px silver, 19vmax -137vmax 0px silver, -24vmax 99vmax 0px silver, -112vmax 121vmax 0px silver, 112vmax 22vmax 3px silver, -26vmax -115vmax 1px silver, -146vmax 94vmax 3px silver, 113vmax -13vmax 3px silver, 78vmax -83vmax 0px silver, 144vmax 76vmax 3px silver, 109vmax -12vmax 1px silver, -16vmax 60vmax 2px silver, -47vmax -40vmax 3px silver, -43vmax -113vmax 3px silver, -33vmax -107vmax 2px silver, -115vmax -32vmax 1px silver, -97vmax 141vmax 0px silver, 135vmax 1vmax 2px silver, -59vmax 3vmax 1px silver, 125vmax 134vmax 2px silver, -14vmax -140vmax 1px silver, 49vmax -148vmax 2px silver, -62vmax -77vmax 1px silver, -60vmax 123vmax 2px silver, -131vmax 78vmax 0px silver, -43vmax 95vmax 2px silver, -99vmax 80vmax 2px silver, 70vmax 31vmax 3px silver, 44vmax -58vmax 0px silver, -35vmax -130vmax 0px silver, -77vmax 69vmax 3px silver, 0vmax 130vmax 1px silver, -98vmax 25vmax 2px silver, 84vmax -59vmax 2px silver, 138vmax -7vmax 1px silver, 92vmax -82vmax 1px silver, 66vmax -134vmax 3px silver, 123vmax -131vmax 3px silver, -55vmax -100vmax 0px silver, -141vmax 141vmax 2px silver, -26vmax 150vmax 2px silver, -124vmax -72vmax 2px silver, -6vmax -71vmax 1px silver, -18vmax 74vmax 1px silver, 77vmax -37vmax 0px silver, -45vmax -7vmax 3px silver, -16vmax 21vmax 3px silver, -38vmax 100vmax 1px silver, -20vmax 13vmax 3px silver, -9vmax -39vmax 2px silver, 5vmax 32vmax 0px silver, 82vmax 88vmax 1px silver, 105vmax 106vmax 2px silver, -123vmax -73vmax 0px silver, 111vmax 103vmax 1px silver, 28vmax 44vmax 3px silver, -13vmax -87vmax 0px silver, -141vmax -39vmax 2px silver, 143vmax -121vmax 3px silver, -133vmax 22vmax 0px silver, -140vmax -56vmax 2px silver, 92vmax -143vmax 0px silver, -100vmax 46vmax 2px silver, 131vmax -39vmax 2px silver, 120vmax 58vmax 1px silver, 139vmax -68vmax 1px silver, 128vmax 37vmax 0px silver, -137vmax -103vmax 1px silver, 83vmax -56vmax 0px silver, 137vmax 116vmax 2px silver, -43vmax 125vmax 0px silver, -40vmax -15vmax 2px silver, 42vmax 101vmax 2px silver, 149vmax -137vmax 3px silver, 104vmax -148vmax 0px silver, -65vmax 19vmax 2px silver, 48vmax 78vmax 3px silver, -63vmax 28vmax 1px silver, 94vmax -129vmax 1px silver, -27vmax 108vmax 0px silver, -11vmax 67vmax 1px silver, 114vmax 18vmax 2px silver, 59vmax 96vmax 1px silver, -46vmax -6vmax 1px silver, 4vmax 28vmax 0px silver, -116vmax -63vmax 1px silver, 87vmax -62vmax 2px silver, -27vmax 111vmax 1px silver, 36vmax -51vmax 3px silver, 9vmax -51vmax 3px silver, 53vmax -111vmax 0px silver, 22vmax -146vmax 0px silver, -115vmax -131vmax 2px silver, -146vmax 31vmax 0px silver, 129vmax 2vmax 0px silver, 106vmax 76vmax 2px silver, -121vmax 106vmax 2px silver, 55vmax -40vmax 1px silver, -3vmax 70vmax 1px silver, 55vmax -117vmax 1px silver, -109vmax 1vmax 2px silver, 5vmax 37vmax 0px silver, -103vmax -86vmax 1px silver, 78vmax 52vmax 3px silver, -45vmax -142vmax 0px silver, 113vmax -102vmax 3px silver, -43vmax 147vmax 3px silver, -108vmax 1vmax 1px silver, 86vmax -139vmax 2px silver, -137vmax -39vmax 0px silver, -132vmax 122vmax 3px silver, 98vmax -9vmax 3px silver, -81vmax -77vmax 1px silver, 93vmax 74vmax 3px silver, 116vmax -118vmax 3px silver, 61vmax -12vmax 0px silver, -102vmax 149vmax 3px silver, 69vmax 46vmax 0px silver, -98vmax -80vmax 2px silver, 27vmax 101vmax 2px silver, -104vmax 31vmax 0px silver, 23vmax 2vmax 1px silver, -4vmax 14vmax 0px silver, -59vmax 138vmax 1px silver, 6vmax -62vmax 2px silver, -46vmax 5vmax 2px silver, 131vmax 17vmax 3px silver, -76vmax -5vmax 3px silver, -120vmax 47vmax 2px silver, 118vmax -17vmax 1px silver, -148vmax 137vmax 1px silver, -139vmax -79vmax 2px silver, 19vmax -99vmax 2px silver, 85vmax 103vmax 3px silver, -36vmax 108vmax 1px silver, -132vmax -37vmax 0px silver, 126vmax 121vmax 3px silver, -49vmax -134vmax 2px silver, 73vmax 89vmax 2px silver, 79vmax -67vmax 2px silver, 100vmax -79vmax 3px silver, -23vmax 89vmax 3px silver, -124vmax 87vmax 0px silver, -47vmax -100vmax 1px silver, 76vmax 80vmax 3px silver, 59vmax -125vmax 3px silver, 93vmax -146vmax 2px silver, 15vmax -77vmax 2px silver, 149vmax 98vmax 1px silver, 48vmax 105vmax 3px silver, 99vmax 72vmax 1px silver, -117vmax -39vmax 1px silver, 44vmax 109vmax 1px silver, -102vmax -16vmax 2px silver, 94vmax 133vmax 3px silver, -136vmax 25vmax 0px silver, 142vmax 71vmax 3px silver, 142vmax -127vmax 1px silver, 4vmax -19vmax 3px silver, 87vmax 101vmax 1px silver, -12vmax 82vmax 0px silver, 30vmax -91vmax 0px silver, -48vmax 16vmax 3px silver, 35vmax -65vmax 0px silver, 60vmax -83vmax 2px silver, -121vmax 136vmax 1px silver, -47vmax 34vmax 3px silver, -149vmax -95vmax 0px silver, 63vmax 83vmax 2px silver, 41vmax -60vmax 3px silver, -108vmax 142vmax 2px silver, 2vmax -140vmax 3px silver, 122vmax -104vmax 2px silver, -83vmax 40vmax 3px silver, 91vmax -41vmax 2px silver, 125vmax 90vmax 3px silver, -45vmax 68vmax 1px silver, -77vmax 0vmax 3px silver, 10vmax -34vmax 3px silver, 39vmax 82vmax 2px silver, 128vmax 77vmax 0px silver, -77vmax 7vmax 2px silver, -34vmax -136vmax 0px silver, -12vmax -10vmax 0px silver, 52vmax -149vmax 3px silver, 23vmax 143vmax 0px silver, 57vmax 96vmax 1px silver, 110vmax 143vmax 3px silver, 67vmax 51vmax 2px silver, -113vmax -2vmax 1px silver, -130vmax 95vmax 3px silver, 65vmax -139vmax 2px silver, -18vmax 21vmax 3px silver, -128vmax 142vmax 0px silver, -119vmax 96vmax 3px silver, -9vmax 129vmax 0px silver, 58vmax 28vmax 1px silver, -32vmax -65vmax 1px silver, -4vmax 13vmax 2px silver, -93vmax 88vmax 2px silver, 123vmax -20vmax 2px silver, -38vmax -106vmax 2px silver, 124vmax 7vmax 2px silver, 19vmax 5vmax 3px silver, 71vmax 112vmax 3px silver, 103vmax -126vmax 1px silver, 79vmax -136vmax 0px silver, 0vmax -86vmax 1px silver, 129vmax -76vmax 0px silver, -144vmax -40vmax 0px silver, 92vmax 80vmax 0px silver, 35vmax 41vmax 0px silver, 20vmax 114vmax 1px silver, -76vmax -82vmax 0px silver, 110vmax 121vmax 3px silver, -22vmax -2vmax 0px silver, -1vmax 21vmax 1px silver, 58vmax 130vmax 3px silver, -129vmax 129vmax 1px silver, 21vmax -30vmax 1px silver, 82vmax 6vmax 2px silver, 65vmax 21vmax 1px silver, -139vmax 144vmax 0px silver, -97vmax 19vmax 0px silver, 118vmax -79vmax 1px silver, -127vmax 115vmax 1px silver, -148vmax -141vmax 1px silver, -88vmax -38vmax 2px silver, 138vmax -11vmax 3px silver, 33vmax -15vmax 0px silver, 51vmax 61vmax 0px silver, 66vmax 112vmax 2px silver, 30vmax 65vmax 0px silver, -114vmax 31vmax 2px silver, 80vmax -60vmax 3px silver, 34vmax 13vmax 1px silver, 6vmax 128vmax 2px silver, -19vmax 47vmax 3px silver, -87vmax -91vmax 2px silver, -90vmax -90vmax 1px silver, -109vmax -20vmax 3px silver, 115vmax -66vmax 1px silver, 14vmax -29vmax 3px silver, 106vmax 72vmax 0px silver, 54vmax 98vmax 3px silver, -147vmax -112vmax 3px silver, 99vmax 57vmax 3px silver, -27vmax 36vmax 3px silver, 104vmax -85vmax 2px silver, 24vmax 4vmax 2px silver, 30vmax -23vmax 0px silver, -23vmax 84vmax 0px silver, -88vmax 15vmax 2px silver, -18vmax 12vmax 2px silver, 108vmax -117vmax 3px silver, -26vmax 26vmax 1px silver, 144vmax -78vmax 2px silver, -64vmax -102vmax 1px silver, 110vmax -143vmax 3px silver, -120vmax 29vmax 2px silver, 118vmax 147vmax 1px silver, -69vmax -96vmax 1px silver, -146vmax 138vmax 3px silver, 32vmax -17vmax 3px silver, -48vmax -82vmax 2px silver, 123vmax 54vmax 3px silver, 21vmax 114vmax 2px silver, 28vmax 119vmax 1px silver, 104vmax -7vmax 2px silver, 97vmax 80vmax 2px silver, -55vmax 83vmax 1px silver, 80vmax -133vmax 0px silver, 6vmax -80vmax 1px silver, 5vmax -61vmax 0px silver, 26vmax 82vmax 3px silver, 118vmax 82vmax 0px silver, 40vmax 15vmax 3px silver, -122vmax -66vmax 2px silver, 126vmax -92vmax 3px silver, -5vmax 66vmax 2px silver, -93vmax -91vmax 0px silver, 36vmax 100vmax 3px silver, -107vmax -28vmax 1px silver, -9vmax 94vmax 3px silver, 146vmax 77vmax 0px silver, -128vmax -123vmax 1px silver, 59vmax 66vmax 1px silver, 34vmax -48vmax 2px silver, -60vmax 2vmax 3px silver, 37vmax 46vmax 3px silver, -75vmax -129vmax 1px silver, 89vmax 128vmax 1px silver, 114vmax 70vmax 1px silver, -80vmax 51vmax 2px silver, -6vmax 145vmax 3px silver, -78vmax 64vmax 3px silver;
  animation: snow 100s linear 0s infinite normal; }

@keyframes snow {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
input#txtName {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
  color: #ed272b;
  font-weight: bold;
  font-size: 24px;
  text-align: center; }
  @media (max-width: 480px) {
    input#txtName {
      font-size: 20px; } }

#end if

full credit for the css is here :. https://codepen.io/aschz/pen/apzmOW
I'm no css expert but I like the idea (no js, no html modification)

I just added #if condition and tuned a bit the color

now I look for similar css only for rain ;)

what do you think ? :)

[ms372591]

This is really cool! I also like your weather icons. Did you create them yourself?

…

On Wed, Feb 7, 2024 at 6:18 PM bonjour81 ***@***.***> wrote: Hello!! just had a funny idea (probably I'm not the 1st), but let me share :) I built the following custom.css.tmpl. file (that need to be added in skin.conf / cheetah section) you can see a demo here for a while (dark theme recommended , got to tune colors for better result in light theme) https://meteosaintsulpice.fr/snow/?theme=dark here is the template I added : #if $Extras.has_key("forecast_enabled") and $Extras.forecast_enabled == '1' and $current_obs_icon == "snow.png" html:before { content: "\002745"; z-index: 9999; position: fixed; top: 50%; left: -50%; height: 10px; width: 10px; background: silver; border-radius: 50%; text-shadow: 0px 0px silver, -122vmax 58vmax 2px silver, 59vmax -38vmax 0px silver, -125vmax -25vmax 2px silver, -2vmax 0vmax 2px silver, -80vmax 53vmax 3px silver, 19vmax -137vmax 0px silver, -24vmax 99vmax 0px silver, -112vmax 121vmax 0px silver, 112vmax 22vmax 3px silver, -26vmax -115vmax 1px silver, -146vmax 94vmax 3px silver, 113vmax -13vmax 3px silver, 78vmax -83vmax 0px silver, 144vmax 76vmax 3px silver, 109vmax -12vmax 1px silver, -16vmax 60vmax 2px silver, -47vmax -40vmax 3px silver, -43vmax -113vmax 3px silver, -33vmax -107vmax 2px silver, -115vmax -32vmax 1px silver, -97vmax 141vmax 0px silver, 135vmax 1vmax 2px silver, -59vmax 3vmax 1px silver, 125vmax 134vmax 2px silver, -14vmax -140vmax 1px silver, 49vmax -148vmax 2px silver, -62vmax -77vmax 1px silver, -60vmax 123vmax 2px silver, -131vmax 78vmax 0px silver, -43vmax 95vmax 2px silver, -99vmax 80vmax 2px silver, 70vmax 31vmax 3px silver, 44vmax -58vmax 0px silver, -35vmax -130vmax 0px silver, -77vmax 69vmax 3px silver, 0vmax 130vmax 1px silver, -98vmax 25vmax 2px silver, 84vmax -59vmax 2px silver, 138vmax -7vmax 1px silver, 92vmax -82vmax 1px silver, 66vmax -134vmax 3px silver, 123vmax -131vmax 3px silver, -55vmax -100vmax 0px silver, -141vmax 141vmax 2px silver, -26vmax 150vmax 2px silver, -124vmax -72vmax 2px silver, -6vmax -71vmax 1px silver, -18vmax 74vmax 1px silver, 77vmax -37vmax 0px silver, -45vmax -7vmax 3px silver, -16vmax 21vmax 3px silver, -38vmax 100vmax 1px silver, -20vmax 13vmax 3px silver, -9vmax -39vmax 2px silver, 5vmax 32vmax 0px silver, 82vmax 88vmax 1px silver, 105vmax 106vmax 2px silver, -123vmax -73vmax 0px silver, 111vmax 103vmax 1px silver, 28vmax 44vmax 3px silver, -13vmax -87vmax 0px silver, -141vmax -39vmax 2px silver, 143vmax -121vmax 3px silver, -133vmax 22vmax 0px silver, -140vmax -56vmax 2px silver, 92vmax -143vmax 0px silver, -100vmax 46vmax 2px silver, 131vmax -39vmax 2px silver, 120vmax 58vmax 1px silver, 139vmax -68vmax 1px silver, 128vmax 37vmax 0px silver, -137vmax -103vmax 1px silver, 83vmax -56vmax 0px silver, 137vmax 116vmax 2px silver, -43vmax 125vmax 0px silver, -40vmax -15vmax 2px silver, 42vmax 101vmax 2px silver, 149vmax -137vmax 3px silver, 104vmax -148vmax 0px silver, -65vmax 19vmax 2px silver, 48vmax 78vmax 3px silver, -63vmax 28vmax 1px silver, 94vmax -129vmax 1px silver, -27vmax 108vmax 0px silver, -11vmax 67vmax 1px silver, 114vmax 18vmax 2px silver, 59vmax 96vmax 1px silver, -46vmax -6vmax 1px silver, 4vmax 28vmax 0px silver, -116vmax -63vmax 1px silver, 87vmax -62vmax 2px silver, -27vmax 111vmax 1px silver, 36vmax -51vmax 3px silver, 9vmax -51vmax 3px silver, 53vmax -111vmax 0px silver, 22vmax -146vmax 0px silver, -115vmax -131vmax 2px silver, -146vmax 31vmax 0px silver, 129vmax 2vmax 0px silver, 106vmax 76vmax 2px silver, -121vmax 106vmax 2px silver, 55vmax -40vmax 1px silver, -3vmax 70vmax 1px silver, 55vmax -117vmax 1px silver, -109vmax 1vmax 2px silver, 5vmax 37vmax 0px silver, -103vmax -86vmax 1px silver, 78vmax 52vmax 3px silver, -45vmax -142vmax 0px silver, 113vmax -102vmax 3px silver, -43vmax 147vmax 3px silver, -108vmax 1vmax 1px silver, 86vmax -139vmax 2px silver, -137vmax -39vmax 0px silver, -132vmax 122vmax 3px silver, 98vmax -9vmax 3px silver, -81vmax -77vmax 1px silver, 93vmax 74vmax 3px silver, 116vmax -118vmax 3px silver, 61vmax -12vmax 0px silver, -102vmax 149vmax 3px silver, 69vmax 46vmax 0px silver, -98vmax -80vmax 2px silver, 27vmax 101vmax 2px silver, -104vmax 31vmax 0px silver, 23vmax 2vmax 1px silver, -4vmax 14vmax 0px silver, -59vmax 138vmax 1px silver, 6vmax -62vmax 2px silver, -46vmax 5vmax 2px silver, 131vmax 17vmax 3px silver, -76vmax -5vmax 3px silver, -120vmax 47vmax 2px silver, 118vmax -17vmax 1px silver, -148vmax 137vmax 1px silver, -139vmax -79vmax 2px silver, 19vmax -99vmax 2px silver, 85vmax 103vmax 3px silver, -36vmax 108vmax 1px silver, -132vmax -37vmax 0px silver, 126vmax 121vmax 3px silver, -49vmax -134vmax 2px silver, 73vmax 89vmax 2px silver, 79vmax -67vmax 2px silver, 100vmax -79vmax 3px silver, -23vmax 89vmax 3px silver, -124vmax 87vmax 0px silver, -47vmax -100vmax 1px silver, 76vmax 80vmax 3px silver, 59vmax -125vmax 3px silver, 93vmax -146vmax 2px silver, 15vmax -77vmax 2px silver, 149vmax 98vmax 1px silver, 48vmax 105vmax 3px silver, 99vmax 72vmax 1px silver, -117vmax -39vmax 1px silver, 44vmax 109vmax 1px silver, -102vmax -16vmax 2px silver, 94vmax 133vmax 3px silver, -136vmax 25vmax 0px silver, 142vmax 71vmax 3px silver, 142vmax -127vmax 1px silver, 4vmax -19vmax 3px silver, 87vmax 101vmax 1px silver, -12vmax 82vmax 0px silver, 30vmax -91vmax 0px silver, -48vmax 16vmax 3px silver, 35vmax -65vmax 0px silver, 60vmax -83vmax 2px silver, -121vmax 136vmax 1px silver, -47vmax 34vmax 3px silver, -149vmax -95vmax 0px silver, 63vmax 83vmax 2px silver, 41vmax -60vmax 3px silver, -108vmax 142vmax 2px silver, 2vmax -140vmax 3px silver, 122vmax -104vmax 2px silver, -83vmax 40vmax 3px silver, 91vmax -41vmax 2px silver, 125vmax 90vmax 3px silver, -45vmax 68vmax 1px silver, -77vmax 0vmax 3px silver, 10vmax -34vmax 3px silver, 39vmax 82vmax 2px silver, 128vmax 77vmax 0px silver, -77vmax 7vmax 2px silver, -34vmax -136vmax 0px silver, -12vmax -10vmax 0px silver, 52vmax -149vmax 3px silver, 23vmax 143vmax 0px silver, 57vmax 96vmax 1px silver, 110vmax 143vmax 3px silver, 67vmax 51vmax 2px silver, -113vmax -2vmax 1px silver, -130vmax 95vmax 3px silver, 65vmax -139vmax 2px silver, -18vmax 21vmax 3px silver, -128vmax 142vmax 0px silver, -119vmax 96vmax 3px silver, -9vmax 129vmax 0px silver, 58vmax 28vmax 1px silver, -32vmax -65vmax 1px silver, -4vmax 13vmax 2px silver, -93vmax 88vmax 2px silver, 123vmax -20vmax 2px silver, -38vmax -106vmax 2px silver, 124vmax 7vmax 2px silver, 19vmax 5vmax 3px silver, 71vmax 112vmax 3px silver, 103vmax -126vmax 1px silver, 79vmax -136vmax 0px silver, 0vmax -86vmax 1px silver, 129vmax -76vmax 0px silver, -144vmax -40vmax 0px silver, 92vmax 80vmax 0px silver, 35vmax 41vmax 0px silver, 20vmax 114vmax 1px silver, -76vmax -82vmax 0px silver, 110vmax 121vmax 3px silver, -22vmax -2vmax 0px silver, -1vmax 21vmax 1px silver, 58vmax 130vmax 3px silver, -129vmax 129vmax 1px silver, 21vmax -30vmax 1px silver, 82vmax 6vmax 2px silver, 65vmax 21vmax 1px silver, -139vmax 144vmax 0px silver, -97vmax 19vmax 0px silver, 118vmax -79vmax 1px silver, -127vmax 115vmax 1px silver, -148vmax -141vmax 1px silver, -88vmax -38vmax 2px silver, 138vmax -11vmax 3px silver, 33vmax -15vmax 0px silver, 51vmax 61vmax 0px silver, 66vmax 112vmax 2px silver, 30vmax 65vmax 0px silver, -114vmax 31vmax 2px silver, 80vmax -60vmax 3px silver, 34vmax 13vmax 1px silver, 6vmax 128vmax 2px silver, -19vmax 47vmax 3px silver, -87vmax -91vmax 2px silver, -90vmax -90vmax 1px silver, -109vmax -20vmax 3px silver, 115vmax -66vmax 1px silver, 14vmax -29vmax 3px silver, 106vmax 72vmax 0px silver, 54vmax 98vmax 3px silver, -147vmax -112vmax 3px silver, 99vmax 57vmax 3px silver, -27vmax 36vmax 3px silver, 104vmax -85vmax 2px silver, 24vmax 4vmax 2px silver, 30vmax -23vmax 0px silver, -23vmax 84vmax 0px silver, -88vmax 15vmax 2px silver, -18vmax 12vmax 2px silver, 108vmax -117vmax 3px silver, -26vmax 26vmax 1px silver, 144vmax -78vmax 2px silver, -64vmax -102vmax 1px silver, 110vmax -143vmax 3px silver, -120vmax 29vmax 2px silver, 118vmax 147vmax 1px silver, -69vmax -96vmax 1px silver, -146vmax 138vmax 3px silver, 32vmax -17vmax 3px silver, -48vmax -82vmax 2px silver, 123vmax 54vmax 3px silver, 21vmax 114vmax 2px silver, 28vmax 119vmax 1px silver, 104vmax -7vmax 2px silver, 97vmax 80vmax 2px silver, -55vmax 83vmax 1px silver, 80vmax -133vmax 0px silver, 6vmax -80vmax 1px silver, 5vmax -61vmax 0px silver, 26vmax 82vmax 3px silver, 118vmax 82vmax 0px silver, 40vmax 15vmax 3px silver, -122vmax -66vmax 2px silver, 126vmax -92vmax 3px silver, -5vmax 66vmax 2px silver, -93vmax -91vmax 0px silver, 36vmax 100vmax 3px silver, -107vmax -28vmax 1px silver, -9vmax 94vmax 3px silver, 146vmax 77vmax 0px silver, -128vmax -123vmax 1px silver, 59vmax 66vmax 1px silver, 34vmax -48vmax 2px silver, -60vmax 2vmax 3px silver, 37vmax 46vmax 3px silver, -75vmax -129vmax 1px silver, 89vmax 128vmax 1px silver, 114vmax 70vmax 1px silver, -80vmax 51vmax 2px silver, -6vmax 145vmax 3px silver, -78vmax 64vmax 3px silver; animation: snow 100s linear 0s infinite normal; } @Keyframes snow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } input#txtName { display: block; width: 100%; padding: 15px; border-radius: 4px; border: 1px solid #ddd; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09); color: #ed272b; font-weight: bold; font-size: 24px; text-align: center; } @media (max-width: 480px) { input#txtName { font-size: 20px; } } #end if full credit for the css is here :. https://codepen.io/aschz/pen/apzmOW I'm no css expert but I like the idea (no js, no html modification) I just added #if condition and tuned a bit the color now I look for similar css only for rain ;) what do you think ? :) — Reply to this email directly, view it on GitHub <#926>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASZY5KUZTMNNJUVYXDJI46DYSQDTZAVCNFSM6AAAAABC6VV7UKVHI2DSMVQWIX3LMV43ERDJONRXK43TNFXW4OZWGE4TGMRYGY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[bonjour81]

Hello, thank you!
Icons are not my creation (I'm more a tinkerer than a creator). I put a credit link in "about" page, but it's in French.
You can find them here : https://www.deviantart.com/vclouds/art/VClouds-Weather-Icons-179152045

[ms372591]

I noticed that your site is also running Weewx5.0. Did you have any issues upgrading? I was never able to get it to work so I was just wondering if you did anything special. Thanks, Mike

…

On Thu, Feb 8, 2024 at 1:54 AM bonjour81 ***@***.***> wrote: Hello, thank you! Icons are not my creation (I'm more a tinkerer than a creator). I put a credit link in "about" page, but it's in French. You can find them here : https://www.deviantart.com/vclouds/art/VClouds-Weather-Icons-179152045 — Reply to this email directly, view it on GitHub <#926 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASZY5KSNCOPJ3XUINT6X2FDYSRZBJAVCNFSM6AAAAABC6VV7UKVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DIMBTHEZTA> . You are receiving this because you commented.Message ID: ***@***.*** com>

[bonjour81]

You may see what I did here : #924 (comment)