tips:calendarmargin
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
tips:calendarmargin [2015/01/24 05:08] – [Second Segment] rahul_pawa | tips:calendarmargin [2015/02/01 10:23] (current) – splitbrain | ||
---|---|---|---|
Line 3: | Line 3: | ||
The goal is to display a little border on a round watch face to mark the duration of the next 3 events. | The goal is to display a little border on a round watch face to mark the duration of the next 3 events. | ||
- | //This technique is used in my [[http:// | + | This technique is used in my [[http:// |
+ | This page describes the basic technique only for the margin visualization only. You can of course combine it with other agenda features like actually displaying the events. | ||
+ | |||
+ | Before you start, you should create three events today' | ||
===== Circle Segments ===== | ===== Circle Segments ===== | ||
+ | {{ : | ||
For each of the 3 next potential events we will create one circle [[:shape]] with the following properties: | For each of the 3 next potential events we will create one circle [[:shape]] with the following properties: | ||
^ Position X | 0 | | ^ Position X | 0 | | ||
^ Position Y | 0 | | ^ Position Y | 0 | | ||
- | ^ Width | 25 | | + | ^ Width | 512 | |
- | ^ Height | + | ^ Height |
+ | Also pick a different color for each of them. | ||
+ | |||
+ | {{ : | ||
Then add a [[: | Then add a [[: | ||
Line 21: | Line 28: | ||
^ % opacity in range | 80 | | ^ % opacity in range | 80 | | ||
^ %opactiy outside range | 0 | | ^ %opactiy outside range | 0 | | ||
+ | |||
Of course adjust the number in '' | Of course adjust the number in '' | ||
- | You should now have three circle wedges marking the time of the next three events on a twelve hour clock. Some of them may overlap, but thanks to the lowered opacity of 80 it should be obvious where that happens. We'll adjust this later | + | You should now have three circle wedges marking the time of the next three events on a twelve hour clock. Some of them may overlap, but thanks to the lowered opacity of 80 it should be obvious where that happens. We'll adjust this later. |
===== Inner Circle ===== | ===== Inner Circle ===== | ||
+ | {{ : | ||
Now add another circle, slightly smaller than your full watch face: | Now add another circle, slightly smaller than your full watch face: | ||
^ Position X | 0 | | ^ Position X | 0 | | ||
^ Position Y | 0 | | ^ Position Y | 0 | | ||
- | ^ Width | 485 | | + | ^ Width | 480 | |
- | ^ Height | + | ^ Height |
This will cover most of the wedges above, keeping only a small border left. This circle is your base for the rest of the watch face. Of course you could also use an image or any of the [[: | This will cover most of the wedges above, keeping only a small border left. This circle is your base for the rest of the watch face. Of course you could also use an image or any of the [[: | ||
Line 39: | Line 48: | ||
===== Current time ===== | ===== Current time ===== | ||
+ | {{ : | ||
You could simply add a [[: | You could simply add a [[: | ||
tips/calendarmargin.1422076100.txt.gz · Last modified: 2015/01/24 05:08 by rahul_pawa