Как перевернуть цифры, добавить границы для круга в svg в моем случай?

Сделал вот такой круг, типа часы. Вот ссылка
Теперь такие проблемы, которые не могу решать:
1. Как сделать чтобы цифры были ровными, а не перевернутыми?
2. Как добавить бордер, то есть разделить их как в картинке внизу.
3. Почему внутренний круг не правильно начинается? Может для каждого круга отдельную функцию написать?
Вот картинка, что я хочу видеть.