This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Hoi Alexandros |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<svg viewBox="0 0 100 130"> | |
<defs> | |
<pattern id="pattern" width="{{patternWidth}}" height="{{patternHeight}}" patternUnits="userSpaceOnUse"> | |
<path fill="url(#pattern)" stroke-width=".1" d="M0 {{gridHeight}}0h{{patternWidth}}"/> | |
<path fill="url(#pattern)" stroke-width=".1" d="M0 {{patternHeight}}h{{patternWidth}}"/> | |
<path fill="url(#pattern)" stroke-width=".1" d="M0 0h{{patternWidth}}"/> | |
<path fill="url(#pattern)" stroke-width=".1" d="M0 {{patternHeight}}L{{patternWidth}} 0"/> | |
<path fill="url(#pattern)" stroke-width=".1" d="M0 0L{{patternWidth}} {{patternHeight}}"/> | |
</pattern> | |
</defs> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<svg viewBox='0 0 100 100'> | |
<!-- first create a group and move it to 50,50 so | |
all co-ords are relative to the center --> | |
<g transform='translate(50,50)'> | |
<circle class='clock-face' r='48'/> | |
<!-- markers every minute (major markers every 5 minutes) --> | |
{{#each minor as tick, i}} | |
<line class='minor' y1='42' y2='45' transform='rotate( {{ |