40 lines
1.8 KiB
Plaintext
40 lines
1.8 KiB
Plaintext
<svg>
|
|
<gradientRect x="0" y="80%" width="100%" height="40%" id="background"
|
|
gradient-type="linear"
|
|
gradient-x1="0" gradient-y1="0"
|
|
gradient-x2="0" gradient-y2="100%"
|
|
gradient-color1="black" gradient-color2="#444444"
|
|
/>
|
|
<gradientRect x="0" y="0" width="1" height="100%" id="progress"
|
|
gradient-type="linear"
|
|
gradient-x1="0" gradient-y1="20"
|
|
gradient-x2="0" gradient-y2="100%-20"
|
|
gradient-color1="black" gradient-color2="black"
|
|
/>
|
|
<image href="img/dithernoise.png" id="fakedither" opacity="0.1" fill="black" />
|
|
<text class="text" id="time" fill="white" x="20" y="70" />
|
|
<text class="text" id="date" fill="white" x="20" y="110" />
|
|
<text id="hr" fill="white" x="20" y="100%-22" />
|
|
<use href="#heart" id="heartbeat" x="20" y="100%-34" />
|
|
|
|
<g id="overlay">
|
|
<use href="#overlayShade" id="overlayShadeInstance" />
|
|
<use href="#healthText" x="35%" y="22%" class="healthTextInstance" id="stepsText">
|
|
<set href="healthTextIcon" attributeName="href" to="img/icon-steps.png" />
|
|
</use>
|
|
<use href="#healthText" x="35%" y="47%" class="healthTextInstance" id="calText">
|
|
<set href="healthTextIcon" attributeName="href" to="img/icon-cal.png" />
|
|
</use>
|
|
<use href="#healthText" x="35%" y="72%" class="healthTextInstance" id="distText">
|
|
<set href="healthTextIcon" attributeName="href" to="img/icon-dist.png" />
|
|
</use>
|
|
<use href="#healthText" x="76%" y="22%" class="healthTextInstance" id="elevText">
|
|
<set href="healthTextIcon" attributeName="href" to="img/icon-elev.png" />
|
|
</use>
|
|
<use href="#healthText" x="76%" y="47%" class="healthTextInstance" id="actminText">
|
|
<set href="healthTextIcon" attributeName="href" to="img/icon-actmin.png" />
|
|
</use>
|
|
</g>
|
|
<rect x="0" y="0" width="100%" height="100%" opacity="0" id="touchArea" pointer-events="visible" />
|
|
</svg>
|