| r1750 vs r1751 | ||
|---|---|---|
| 1 | {{{#!if ClockBgColor = '#00 | |
| 1 | {{{#!if ClockSize = '200px', ClockBgColor = '#00f8', ClockHrColor = '#fff', ClockMinColor = '#fff', ClockSecColor = 'red', ClockTickColor = '#fff', ClockBorderColor = '#fff', time = time() | |
| 2 | 2 | }}}{{{#!if hour = (((time + 32400) % 43200) / 120) - 90 |
| 3 | 3 | }}}{{{#!if minute = ((time % 3600) / 10) - 90 |
| 4 | 4 | }}}{{{#!if second = ((time % 60) * 6) - 90 |
| 5 | }}}{{{#!wiki style="display:flex;width: | |
| 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)" | |
| 6 | 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)))), @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@)" |
| 7 | 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)))), @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%" |
| 8 | 8 | {{{#!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%" |
| ... | ... | |
| 14 | 14 | |
| 15 | 15 | |
| 16 | 16 | |
| 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 | }}} | |
| 18 | 19 | |
| 19 | 20 | |
| 20 | 21 | |
| ... | ... |