•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r1750 vs r1751
1
{{{#!if ClockBgColor = '#000', ClockHrColor = '#fff', ClockMinColor = '#fff', ClockSecColor = 'red', ClockTickColor = '#fff', ClockBorderColor = '#fff', time = time()
1
{{{#!if ClockSize = '200px', ClockBgColor = '#00f8', ClockHrColor = '#fff', ClockMinColor = '#fff', ClockSecColor = 'red', ClockTickColor = '#fff', ClockBorderColor = '#fff', time = time()
22
}}}{{{#!if hour = (((time + 32400) % 43200) / 120) - 90
33
}}}{{{#!if minute = ((time % 3600) / 10) - 90
44
}}}{{{#!if second = ((time % 60) * 6) - 90
5
}}}{{{#!wiki style="display:flex;width:200px;height:200px;border-radius:50%;border:1px solid @ClockBorderColor@;background:linear-gradient(0deg, transparent calc(50% - .5px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .5px), transparent 0), linear-gradient(30deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(60deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(90deg, transparent calc(50% - .5px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .5px), transparent 0), linear-gradient(120deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(150deg, @ClockBgColor@ calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), @ClockBgColor@ 0)"
5
}}}{{{#!wiki style="display:flex;width:@ClockSize@;height:@ClockSize@;border-radius:50%;border:1px solid @ClockBorderColor@;background:linear-gradient(0deg, transparent calc(50% - .5px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .5px), transparent 0), linear-gradient(30deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(60deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(90deg, transparent calc(50% - .5px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .5px), transparent 0), linear-gradient(120deg, transparent calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), transparent 0), linear-gradient(150deg, @ClockBgColor@ calc(50% - .57px), @ClockTickColor@ 0, @ClockTickColor@ calc(50% + .57px), @ClockBgColor@ 0)"
66
{{{#!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)))), @ClockHrColor@ 0, @ClockHrColor@ 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@)"
77
{{{#!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)))), @ClockMinColor@ 0, @ClockMinColor@ 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%"
88
{{{#!wiki style="width:100%;height:100%;border-radius:50%;background:radial-gradient(closest-side, @ClockSecColor@ 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)))), @ClockSecColor@ 0, @ClockSecColor@ 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%"
......
1414
1515
1616
17
17
{{{#!wiki style="width:200px;height:200px;background:radial-gradient(closest-side, transparent 80%, @ClockBgColor@ 0), no-repeat linear-gradient(@minute@deg, #f008 calc(50% - 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), @ClockMinColor@ 0, @ClockMinColor@ calc(50% + 2px / max(abs(cos(@minute@deg)), abs(sin(@minute@deg)))), #f008 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%"
18
}}}
1819
1920
2021
......