•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1734 vs r1735
1
{{{#!if ClockBgColor = 'green', ClockHrColor = '', ClockSecColor = '', ClockTickColor = '', ClockBorderColor = '', time = time()
1
{{{#!if ClockBgColor = 'green', ClockHrColor = 'yellow', ClockSecColor = 'pink', ClockTickColor = 'magenta', ClockBorderColor = 'purple', time = time()
22
}}}{{{#!if hour = (((((time + 32400) % 43200) / 3600) * 30) + (((time % 3600) / 60) / 50)) - 65
33
}}}{{{#!if minute = (((time % 3600) / 60) * 6) - 60
44
}}}{{{#!if second = ((time % 60) * 6) - 90
5
}}}{{{#!wiki style="display:flex;width:200px;height:200px;border-radius:50%;border:1px solid #fff;background:linear-gradient(0deg, transparent calc(50% - .5px), #fff 0, #fff calc(50% + .5px), transparent 0), linear-gradient(30deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(60deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(90deg, transparent calc(50% - .5px), #fff 0, #fff calc(50% + .5px), transparent 0), linear-gradient(120deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(150deg, #000 calc(50% - .57px), #fff 0, #fff calc(50% + .57px), #000 0)"
6
{{{#!wiki style="width:90%;height:90%;margin:auto;border-radius:50%;background:radial-gradient(closest-side, transparent 50%, #000 0), no-repeat linear-gradient(@hour@deg, transparent calc(50% - 2px / max(abs(cos(@hour@deg)), abs(sin(@hour@deg)))), #fff 0, #fff calc(50% + 2px / max(abs(cos(@hour@deg)), abs(sin(@hour@deg)))), transparent 0)calc(50% + (cos(@hour@ * 1deg) / max(abs(cos(@hour@ * 1deg)), abs(sin(@hour@ * 1deg)))) * 50%) calc(50% + (sin(@hour@ * 1deg) / max(abs(cos(@hour@ * 1deg)), abs(sin(@hour@ * 1deg)))) * 50%)/50% 50%, linear-gradient(#000, #000)"
7
{{{#!wiki style="width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, transparent 80%, #000 0), no-repeat linear-gradient(@minute@deg, transparent calc(50% - 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), #fff 0, #fff calc(50% + 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), transparent 0)calc(50% + (cos(@minute@ * 1deg) / max(abs(cos(@minute@ * 1deg)), abs(sin(@minute@ * 1deg)))) * 50%) calc(50% + (sin(@minute@ * 1deg) / max(abs(cos(@minute@ * 1deg)), abs(sin(@minute@ * 1deg)))) * 50%)/50% 50%"
8
{{{#!wiki style="width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, red 5%, transparent 0, transparent 90%, #000 0), no-repeat linear-gradient(@second@deg, transparent calc(50% - .5px / max(abs(cos(@second@deg)), abs(sin(@second@deg)))), red 0, red calc(50% + .5px / max(abs(cos(@second@deg)), abs(sin(@second@deg)))), transparent 0)calc(50% + (cos(@second@ * 1deg) / max(abs(cos(@second@ * 1deg)), abs(sin(@second@ * 1deg)))) * 50%) calc(50% + (sin(@second@ * 1deg) / max(abs(cos(@second@ * 1deg)), abs(sin(@second@ * 1deg)))) * 50%)/58% 58%"
5
}}}{{{#!wiki style="display:flex;width:200px;height:200px;border-radius:50%;border:1px solid #fff;background:linear-gradient(0deg, transparent calc(50% - .5px), #fff 0, #fff calc(50% + .5px), transparent 0), linear-gradient(30deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(60deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(90deg, transparent calc(50% - .5px), #fff 0, #fff calc(50% + .5px), transparent 0), linear-gradient(120deg, transparent calc(50% - .57px), #fff 0, #fff calc(50% + .57px), transparent 0), linear-gradient(150deg, @ClockBgColor@ calc(50% - .57px), #fff 0, #fff calc(50% + .57px), @ClockBgColor@ 0)"
6
{{{#!wiki style="width:90%;height:90%;margin:auto;border-radius:50%;background:radial-gradient(closest-side, transparent 50%, @ClockBgColor@ 0), no-repeat linear-gradient(@hour@deg, transparent calc(50% - 2px / max(abs(cos(@hour@deg)), abs(sin(@hour@deg)))), #fff 0, #fff calc(50% + 2px / max(abs(cos(@hour@deg)), abs(sin(@hour@deg)))), transparent 0)calc(50% + (cos(@hour@ * 1deg) / max(abs(cos(@hour@ * 1deg)), abs(sin(@hour@ * 1deg)))) * 50%) calc(50% + (sin(@hour@ * 1deg) / max(abs(cos(@hour@ * 1deg)), abs(sin(@hour@ * 1deg)))) * 50%)/50% 50%, linear-gradient(@ClockBgColor@, @ClockBgColor@)"
7
{{{#!wiki style="width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, transparent 80%, @ClockBgColor@ 0), no-repeat linear-gradient(@minute@deg, transparent calc(50% - 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), #fff 0, #fff calc(50% + 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), transparent 0)calc(50% + (cos(@minute@ * 1deg) / max(abs(cos(@minute@ * 1deg)), abs(sin(@minute@ * 1deg)))) * 50%) calc(50% + (sin(@minute@ * 1deg) / max(abs(cos(@minute@ * 1deg)), abs(sin(@minute@ * 1deg)))) * 50%)/50% 50%"
8
{{{#!wiki style="width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, red 5%, transparent 0, transparent 90%, @ClockBgColor@ 0), no-repeat linear-gradient(@second@deg, transparent calc(50% - .5px / max(abs(cos(@second@deg)), abs(sin(@second@deg)))), red 0, red calc(50% + .5px / max(abs(cos(@second@deg)), abs(sin(@second@deg)))), transparent 0)calc(50% + (cos(@second@ * 1deg) / max(abs(cos(@second@ * 1deg)), abs(sin(@second@ * 1deg)))) * 50%) calc(50% + (sin(@second@ * 1deg) / max(abs(cos(@second@ * 1deg)), abs(sin(@second@ * 1deg)))) * 50%)/58% 58%"
99
}}}}}}}}}}}}
1010
{{{#!wiki style="font-family:monospace"
1111
@hour@°:@minute@°:@second@°}}}
......